ASP.NET核心新功能的标签助手标签助手

从今天开始，我将谈论ASP.NET核心的新功能，今天我将谈论标签助手标签助手。虽然学习。net，最有帮助的是微软的官方文档，其中有些说明写得非常清楚，但微软还没来得及翻译。这对于英语不好的人来说简直太难了。所以今天，我将学习这个标签助手，并与博主分享我的经验。

如果想看微软官方文档和Git项目，可以直接点击下面的入口~ ~

ASP.NET核心小组正式文件

Asp.net核心智能交通枢纽项目

说到TagHelper，我的印象有点像ASP.NET表单中的服务器端控件，有点像Angular或者Vue中“组件”的后端实现版本。用户可以将一组html标签转换成自定义标签，从而实现html代码的重用。

然后文字开始~ ~

首先，我们需要安装一个vs2017插件：Razor语言服务。这个插件可以智能地在html中提示用户定义的标签助手。

https://marketplace.visualstudio.com/items?itemName=ms-madsk。剃刀语言服务

在ASP.NET创建一个核心项目

使用微软定义的标签助手，安装插件后，使用标签助手的标签将被高亮显示

在上图中，环境、链接和a标签都使用标签助手来实现各自的功能

在ASP-area=' ASP-controller=' home ' ASP-action=' index ' class=' nav bar-brand ' taghelper sample/aa标记中，通过使用ASP-controller和ASP-action自定义属性来实现路由访问。

这时有人会说，我也可以用@Html类来实现同样的功能。为什么我需要使用TagHelper？

@ Html . action link(' taghelper sample '，' index '，' home '，null，new {class=' navbar-brand'})确实我们可以通过使用@ html help类实现同样的功能，但是使用tag assistant的方式不是更符合HTML的tag语法吗，这对强迫症程序员来说是一个福音。而且添加标签的原始属性更方便，比如类。

！-tag assistant form-form ASP-controller=' home ' ASP-action=' index ' class=' form-horizontal '方法=' post'/form！- Html帮助类版本表单-@使用(Html。beginform ('index '，' home '，formmethod。post，new { class=' form-horizontal ' })){ }此外，tag assistant的另一个特点是可以自定义。具体步骤如下：

(1)创建一个从TagHelper类派生的类

//类将转换为text-collection/text-collection公共类text collection tag helper : tag helper { public override void process(taghelp context，TagHelperOutput output) { base。过程(上下文、输出)；} }(2)设置属性和基本类

公共字符串Color { get设置；}公共覆盖void Process(TagHelperContext上下文，TagHelperOutput输出){ output。标记名=' div输出。属性。添加('样式'，'颜色： '颜色)；var text='你好，世界'；var h1=新标记构建器(' h1 ')；var h2=新的TagBuilder(' H2 ')；var h3=新tag builder(' H3 ')；var h4=新tag builder(' H4 ')；var h5=新的TagBuilder(' H5 ')；var h6=新tag builder(' h6 ')；h1。InnerHtml.Append(文本)；h2。InnerHtml.Append(文本)；h3。InnerHtml.Append(文本)；h4。InnerHtml.Append(文本)；h5。InnerHtml.Append(文本)；h6。InnerHtml.Append(文本)；输出。content . append html(h1)；输出。content . append html(H2)；输出。content . append html(H3)；输出。content . append html(H4)；输出。content . append html(H5)；输出。content . append html(h6)；}(3)在_ viewimports.cshtml中导入类命名空间。

@ addtaghelper *，taghelpcample(4)在cshtml中使用标记助手

文本-集合颜色='红色'/文本-集合文本-集合颜色='蓝色'/文本-集合文本-集合颜色=' # 666 '/文本-集合(5)调试效果

好了，今天的TagHelper就到这里。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。