【無私分享：ASP.NET CORE 項目實戰（第九章）】建立區域Areas，添加TagHelper

 

目錄索引　

 

【無私分享：ASP.NET CORE 項目實戰】目錄索引

 

簡介

 

　　

　　在Asp.net Core VS2015中，咱們發現還有不少不太簡便的地方，好比右擊添加視圖，轉到試圖頁等功能圖不見了，雖然咱們能夠經過工具欄的自定義命令，把這兩個右擊菜單添加上，可是貌似是灰色的不能用。

　　其實，這樣也好，經過手動建立，更讓咱們深入的理解MVC以及路由之間的關係，不少人認爲底層的東西是高大上的，好比一提到彙編，不少人感受牛的不行不行的，其實術業有專攻，作程序的感受搞核電的很牛，搞核電的一樣也感受作程序的很牛，可是經過手動的建立MVC以及路由，除了讓咱們深入的理解MVC以外，也在必定程度上知足了有這種想法的朋友。

　　

 

添加配置區域

 

　 咱們在以前的版本中中添加區域，一般是直接右擊 → 添加區域，在建立的區域目錄中，自帶區域的路由配置。以下：

　　

　　　

 

 

這實際上是十分方便的，可是在VS2015 中，添加選項裏沒有了區域這個選項，咱們只能經過手動的方式來建立區域：

① 添加區域文件夾 Areas 並在區域文件下 添加文件夾 SysManage

 

② 在SysManage下新建兩個文件夾 Controllers（控制器） 和 Views（視圖）

 

 

 

③ 添加一個控制器 AccountController 

 

 

注意：AreaAttribute 名稱要和文件夾名稱一致

 

　　④ 咱們在 Views 文件夾下，新建一個文件夾 Account （與控制器名稱一致），而後添加視圖 Index.cshtml

　　

 

 

　　⑤ 在Startup.cs 下，添加區域路由配置 routes.MapRoute("areaRoute", "{area:exists}/{controller}/{action=Index}/{id?}");

 

　　

 

　　這樣，咱們區域就添加完了，咱們來測試一下：

 

　　

 

 

添加TagHelper

 

修改在以前的版本中，對於 _ViewStart.cshtml 你們都很熟悉，就是一個在呈現View文件的時候的啓動文件，會在全部View（.cshtml）被執行以前執行，好比設置Layout = "~/Views/Shared/_Layout.cshtml";這樣的語句，只需在_Viewstart.cshtml寫一遍就能夠了。

 在這個版本中，新增了一個_ViewImports.cshtml文件，這個文件的主要做用就是提供命名空間可用於全部其餘視圖。在之前的MVC項目，這個功能是經過在視圖文件夾中的web.config文件提供；因爲Web.config再也不存在，全局命名空間是由_ViewImports.cshtml提供。

 

咱們先無論這個文件，咱們來添加一個TagHelper 標籤：

 

 

 

　　咱們發現，TagHelper 貌似不行，咱們能夠經過瀏覽器測試一下，其實在VS2015中，若是能夠，這裏應該是加粗的，咱們看下系統自帶的樣例中TagHelper：

 

　　

 

　　這是爲何呢？是由於咱們沒有添加 TagHelper的引用。咱們添加一下引用 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

 　　

　　

 

　　咱們再看下咱們剛纔建立的兩個TagHelper標籤：

　　

 

 　　咱們發現TagHelper已經起做用了，咱們剛纔講過 _ViewImports.cshtml 是一個提供全局命名空間的文件，那麼咱們沒有必要每一個視圖文件都添加一條這個引用吧，咱們添加一個全局的引用，讓每一個試圖頁都引用TagHelper就行了

 

　　咱們在 Areas 的 Views 文件夾下添加一個  _ViewImports.cshtml  ：

　　

　　而且添加TagHelper引用：

　　

 

　　咱們刪掉Account\Index.cshtml 的 TagHelper 引用，咱們看下：

 

　　 

 

　　一樣的，咱們也能夠在 _ViewImports.cshtml 添加一些模型的命名空間的引用：

　　

　　

　　

 

 

 

 

 

但願跟你們一塊兒學習Asp.net Core 

剛開始接觸，水平有限，不少東西都是本身的理解和翻閱網上大神的資料，若是有不對的地方和不理解的地方，但願你們指正！

雖然Asp.net Core 如今很火熱，可是網上的不少資料都是前篇一概的複製，因此有不少問題我也暫時沒有解決，但願你們能共同幫助一下！

 

原創文章 轉載請尊重勞動成果 http://yuangang.cnblogs.com

 

---恢復內容結束---