[MVC4]初識.NET MVC4

最近一個月都在專心做unity3d的鬥地主遊戲,從早到晚,最後總算是搞出來了,其中的心酸只有自己知道。最近纔有功夫閒下來,還是學習學習之前的老本行——asp.net,現在用.net做項目流行MVC,而不是之前的三層,既然技術在更新,只能不斷學習,以適應新的技術潮流!

創建MVC工程

1.打開Visual studio2012,新建MVC4工程


2.選擇工程屬性,創建MVC工程


3.生成工程的目錄


  • App_Start:啓動文件的配置信息,包括很重要的RouteConfig路由註冊信息

  • Content文件放置樣式文件

  • Controllers文件夾用來放置控制器

  • Scripts文件夾系統自動創建了jquery文件

  • Views文件夾放置控制器的視圖文件

4.RouteConfig文件

[csharp] view plaincopyprint?在CODE上查看代碼片派生到我的代碼片

  1. <span style="font-size:14px;">routes.MapRoute(  

  2.                 name: "Default",  

  3.                 url: "{controller}/{action}/{id}"//controller目錄下的,action匹配Controllers目錄下actionresult,id是一個可寫參數  

  4.                 defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } //默認啓動項HomeController下的Index  

  5.             );</span>  

這個文件是路由註冊文件,配置默認啓動項,這裏指定的controller是HomeController,actionResult是Index,id可寫可不寫。

5.新建控制器

在Controllers文件夾右擊->添加->控制器,保留Controller,取名HomeController



點擊添加,則創建成功。

查看生成的HomeController控制器

[csharp] view plaincopyprint?在CODE上查看代碼片派生到我的代碼片

  1. public ActionResult Next()  

  2. {  

  3.      return View();  

  4. }  


這個返回一個ActionResult到前臺視圖頁面,下面我們可以在此基礎上創建控制器視圖。

6.新建控制器視圖

在上面的ActionResult裏面右擊鼠標,添加視圖,名字要跟方法名一致。

然後在Views文件夾下自動生成一個該控制器的視圖


微軟做的太貼心了,哇咔咔!

7.在控制器中添加代碼,在視圖中顯示出來

我們在控制器Index方法中添加如下代碼,傳遞到view中

[csharp] view plaincopyprint?在CODE上查看代碼片派生到我的代碼片

  1. public ActionResult Index()  

  2.         {  

  3.             ViewBag.joy = "姓名:";  

  4.             ViewBag.name = "丁小未";  

  5.             ViewData["data"] = "大家來學學ASP.NET MVC4吧!";  

  6.             return View();  

  7.         }  


前臺view顯示方法

[csharp] view plaincopyprint?在CODE上查看代碼片派生到我的代碼片

  1. @{  

  2.     ViewBag.Title = "Index";  

  3. }  

  4.   

  5. <h2>我的信息</h2>  

  6. <a href="http://blog.csdn.net/dingxiaowei2013">學無止境的專欄</a>  

  7. <br/>  

  8. @ViewBag.joy  

  9. <br/>  

  10. @ViewBag.name  

  11. <br/>  

  12. @ViewData["data"]  


8.查看運行效果

由於默認的路由註冊,所以這兩個url效果是一樣的。

        

如果我們運行其他的view也是可以的,訪問HomeController下的NextAction視圖


也可以訪問其他控制器的Action視圖



歡迎關注我的圍脖


==================== 迂者 丁小未 CSDN博客專欄=================

  MyQQ:1213250243      我的圍脖

Unity QQ羣:375151422,858550,6348968         cocos2dx QQ羣:280818155

====================== 相互學習,共同進步 ===================



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章