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

    你可能感兴趣的文章
    Penetration Testing、Security Testing、Automation Testing
    查看>>
    PentestGPT:一款由ChatGPT驱动的强大渗透测试工具
    查看>>
    PEP 8016 获胜,成为新的 Python 社区治理方案
    查看>>
    PEPM Cookie 远程代码执行漏洞复现(XVE-2024-16919)
    查看>>
    Percona Server 5.6 安装TokuDB
    查看>>
    percona-xtrabackup 备份
    查看>>
    ROS中机器人的强化学习路径规划器
    查看>>
    Perl的基本語法
    查看>>
    perl输出中文有乱码
    查看>>
    Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 大数据ssh权限问题 hadoop起不来 hadoopssh错
    查看>>
    PermissionError:[Errno 13] 权限被拒绝:‘/manage.py‘
    查看>>
    Permutation
    查看>>
    PE文件,节头有感IMAGE_SECTION_HEADER
    查看>>
    PE知识复习之PE的导入表
    查看>>
    PGOS:今天动手给电脑装青苹果Win7 X64位系统
    查看>>
    PgSQL · 特性分析 · PG主备流复制机制
    查看>>
    phoenix连接hbase报错Can not resolve hadoop120, please check your network_记录026---大数据工作笔记0187
    查看>>
    PHP
    查看>>
    Regular Expression Notes
    查看>>
    PHP $FILES error码对应错误信息
    查看>>