1.新建項目
NOTE:模板要選Empty,如果直接選MVC會產生多余代碼。
NOTE:上圖方框處正好對應于M, V, C
到此為止,就建立了一個最基本的MVC解決方案,基本是空的古胆。
我們簡單介紹下其中的RouteConfig.cs文件
打開Global.asax, 注意到在程序啟動的時候注冊了路由規(guī)則,如下方框處筛璧。
下面我們就看下具體的路由規(guī)則逸绎。打開RouteConfig.cs文件
注意到里面有個靜態(tài)方法,這就是映射路由的控制夭谤,這個方法定義了路由規(guī)則棺牧。
其中:url: "{controller}/{action}/{id}"定義了URL的格式。
后續(xù)會結合實際的URL地址來講解朗儒。
2.添加一個示例
先不管Model, 我們先創(chuàng)建Controller和View
(1)添加Controller
右鍵Controllers文件夾颊乘,按圖示添加参淹。
控制器必須以Controller結尾(這是ASP.NET MVC的一個約定)。
后續(xù)文章會講用戶登錄的例子乏悄,所以這里先建一個AccountController.
添加后會發(fā)現多了下圖方框處的類和文件夾浙值。
我們打開新建的AccountController.cs看下,自動生成了一個方法
我們稱這個Index為一個Action檩小,返回類型為ActionResult.
可以看到开呐,這個Action返回了一個View, 我們現在來建立這個View
(2)添加View
添加View有兩種方法,一種是直接在Views文件夾下添加(右鍵ViewsàAccount文件夾)
另外一種是通過Controller中的Action來添加识啦。這次我們采用后一種方法负蚊。
打開AccountController, 右鍵Index方法神妹,按圖示添加颓哮。
這樣就添加了一個和特定的Controller和Action(這里指AccountController和Index)相對應的View(ViewsàAccountàIndex.cshtml)
隨便寫點東西,看看效果
這個View就是最終顯示的前端頁面鸵荠,我們在Body里面添加一行字冕茅。
右鍵Index.cshtml,在瀏覽器中查看可以看到熟悉的HTML界面了蛹找。
注意瀏覽器中的地址 xx/Account/Index
這個地址與開頭的路由規(guī)則(url: "{controller}/{action}/{id}")就對應了起來姨伤,應該很容易理解吧。
典型的一個執(zhí)行過程庸疾。
網址路由比對
如成功乍楚,執(zhí)行相應的Controller與Action
執(zhí)行相應的View并返回結果
記住這個過程。后面的過程都會在這個簡單的過程中進行擴展届慈。