Asp.Net Core 缓存标签助手

Question

我正在尝试缓存包含固定仪表板和用户个人资料图像的顶部导航栏，我正在使用缓存标记帮助程序来缓存顶部导航栏，但是当用户更改固定仪表板或他的个人资料图像时，我想使其无效缓存以加载新的个人资料图片。

    <cache vary-by="@userService.ProfileChanged">
    <header class="header">
    <nav class="navbar fixed-top navbar-light bg-light d-flex justify-content-between">
        <ul class="main-nav-icons list-unstyled d-flex flex-fill mr-3">
            <cache vary-by="@userService.PinnedDashboardsChanged">
                @await Component.InvokeAsync("UserDashboards", new { type = "pinned" })
            </cache>
            <li><button class="btn btn-unstyled left-nav-toggler"><i class="glyphicons glyphicons-option-horizontal text-primary1"></i></button></li>
        </ul>
        <cache vary-by="@userService.ProfileChanged">
            <ul class="d-flex justify-content-end align-items-center user-menu mb-0 flex-fill list-unstyled">
                <li>
                    <ul class="user-menu-details d-flex mr-2 list-unstyled mb-0 flex-column flex-md-row">
                        <li class="list-inline-item">@(userService.User.UserTypeId == 1 ? "Dios Kernel" : userService.User.Environment.Name)</li>
                        <li class="list-inline-item"> <a href="@Url.Action("Index", "Profile")">@userService.User.FullName</a></li>
                    </ul>
                </li>
                <li class="list-inline-item user-avatar">
                    <div class="dropdown">

                        <a class="dropdown-toggle avatar-img" data-toggle="dropdown" style="background-image:url('@(string.IsNullOrEmpty(userService.User.ProfilePhoto) ? "/images/user-pic.png" : userService.User.ProfilePhoto)')">
                            @*<img src="@(string.IsNullOrEmpty(userService.User.ProfilePhoto) ? "/images/user-pic.png" : userService.User.ProfilePhoto)" alt="@userService.User.FullName">*@
                        </a>

                        <div class="dropdown-menu">
                            <a class="dropdown-item" onclick="editProfile('@Url.Action("_Edit","Profile")')">
                                <i class="fas fa-user-alt"></i>
                                Edit Profile
                            </a>
                            <a class="dropdown-item" onclick="resetPassword('@Url.Action("_ResetPassword","Account")')">
                                <i class="fas fa-lock"></i>
                                Change Password
                            </a>
                            <a class="dropdown-item" href="@Url.Action("Logout","Account")">
                                <i class="fas fa-sign-out-alt"></i>
                                Logout
                            </a>
                        </div>
                    </div>
                </li>
            </ul>
        </cache>
    </nav>
</header>
</cache>

我使用了 vary-by 并使用了 ProfileChanged 属性，当用户更新配置文件时我将其更改为 true，但是当我遇到一个奇怪的行为时，即任何页面上的第一次刷新显示新的更改但另一个没有，我希望更改后的第一个请求将再次为任何其他页面重新缓存导航。

Answer 1

您对工作流程感到困惑，因此请考虑逐步进行。

在此示例中，我创建了一个简单的 .net 核心项目，其中 razor 页面在路由查询中接受 int a 和 bool b 两个参数。

在剃刀视图中，我将拥有以下内容：

<cache vary-by="@a">
    Time at @a @DateTime.Now;
</cache>
<br />
<cache vary-by="@b">
    Time at @b @DateTime.Now;
</cache>

现在让我们逐步分析一些结果

1. 第一个请求，查询：?a=1&b=true 时间为 1 01/10/2018 19:31:11； 真实时间 01/10/2018 19:31:11;
2. 第二次请求，查询：?a=2&b=true 时间 2 01/10/2018 19:31:20； 真实时间 01/10/2018 19:31:11;
3. 第三次请求，查询：?a=2&b=false 时间 2 01/10/2018 19:31:20； 时间在 False 01/10/2018 19:31:32;
4. 第四次请求，查询：?a=1&b=false 时间为 1 01/10/2018 19:31:11； 时间在 False 01/10/2018 19:31:32;

现在解决您的问题。您必须将ProfileChanged 值设置为时间戳，否则如果在刷新后将ProfileChanged 的默认值设置回false 时未将其保存到数据库中，您将保留先前缓存的false 键的结果默认存储 20 分钟。