【无私分享: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 添加一些模型的命名空间的引用:

  

  

  

 

 

 

posted on 2016-08-25 21:23  張暁磊  阅读(287)  评论(0编辑  收藏  举报