SprinMVC 拦截器验证权限和登录与注销的实现

本文将介绍通过拦截器验证权限和后台登录与注销。

拦截器的作用在于，比如我们输入 xxx.com/admin 发起请求进入网站后台或者其他后台页面。我们的拦截器会在 Controller 调用之前进行拦截，至于什么拦截，由我们来写。比如，判断用户是否登录(可以通过 session 判断)，如果没有登录，我们让它跳转到登录页面。

一、拦截器的基本使用

1、新建一个拦截器

SecurityInterceptor.java

package com.liuyanzhao.blog.Interceptor;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class SecurityInterceptor implements HandlerInterceptor {
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object o) throws Exception {
System.out.println("SecurityInterceptor...preHandle...");
//这里可以根据session的用户来判断角色的权限，根据权限来转发不同的页面
if(request.getSession().getAttribute("userId") == null) {
request.getRequestDispatcher("/login").forward(request,response);
return false;
}
return true;
}
@Override
public void postHandle(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, ModelAndView modelAndView) throws Exception {
}
@Override
public void afterCompletion(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, Exception e) throws Exception {
}
}

判断是否有 userId 这个session，如果没有(或者过期了)转发到登录页面

2、配置 springmvc.xml

通过使用 mvc:interceptors 标签来声明需要加入到SpringMVC拦截器链中的拦截器。

<mvc:interceptors>
<mvc:interceptor>
<mvc:mapping path="/admin"/>
<bean class="com.liuyanzhao.blog.Interceptor.SecurityInterceptor"/>
</mvc:interceptor>
<mvc:interceptor>
<mvc:mapping path="/admin/**"/>
<bean class="com.liuyanzhao.blog.Interceptor.SecurityInterceptor"/>
</mvc:interceptor>
</mvc:interceptors>

只需两步，我们已经能成功拦截 /admin 和其其前缀的如 /admin/article 等其他所有路径啦。

二、登录实现

登录主要是验证该用户是否存在，密码是否正确。然后添加 session 和页面跳转

1、登录表单

<%
String username = "";
String password = "";
//获取当前站点的所有Cookie
Cookie[] cookies = request.getCookies();
for (int i = 0; i < cookies.length; i++) {//对cookies中的数据进行遍历，找到用户名、密码的数据
if ("username".equals(cookies[i].getName())) {
username = cookies[i].getValue();
} else if ("password".equals(cookies[i].getName())) {
password = cookies[i].getValue();
}
}
%>
<form name="loginForm" id="loginForm" method="post">
<input type="text" name="username" id="user_login"
class="input" value="<%=username%>" size="20" required/></label>
<input type="password" name="password" id="user_pass"
class="input" value="<%=password%>" size="20" required/>
<input name="rememberme" type="checkbox" id="rememberme" value="1" /> 记住密码
<input type="button" name="wp-submit" id="submit-btn" class="button button-primary button-large" value="登录" />
</form>

为了代码简洁，这里去掉了多余的标签和属性。我这里是扒了 wordpress 的登录页面，这里也用到了 cookie 。

注意：这里的 form 表单里没有 action 属性，最终发送数据通过 ajax 。同样，也没有 submit 按钮，为了防止 ajax+form+submit 导致 success 里无法页面跳转。

2、js 代码

<%--登录验证--%>
$("#submit-btn").click(function () {
var user = $("#user_login").val();
var password = $("#user_pass").val();
if(user=="") {
alert("用户名不可为空!");
} else if(password==""){
alert("密码不可为空!");
} else {
$.ajax({
async: false,//同步，待请求完毕后再执行后面的代码
type: "POST",
url: '${pageContext.request.contextPath}/loginVerify',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: $("#loginForm").serialize(),
dataType: "json",
success: function (data) {
if(data.code==0) {
alert(data.msg);
} else {
window.location.href="${pageContext.request.contextPath}/admin";
}
},
error: function () {
alert("数据获取失败")
}
})
}
})

这里 ajax 使用同步，防止出现后台没有返回值，就执行了后面的js代码，进而出现 ajax 执行 error:function() 里的代码。数据类型使用 json，当然也可以使用 text，只不过 text 只能返回普通的字符串。

最后，如果验证通过，将跳转到 xxx.com/admin 页面(当然后台需要加入session，否则拦截器会拦截)。

3、控制器代码

//登录页面显示
@RequestMapping("/login")
public ModelAndView loginView() {
ModelAndView modelAndView = new ModelAndView();
modelAndView.setViewName("/Admin/login");
return modelAndView;
}
//登录验证
@RequestMapping(value = "/loginVerify",method = RequestMethod.POST)
@ResponseBody
public String loginVerify(HttpServletRequest request, HttpServletResponse response) throws Exception {
Map<String, Object> map = new HashMap<String, Object>();
String username = request.getParameter("username");
String password = request.getParameter("password");
String rememberme = request.getParameter("rememberme");
UserCustom userCustom = userService.getUserByNameOrEmail(username);
if(userCustom==null) {
map.put("code",0);
map.put("msg","用户名无效！");
} else if(!userCustom.getUserPass().equals(password)) {
map.put("code",0);
map.put("msg","密码错误！");
} else {
//登录成功
map.put("code",1);
map.put("msg","");
//添加session
request.getSession().setAttribute("user", userCustom);
//添加cookie
if(rememberme!=null) {
//创建两个Cookie对象
Cookie nameCookie = new Cookie("username", username);
//设置Cookie的有效期为3天
nameCookie.setMaxAge(60 * 60 * 24 * 3);
Cookie pwdCookie = new Cookie("password", password);
pwdCookie.setMaxAge(60 * 60 * 24 * 3);
response.addCookie(nameCookie);
response.addCookie(pwdCookie);
}
}
String result = new JSONObject(map).toString();
return result;
}

这里登录验证方法内，getUserByNameOrEmail() 方法用来从数据库里查找是否有该用户(用户名或者邮箱)。如果有，而且密码正确，添加一条 session，要和拦截器里写的一致哦。并将信息添加到 Map 中，然后转成 JSON 数据，这里需要导入对应JSON 的jar 哦。

<dependency>
<groupId>org.json</groupId>
<artifactId>json</artifactId>
<version>20170516</version>
</dependency>

是

4、Service 和 DAO

这里就不贴 Service 和 Dao 的代码了，主要就是根据字符串查找用户的操作啦。

三、注销实现

注销就比较简单了，清除 session 就行了。

1、jsp 页面

<a href="${pageContext.request.contextPath}/admin/logout">退了</a>

2、控制器代码

//退出登录
@RequestMapping(value = "/admin/logout")
public String logout(HttpSession session) throws Exception {
session.removeAttribute("userId");
session.invalidate();
return "redirect:/login";
}

本来准备录制GIF效果图，但是苦于图片太大就不上传了。