Image Tag Helper 增强了标签,图像地址会增加唯一的缓存字符串,如果服务器上图像更改,服务器会返回最新的图像
属性
给img 添加src属性后,才能激活Image Tag Helper
asp-append-version 用于生成缓存标识
<img src="~/images/asplogo.png" asp-append-version="true">
<img src="/images/asplogo.png?v=Kl_dqr9NVtnMdsM2MUg4qthUnWZm5T1fCEimBPWDNgM">
Link Tag Helper
Link Tag可以将CSS地址设置为CDN地址,当CDN地址不可用时,CSS地址会调用asp-fallback-href 设置的地址,通常为服务器上的CSS地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - WebLinkTH</title>
<environment include="Development">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
</environment>
<environment exclude="Development">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css"
asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
asp-fallback-test-class="sr-only" asp-fallback-test-property="position"
asp-fallback-test-value="absolute"
crossorigin="anonymous"
integrity="sha256-eSi1q2PG6J7g7ib17yAaWMcrr5GrtohYChqibrV7PBE=" />
</environment>
<link rel="stylesheet" href="~/css/site.css" />
</head>
Script Tag Helper
功能与Link 相同,主要是为了防止CDN加速失败,采用本地备用地址。
Partial Tag Helper
用于在Razor Pages 和MVC应用中渲染局部视图
属性:
name
name 是必填属性,属性值为局部视图的名字或路径,
for
用于向局部视图传递model
<partial name="Shared/_ProductPartial.cshtml" for="Product">
model
也用于给局部视图传递模型实例,不能和for 一起使用
<partial name="_ProductPartial"
model='new Product { Number = 1, Name = "Test product", Description = "This is a test" }'>
view-data
将ViewDataDictionary传递给局部视图
@{
ViewData["IsNumberReadOnly"] = true;
}
<partial name="_ProductViewDataPartial" for="Product" view-data="ViewData">
从Html Helper 迁移到Tag Helper
@foreach (var product in Model.Products)
{
@await Html.PartialAsync("_ProductPartial", product)
}
@foreach (var product in Model.Products)
{
<partial name="_ProductPartial" model="product" />
}
Cache Tag Helper
将内容缓存到asp.net Core cache provider以提升性能
语法
<cache>@DateTime.Now</cache>
属性:
enabled 是否启用缓存 ,默认为true
expries-on 过期时间(一个绝对时间)
<cache expires-on="@new DateTime(2025,1,29,17,02,0)">
Current Time Inside Cache Tag Helper: @DateTime.Now
</cache>
expires-after Timespan类型 第一次请求之后 多久之后过期
<cache expires-after="@TimeSpan.FromSeconds(120)">
Current Time Inside Cache Tag Helper: @DateTime.Now
</cache>
expires-sliding 最后一次访问多久之后 未访问 就过期
<cache expires-sliding="@TimeSpan.FromSeconds(60)">
Current Time Inside Cache Tag Helper: @DateTime.Now
</cache>
变化 | 属性类型 | 示例 |
---|---|---|
vary-by-header | String | User-Agent, User-Agent,content-encoding |
vary-by-query | String | Make, Make,Model |
vary-by-route | String | Make, Make,Model |
vary-by-cookie | String | .AspNetCore.Identity.Application, .AspNetCore.Identity.Application,HairColor |
vary-by-user | Boolean | true, false |
vary-by | String | @Model |
priority