博客
关于我
ASP.NET Core 5.0 MVC 页面标记帮助程序的使用
阅读量:418 次
发布时间:2019-03-06

本文共 1648 字,大约阅读时间需要 5 分钟。

标记帮助程序在 ASP.NET Core 中的应用

标记帮助程序是 ASP.NET Core 中一个强大的功能,它允许开发者通过服务器端代码在 Razor 文件中创建和呈现 HTML 元素。这些标记帮助程序通常使用 C# 编写,通过指定元素名称、属性名称或父标记来为特定的 HTML 元素生成内容。

创建标记帮助程序

要创建一个功能性的标记帮助程序,首先需要在项目中创建一个专门用于存储标记帮助程序的文件夹。将这个文件夹命名为“TagHelpers”,并在其中添加一个名为 EmailTagHelper 的类。

public class EmailTagHelper : TagHelper{    private const string EmailDomain = "contoso.com";    public string MailTo { get; set; }    public override void Process(TagHelperContext context, TagHelperOutput output)    {        output.TagName = "a";        var address = MailTo + "@" + EmailDomain;        output.Attributes.SetAttribute("href", "mailto:" + address);        output.Content.SetContent(address);    }}

使用标记帮助程序

在实际应用中,标记帮助程序可以通过在视图文件中添加特定的指令来使用。例如,在 Privacy.cshtml 页面中添加以下内容:

Support:
Marketing:

运行后,生成的 HTML代码如下:

Support: Support@contoso.com Marketing: Marketing@contoso.com

管理标记帮助程序作用域

标记帮助程序的作用域可以通过以下方式控制:

  • 使用 @addTagHelper@removeTagHelper 指令

    在视图文件中添加 @addTagHelper 指令来启用标记帮助程序,@removeTagHelper 则用于删除特定的标记帮助程序。例如:

    @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers@addTagHelper *, net5MVC
  • _ViewImports.cshtml 文件中控制作用域

    _ViewImports.cshtml 文件添加到项目根目录下,并在其中添加 @addTagHelper@removeTagHelper 指令。这样可以对所有视图文件生效。

  • 使用退出字符(“!”)禁用标记帮助程序

    在需要禁用的标记中添加退出字符。例如:

    Visual Studio 会自动为结束标记添加相应的退出字符。

  • 使用 @tagHelperPrefix 指定标记帮助程序前缀

    为了更好地管理标记帮助程序,可以在 _ViewImports.cshtml 文件中使用 @tagHelperPrefix 指令,指定一个前缀字符串,以便只允许带有该前缀的标记支持标记帮助程序。例如:

    @tagHelperPrefix th:

    这样,只有 th: 前缀的元素(如 <label><input>)才能使用标记帮助程序。

    总结

    标记帮助程序是 ASP.NET Core 开发中一个强大的工具,它能够显著简化 HTML 元素的生成和管理。通过合理使用 @addTagHelper@removeTagHelper@tagHelperPrefix 等指令,可以灵活控制标记帮助程序的作用域和行为,从而提升开发效率和代码质量。

    转载地址:http://rtiuz.baihongyu.com/

    你可能感兴趣的文章
    Objective-C实现chudnovsky algorithm楚德诺夫斯基算法(附完整源码)
    查看>>
    Objective-C实现circle sort圆形排序算法(附完整源码)
    查看>>
    Objective-C实现cocktail shaker sort鸡尾酒排序算法(附完整源码)
    查看>>
    Objective-C实现cocktailShakerSort鸡尾酒排序算法(附完整源码)
    查看>>
    Objective-C实现combine Without Repetitions不重复地结合算法(附完整源码)
    查看>>
    Objective-C实现conjugate gradient共轭梯度算法(附完整源码)
    查看>>
    Objective-C实现coulombs law库仑定律算法(附完整源码)
    查看>>
    Objective-C实现data transformations数据转换算法(附完整源码)
    查看>>
    Objective-C实现DBSCAN聚类算法(附完整源码)
    查看>>
    Objective-C实现DBSCAN聚类算法(附完整源码)
    查看>>
    Objective-C实现degreeToRadian度到弧度算法(附完整源码)
    查看>>
    Objective-C实现depth first search深度优先搜索算法(附完整源码)
    查看>>
    Objective-C实现des文件加密算法(附完整源码)
    查看>>
    Objective-C实现Diffie-Hellman算法(附完整源码)
    查看>>
    Objective-C实现Dijkstra最小路径算法(附完整源码)
    查看>>
    Objective-C实现Dijkstra迪杰斯特拉算法(附完整源码)
    查看>>
    Objective-C实现dijkstra银行家算法(附完整源码)
    查看>>
    Objective-C实现Dinic算法(附完整源码)
    查看>>
    Objective-C实现disjoint set不相交集算法(附完整源码)
    查看>>
    Objective-C实现DisjointSet并查集的算法(附完整源码)
    查看>>