在_layout.cshtml文件中注销
在_layout.cshtml文件中注销
提问于 2022-07-04 10:23:54
我正在从事asp.net/C#剃须刀页面项目。我在_layout.cshtml文件中有一个导航栏，它有一个注销按钮的链接，.when注销按钮被按下，一个引导模式框出现，它要求用户确认注销，如果用户同意，将出现另一个模式框，它在2秒内重定向到主页，这是使用Javascript完成的。在_layout.cshtml中也实现了模态盒。我可以重定向到主页在2秒后，但不注销，请告诉我如何做。这是我的_layout.cshtml的一部分
<nav class="navbar navbar-expand-lg navbar-dark sticky-top bg-dark" data-navbar-on-scroll="data-navbar-on-scroll">
<div class="container">
<a class="navbar-brand" asp-page="Index"><h2>
<span class="text-primary fs-3 ms-2 fw-bolder">Project</span>
<span class="fw-thin text-300 fs-3"><strong>Sora</strong></span></h2></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse py-4 py-lg-0" id="navbarCollapse" style="">
@if (this.Context.SessionUserProfileGet() != null && !string.IsNullOrEmpty(this.Context.SessionUserProfileGet().FirstName))
{
<p class="mb-0 ms-auto fs-2 fw-bolder"><a class="navbar-brand" asp-page="Dashboard">Hello @this.Context.SessionUserProfileGet().FirstName</a></p>
}
<div class="navbar-nav ms-auto">
<a data-toggle="tab" asp-page="Index" class="nav-item nav-link me-3 @(ViewBag.Title=="Welcome" ? " active text-primary" : "") ">Home</a>
<a data-toggle="tab" asp-page="Products" class="nav-item nav-link me-3 @(ViewBag.Title=="Products" ? " active text-primary" : "")">Products</a>
<a data-toggle="tab" asp-page="NewsBlog" class="nav-item nav-link me-3 @(ViewBag.Title=="News & Blog" ? "active text-primary" : "")">News & Blog</a>
<a data-toggle="tab" asp-page="Contact" class="nav-item nav-link @(ViewBag.Title=="Contact us" ? "active text-primary" : "" )">Contact Us</a>
@if (this.Context.SessionUserProfileGet() != null && !string.IsNullOrEmpty(this.Context.SessionUserProfileGet().FirstName))
{
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-user text-primary"></i></a>
<div class="dropdown-menu mt-2 border-1 border-primary rounded-1 rounded-bottom m-0 position-xl-absolute translate-xl-middle-x" >
<a asp-page="Dashboard" class="dropdown-item text-primary">My Dashboard</a>
<a asp-page="Portfolio" class="dropdown-item text-primary">My Portfolios</a>
<a asp-page="Journal" class="dropdown-item text-primary">My Trade Journal</a>
<a asp-page="Report" class="dropdown-item text-primary">My Reports</a>
<a asp-page="AddTrade" class="dropdown-item text-primary">Add New Trade</a>
<hr class="text-primary">
<a asp-page="SignUp" class="dropdown-item text-primary">My Profile</a>
</div>
</div>
<button type="button" class=" nav-item nav-link btn btn-sm btn-outline-primary mt-4 mt-lg-0 text-primary bg-dark" data-bs-toggle="modal" data-bs-target="#exampleModal">
Logout
</button>
}
</div>
</div>
</div>
</nav>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" >
<div class="modal-content bg-dark border-2 border-primary">
<div class="modal-header ">
<h5 class="modal-title text-primary" id="exampleModalLabel">Logout</h5>
<button type="button" class="btn-close bg-primary" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body text-center">
<i class="fa-solid fa-right-from-bracket text-primary fs-8"></i>
<h3 class="text-primary">Are You Sure to Logout?</h3>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
<a class="btn btn-primary " id="logout" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#exampleModal2">Logout</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog">
<div class="modal-content bg-dark border-2 border-primary">
<div class="modal-body text-center">
<i class="fa-solid fa-circle-check text-primary fs-8"></i>
<h3 class="text-primary">Logged Out Successfully!!</h3>
<p>redirecting in 2 seconds...</p>
</div>
</div>以下是我在_layout.cshtml中的javascript代码
<script>
document.getElementById("logout").addEventListener('click', (e) => {
console.log("jij");
setTimeout(function(){
window.location.href = '/';
}, 2000);
})
</script>回答 1
Stack Overflow用户
发布于 2022-07-05 00:28:47
模式中的“注销”按钮不起任何作用，当单击OnPost中的“注销”按钮时，可以尝试转到注销页面：
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" >
<div class="modal-content bg-dark border-2 border-primary">
<div class="modal-header ">
<h5 class="modal-title text-primary" id="exampleModalLabel">Logout</h5>
<button type="button" class="btn-close bg-primary" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body text-center">
<i class="fa-solid fa-right-from-bracket text-primary fs-8"></i>
<h3 class="text-primary">Are You Sure to Logout?</h3>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
<form method="post" asp-page="Logout">
<input type="submit" class="btn btn-primary " id="logout" value="Logout" />
</form>
</div>
</div>
</div>
</div>Logout.cshtml：
@{
ViewData["Title"] = "Log out";
}
<header>
<h1>@ViewData["Title"]</h1>
<p>You have successfully logged out of the application.</p>
</header>Logout.cshtml.cs：
public IActionResult OnPost()
{
//put logout code here
return Page();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72855237
复制相关文章
相似问题
腾讯云开发者
