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