1.前端页面代码:
前端页面代码主要显示退出系统或者网站的可视化按钮代码,代码如下:(请忽略项目关键字:CPU)
1<ul class="nav navbar-nav navbar-right"> 2 <li class=""> 3 <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 4 <img src="@Url.Content("~/assets/img/user2.png")" alt="">@CPU.UserProfile.User.UserID 5 <span class="fa fa-angle-down"></span> 6 </a> 7 <ul class="dropdown-menu dropdown-usermenu pull-right" style="width:35px"> 8 <li> 9 @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm", style = "padding: 12px 0px;" })) 10 { 11 @Html.AntiForgeryToken() 12 <a href="javascript:document.getElementById('logoutForm').submit()"><i class="fa fa-sign-out pull-right"></i> Log Out</a> 13 } 14 </li> 15 </ul> 16 </li> 17 <li class="hidden-xs"><a><span>在线人数: @System.Web.HttpContext.Current.Application["OnLineUserCount"] 人</span></a></li> 18 </ul>
2.后台逻辑处理代码:
后台的代码,主要是对前台点击按钮的事件进行处理:退出系统和清除系统Cookie
1 [HttpPost] 2 [AllowAnonymous] 3 [ValidateAntiForgeryToken] 4 public ActionResult LogOff() 5 { 6 FormsAuthentication.SignOut();//退出登录 7 System.Web.HttpContext.Current.Session.Abandon();//清理缓存 8 return RedirectToAction("Login", "Account"); 9 }
3.界面效果:
