当前位置:首页 > 技术 > 正文内容

ASP.NET Core Razor页面与MVC中常见的HTML Tag Helpers

访客 技术 2026年6月30日 4

在ASP.NET Core的Razor Pages和MVC框架中,除了asp-for,还有多种实用的HTML Tag Helpers可用于简化视图开发。下面详细列出常用的辅助标记及其应用场景。

表单与URL路由相关

  • asp-action 和 asp-controller

    作用:为表单或链接生成指向指定控制器和操作的URL。

    <form asp-action="Create" asp-controller="Product" method="post">
        <button type="submit">提交</button>
    </form>

    表单提交后将请求发送到Product控制器的Create方法。

  • asp-route-{参数名}

    作用:向URL中注入自定义路由参数。

    <a asp-action="Details" asp-controller="Product" asp-route-id="@Model.ProductId">查看详情</a>

    生成的链接会包含id参数,值为Model.ProductId

  • asp-antiforgery

    作用:在表单中嵌入防伪令牌,防范跨站请求伪造(CSRF)攻击。

    <form asp-action="Create" asp-controller="Product" method="post">
        <input asp-antiforgery="true" />
        <button type="submit">提交</button>
    </form>

    启用后,服务器会验证令牌的有效性。

下拉框与列表选择器

  • asp-items

    作用:select、单选按钮组或复选框组填充选项集合。

    <select asp-for="SelectedCategoryId" asp-items="Model.CategoryList">
        <option value="">请选择分类</option>
    </select>

    Model.CategoryList通常为SelectList类型,自动生成选项。

  • asp-selected

    作用:控制复选框或单选按钮的默认选中状态。

    @foreach (var item in Model.ItemList)
    {
        <input type="checkbox" asp-for="@item.IsSelected" asp-selected="@item.IsPreSelected" />
        <label asp-for="@item.IsSelected">@item.Name</label>
    }

    item.IsPreSelectedtrue,该复选框会被预设为选中。

图像与链接处理

  • asp-src

    作用:生成图像src属性,支持虚拟根路径。

    <img asp-src="~/images/product.jpg" alt="产品图片" />

    ~代表应用根目录,自动解析为正确URL。

  • asp-href

    作用:基于路由规则生成链接href属性。

    <a asp-href="~/Home/About">关于我们</a>

    根据路由配置输出完整URL。

视图组件与部分视图

  • asp-view-component

    作用:在视图中调用视图组件。

    <vc:my-view-component parameter="@Model.SomeValue"></vc:my-view-component>

    此处调用MyViewComponent并传递参数。

  • asp-partial

    作用:嵌入部分视图。

    <partial name="_MyPartialView" model="@Model.PartialModel" />

    引入名为_MyPartialView的部分视图,并传入模型数据。

相关文章

富文本里可以允许的 HTML 属性

一、所有标签默认允许的安全属性(极少)class        (可选)id           (通常建议禁用)title️ 注意:id 容易被滥用做锚点注入,很多系统直接禁用class 允许的话最好只允许固定前缀(如 editor-*)二、a 标签允许属性<a href="" t...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

linux screen 用法详情 (nohup 的替代方案)

一、screen 是什么?能干嘛?screen 是一个终端复用器,可以:在一个 SSH 会话中开多个“虚拟终端”SSH 断线后,程序仍然在后台运行随时重新连接到原来的会话特别适合:nohup 的替代方案跑脚本 / 爬虫 / 训练模型运维、远程开发二、安装 screen# CentOS / Rocky / Almayum install -y screen# Debian / Ubuntuapt i...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。