ASP.NET Core Tag Helper Image Link Script Partial Cache

最新推荐文章于 2022-10-07 19:32:55 发布

Pelva

最新推荐文章于 2022-10-07 19:32:55 发布

阅读量164

点赞数

原文链接：https://docs.microsoft.com/en-us/aspnet/core/mvc/views/tag-helpers/built-in/cache-tag-helper?view=aspnetcore-3.1

版权

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

Pelva

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET Core Tag Helper Image Link Script Partial Cache

Image Tag Helper 增强了标签，图像地址会增加唯一的缓存字符串，如果服务器上图像更改，服务器会返回最新的图像属性给img 添加src属性后，才能激活Image Tag Helperasp-append-version 用于生成缓存标识<img src="~/images/asplogo.png" asp-append-version="true"><img src="/images/asplogo.png?v=Kl_dqr9NVtnMdsM2MUg4qthUnW
复制链接

扫一扫