问题描述
我想在layout.cshtml页面中添加会话超时功能。会话超时后，我必须显示TimeOut div来显示消息并再次重新登录。如何从函数Sessionlogout（）调用timeout div
下面给出了layout.csHTML代码。
<head>
</head>
<body onload="return disableBack()" ondragstart="return false;" ondrop="return false;">
@if (HttpContextAccessor.HttpContext.Session.GetString("UserName") == null)
{
<div id="TimeOut" class=" text-center">Your session has expired,please<a href="/Home/Index" class="btn signout " style="padding: 1px 5px 1px 5px;">click here to login</a>again</div>
<div class="main-content hidden">
@RenderBody()
</div>
}
else
{
}
<script type="text/javascript">
{
$(document).ready(function () {
Sessionlogout();
});
function Sessionlogout()
{
}
}
解决方法
如果您想使用js显示div，这是一个有效的演示：
@using Microsoft.AspNetCore.Http;
@inject IHttpContextAccessor HttpContextAccessor
<div id="session">
</div>
<script>
$(document).ready(function () {
var session = '@HttpContextAccessor.HttpContext.Session.GetString("UserName")';
if (session == "") {
SessionLogOut();
}
});
function SessionLogOut() {
$("div#session").append("<div id=\"TimeOut\" class=\"text-center\">Your session has expired,please<a href=\"/Home/Index\" class=\"btn signout\" style=\"padding: 1px 5px 1px 5px;\">click here to login</a>again</div>");
}
</script>
您的标题是How can I make the session timeout if the application keep idle。请确保您已设置会话超时，如下所示：
services.AddSession(options =>
{
options.IdleTimeout = TimeSpan.FromSeconds(5);
});
调用您设置会话的方法，然后调用其他方法，并在按住ide超过五秒钟后刷新页面，并显示超时div。
结果：
整个Startup.cs：
public void ConfigureServices(IServiceCollection services)
{
services.Configure<CookiePolicyOptions>(options =>
{
// This lambda determines whether user consent for non-essential cookies is needed for a given request.
options.CheckConsentNeeded = context => true;
options.MinimumSameSitePolicy = SameSiteMode.None;
});
services.AddHttpContextAccessor();
services.AddSession(options =>
{
options.IdleTimeout = TimeSpan.FromSeconds(5);
});
services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);
}
public void Configure(IApplicationBuilder app,IHostingEnvironment env)
{
app.UseSession();
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseCookiePolicy();
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",template: "{controller=Home}/{action=Index}/{id?}");
});
}