博客
关于我
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/

    你可能感兴趣的文章
    pandas :从数据透视表中的另一列中减去一列
    查看>>
    pandas :加入有条件的数据框
    查看>>
    pandas :将多列汇总为一列,没有最后一列
    查看>>
    pandas :将时间戳转换为 datetime.date
    查看>>
    pandas :将行取消堆叠到新列中
    查看>>
    pandas :设置编号.最大行数
    查看>>
    pandas DataFrame 中的自定义浮点格式
    查看>>
    Pandas DataFrame 的 describe()方法详解-ChatGPT4o作答
    查看>>
    Pandas DataFrame中删除列级的方法链接解决方案
    查看>>
    Pandas DataFrame中的列从浮点数输出到货币(负值)
    查看>>
    Pandas DataFrame中的列从浮点数输出到货币(负值)
    查看>>
    Pandas DataFrame多索引透视表-删除空头和轴行
    查看>>
    pandas DataFrame的一些操作
    查看>>
    Pandas Dataframe的日志文件
    查看>>
    Pandas df.iterrows() 并行化
    查看>>
    Pandas drop_duplicates 方法不适用于包含列表的数据框
    查看>>
    pandas groupby 和过滤器
    查看>>
    pandas GROUPBY+变换和多列
    查看>>
    pandas Groupby:创建两列的Groupby时,如何按正确的顺序对工作日进行排序?
    查看>>