DotnetBrowser高級教程-（4）使用MVC框架5-使用視圖

mvc框架理所固然的要支持view了，咱們看下前面上傳文件的地方，在展現頁面時，咱們使用了以下的代碼：

        public string UploadImgPage()
        {
            return "<form action='/User/UploadImg' method='post' enctype='multipart/form-data'><input type='file' name='file'/><input type='submit' value='submit'/></form>";
        }

 這段代碼是不優雅的，咱們能夠將其移到view視圖裏面，請看下面的操做：

一、增長Views目錄，在Views目錄下增長UploadImgPage目錄

二、在UploadImgPage目錄下增長UploadImgPage.cshtml文件，將該文件設置爲「若是較新則複製」，代碼以下：

<form action='/User/UploadImg' method='post' enctype='multipart/form-data'>
    <input type='file' name='file' />
    <input type='submit' value='submit' />
</form>

 

 三、修改UserController.cs裏的方法UploadImgPage爲：

        public string UploadImgPage()
        {
            return View();
        }

 四、按F5輸入 http://127.0.0.1:8000/User/UploadImgPage ，應該能夠看到以下結果：

至此，基於View的內容就講到這裏，事實上，您還能夠傳遞視圖名和數據到View方法裏。

另外須要注意，默認狀況下：

一、dotnetbrowser支持razor語法，所以各類循環判斷均可以使用

二、Html擴展瞭如下三個方法：@Html.PartHeader()、@Html.PartHeader()與@Html.Partial()，其中Partial簽名爲：(string templateName = null, object data = null)

三、強類型寫法以下：

@{
    var model = (User)@Model;
}

 

 

---

 總結：您能夠看到，能支持視圖，而且基本接近微軟的mvc web開發，是dotnetbrowser很重要的一個亮點，這意味您不只能夠用html5開發您的頁面，甚至您能夠擴展本身的mvc服務器控件。

如基於.net core 2.0 的easymvc控件能夠完美的移植過來，後面會有介紹。

 

源碼下載請瀏覽：http://www.cnblogs.com/chinasoft/p/8379662.html