文章/答案/技术大牛

发布

社区首页 >问答首页 >自定义警报标记帮助器未在活动服务器上显示

问自定义警报标记帮助器未在活动服务器上显示
EN

Stack Overflow用户

提问于 2020-04-08 10:52:24

回答 2查看 203关注 0票数 3

我使用以下指南在我的.NET 2.2应用程序中实现了一个自定义警报系统：https://www.matheus.ro/2017/12/18/how-to-create-a-simple-alert-system-using-tag-helpers-in-asp-net-core-mvc/

但是，我昨晚部署到Azure上的实时服务器上，注意到警报的none正在出现。

这是什么原因？我不知道如何有效地调试这个问题。

AlertsTagHelper.cs:

    [HtmlTargetElement("alerts")]
    public class AlertsTagHelper : TagHelper
    {
        private const string AlertKey = "SEPMTool.Alert";
        [ViewContext]
        public ViewContext ViewContext { get; set; }
        protected ITempDataDictionary TempData => ViewContext.TempData;
        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            output.TagName = "div";
            if (TempData[AlertKey] == null)
                TempData[AlertKey] = JsonConvert.SerializeObject(new HashSet<Alert>());
            var alerts = JsonConvert.DeserializeObject<ICollection<Alert>>(TempData[AlertKey].ToString());
            var html = string.Empty;
            foreach (var alert in alerts)
            {
                html += $"<div class='alert {alert.Type}' id='inner-alert' role='alert'>" +
                            $"<button type='button' class='close' data-dismiss='alert' aria-label='Close'>" +
                                $"<span aria-hidden='true'>&times;</span>" +
                            $"</button>" +
                            $"{alert.Message}" +
                        $"</div>";
            }
            output.Content.SetHtmlContent(html);
        }
    }

AlertExtensions.cs:

public static class AlertExtensions
    {
        private const string AlertKey = "SEPMTool.Alert";
        public static void AddAlertSuccess(this Controller controller, string message)
        {
            var alerts = GetAlerts(controller);
            alerts.Add(new Alert(message, "alert-success"));
            controller.TempData[AlertKey] = JsonConvert.SerializeObject(alerts);
        }
        public static void AddAlertInfo(this Controller controller, string message)
        {
            var alerts = GetAlerts(controller);
            alerts.Add(new Alert(message, "alert-info"));
            controller.TempData[AlertKey] = JsonConvert.SerializeObject(alerts);
        }
        public static void AddAlertWarning(this Controller controller, string message)
        {
            var alerts = GetAlerts(controller);
            alerts.Add(new Alert(message, "alert-warning"));
            controller.TempData[AlertKey] = JsonConvert.SerializeObject(alerts);
        }
        public static void AddAlertDanger(this Controller controller, string message)
        {
            var alerts = GetAlerts(controller);
            alerts.Add(new Alert(message, "alert-danger"));
            controller.TempData[AlertKey] = JsonConvert.SerializeObject(alerts);
        }
        private static ICollection<Alert> GetAlerts(Controller controller)
        {
            if (controller.TempData[AlertKey] == null)
                controller.TempData[AlertKey] = JsonConvert.SerializeObject(new HashSet<Alert>());
            ICollection<Alert> alerts = JsonConvert.DeserializeObject<ICollection<Alert>>(controller.TempData[AlertKey].ToString());
            if (alerts == null)
            {
                alerts = new HashSet<Alert>();
            }
            return alerts;
        }
    }

Alert.cs:

public class Alert
    {
        public string Message;
        public string Type;

        public Alert(string message, string type)
        {
            Message = message;
            Type = type;
        }
    }

_Layout.cshtml

@using Microsoft.AspNetCore.Hosting
@inject IHostingEnvironment HostingEnvironment

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="description" content="A Software Engineering Project Management Tool by Ben Hayward">
    <title>@ViewBag.Title</title>
    <link href="~/assets/img/favicon.ico" rel="icon" type="image/x-icon">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Gothic+A1" rel="stylesheet">
    <link href="~/dist/assets/css/theme.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
    <div class="layout layout-nav-side">
        <partial name="_LoginPartial" />
        <div class="main-container">
            <div id="mainContent" v-cloak>
                <partial name="_BreadcrumbBarPartial" />
                <alerts></alerts>
                @RenderBody()
            </div>
        </div>
    </div>

    <script type="text/javascript" src="~/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="~/assets/js/popper.min.js"></script>
    <script type="text/javascript" src="~/dist/assets/js/bootstrap.js"></script>

    <script type="text/javascript" src="~/assets/js/autosize.min.js"></script>
    <script type="text/javascript" src="~/assets/js/flatpickr.min.js"></script>
    <script type="text/javascript" src="~/assets/js/prism.js"></script>
    <script type="text/javascript" src="~/assets/js/draggable.bundle.legacy.js"></script>
    <script type="text/javascript" src="~/assets/js/swap-animation.js"></script>
    <script type="text/javascript" src="~/assets/js/dropzone.min.js"></script>
    <script type="text/javascript" src="~/assets/js/list.min.js"></script>

    <!-- Required theme scripts (Do not remove) -->
    <script type="text/javascript" src="~/dist/assets/js/theme.js"></script>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script src="~/build/site.js" asp-append-version="true"></script>

    @RenderSection("Scripts", required: false)

    <script>
    var app = new Vue({
        el: "#mainContent",
        mixins: vueMixins
    });
    @if (HostingEnvironment.IsDevelopment())
    {
        @:Vue.config.devtools = true;
    }
    </script>

</body>
</html>

_ViewImports.cshtml:

@using SEPMTool
@using SEPMTool.Models
@addTagHelper *, SEPMTool
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper "*, cloudscribe.Web.Pagination"

控制器中的警报触发器：

            if (await _context.SaveChangesAsync() > 0)
            {
                this.AddAlertSuccess($"{projectTask.TaskName} was created successfully");
                return RedirectToAction("Details", new { id = projectTask.ProjectId });
            }

asp.net-mvc

twitter-bootstrap

azure

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-04-08 19:32:05

我找到了这个问题的解决方案，它是由所需的同意曲奇造成的，没有任何人能够接受它。

贷记：@Smurtagh

 services.Configure<CookiePolicyOptions>(options =>
        {
            // This lambda determines whether user consent for non-essential cookies is needed for a given request.
            options.CheckConsentNeeded = context => false;
            options.MinimumSameSitePolicy = SameSiteMode.None;
        });

票数 1

Stack Overflow用户

发布于 2020-04-08 12:04:34

当应用程序部署在多个服务器上时，在这种情况下，应用程序可能不会一直显示消息。以上代码使用tempData

TempData在内部使用一个会话变量来存储请求之间的数据。会话数据将存储在一台服务器上。然后，您必须确保一个用户所有的请求都应该在同一台服务器上。检查Azure应用程序服务级别或负载均衡器级别中的会话关联/ ARR关联设置。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61098965

复制

相似问题

问自定义警报标记帮助器未在活动服务器上显示
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自定义警报标记帮助器未在活动服务器上显示EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自定义警报标记帮助器未在活动服务器上显示
EN