2.第一個ASP.NET MVC 5.0應用程序


       大家好,上一篇對ASP.NET MVC 有了一個基本的認識之后,這一篇,我們來看下怎么從頭到尾創建一個ASP.NET MVC 應用程序吧。【PS:返回上一篇文章:1.開始學習ASP.NET MVC

第一步:開打VS2017,選擇【文件】-->【新建】-->【項目】,然后在彈出來的方框中,按照下面的截圖操作,第一步選擇Visual C#,接着Web,然后選擇ASP.NET Web 應用程序(.NET Framework),最后

輸入項目名稱,點擊確定。

 

然后按照下面的截圖選擇:

點擊確定,我們的第一個ASP.NET MVC 5.0應用程序就創建好了。我們來看看項目結構:

可以看到,VS2017,為我們生成了三個文件夾Controller、Model、Views。其中Controller文件夾放默認約定的控制器類,Model文件夾放模型類,Views文件夾放視圖頁面,我們還注意到有一個App_Start文件夾,里面有一個RouteConfig類,這個類文件是用來配置MVC路由規則的。打開RouteConfig文件:

 

 默認路由配置是Home控制器,Index方法,你可以根據需要進行定制。現在我們來創建一個控制器,在Controllers文件夾上,右鍵【添加】-->【控制器】,然后選擇第一個空模板。

輸入控制器的名字,記住:控制器根據約定大於配置原則,都要求以Controller結尾。

可以看到,控制器默認都有一個返回值為ActionResult 的Index方法。

 

創建完控制器之后,我們接着來創建Index視圖:創建視圖的方法有兩種。第一種是:右鍵選擇控制器的Index方法,選擇【添加視圖】;第二種是在Views文件夾下,找到相對應的控制器對應的文件夾,這里是Home文件夾,然后右鍵Home,選擇添加視圖。記住視圖的名字一般和Action名字一樣,也可以不一樣,如果一樣,就直接寫Return View();如果不一樣,就必須寫出路徑。這里我們選擇第一種方式創建Index視圖。

 

 

 在視圖中添加如下代碼,然后運行程序:

 

運行的結果如下圖:

 

記住,這里我們是創建了和Action方法同名的Index視圖,如果我們創建不一樣的視圖呢,並且不在一個對應的Home文件夾下,創建這個視圖呢。會是什么效果???我們來看看。

1.我們在Views文件夾下,創建一個Test文件夾,在Test文件夾下面,創建一個Test視圖頁面;

在Test視圖中,添加如下代碼:

 

 然后修改Home控制器Index方法的代碼,運行程序:

結果如下圖:可以看到頁面加載了Test文件夾下的Test.cshtml視圖頁面了

 

好了,這就是,這篇教大家怎么從零開始創建一個新的ASP.NET MVC 5.0應用程序了,大家有什么疑問,可以留言評論,我會一一回復。謝謝!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM