大家好,上一篇對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應用程序了,大家有什么疑問,可以留言評論,我會一一回復。謝謝!