定制拦截器

1、项目结构如下

在这里插入图片描述

2、前端代码如下

<body class="text-center">
		<form class="form-signin" method="post" th:action="@{/index}">
			<img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
			<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
			<label style="color: red" th:text="${msg}"></label>
			<label class="sr-only">Username</label>
			<input type="text" name="username" class="form-control" th:placeholder="#{login.username}" required="" autofocus="">
			<label class="sr-only">Password</label>
			<input type="password" name="password" class="form-control" th:placeholder="#{login.password}" required="">
			<div class="checkbox mb-3">
            <input type="checkbox" value="remember-me"> [[#{login.remember}]]
        </label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">[[#{login.btn}]]</button>
			<p class="mt-5 mb-3 text-muted">© 2017-2018</p>
			<a class="btn btn-sm" th:href="@{/login.html(l='zh_CN')}">中文</a>  <!--thymeleaf中不用?这种方式取路径变量@{/login.html?l='zh_CN'}-->
			<a class="btn btn-sm" th:href="@{/login.html(l='en_US')}">English</a>
		</form>
	</body>

其中 method="post"必须写,否则即使后端使用@PostMapping依然会出现请求方式错误的提醒,因为前端没有写 method=“post”
其中对于显示消息的代码 <label style="color: red" th:text="${msg}"></label>,使用label标签可以不用if语句判断什么时候显示提示消息,到底是没有登陆就访问某一页面了,还是登陆的账号、密码有误!

3、后端代码如下

(1)控制视图跳转代码

在WebConfig implements WebMvcConfigurer下重写WebMvcConfigurer中的addViewControllers方法,达到控制视图跳转的目的
——————————————————————————————————————————————————
@Override
public void addViewControllers(ViewControllerRegistry registry) {
registry.addViewController(“/”).setViewName(“login”);
registry.addViewController(“/login.html”).setViewName(“login”);
registry.addViewController(“/main.html”).setViewName(“dashboard”);
}
——————————————————————————————————————————————————

(2)提供服务代码

——————————————————————————————————————————————————
@Controller
public class Admin {
@PostMapping(“/index”)
public String index(@RequestParam(“username”) String username, @RequestParam(“password”) String password, Model model, HttpSession session){
if(!StringUtils.isEmpty(username)&& “ml”.equals(username) &&!StringUtils.isEmpty(password)&& “123”.equals(password)){
session.setAttribute(“loginUser”,username);
return “redirect:/main.html”; //使用redirect:/main.html是为了重定向到到虚拟的视图,如果跳转到template下的dashboard会在搜索框显示账号密码
}
else{
model.addAttribute(“msg”,“账号或者密码有误!请重新登陆!”);
return “login”; //直接跳转到login页面
}
}
}
——————————————————————————————————————————————————

(3)、编写LoginHandlerInterceptor implements HandlerInterceptor文件

——————————————————————————————————————————————————
package com.ma.ml.config;

import org.springframework.web.servlet.HandlerInterceptor;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class LoginHandlerInterceptor implements HandlerInterceptor {
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
HttpSession session = request.getSession();
Object loginUser = session.getAttribute(“loginUser”);
if(loginUser==null){
request.setAttribute(“msg”,“请先登陆!”);
request.getRequestDispatcher(“/”).forward(request,response);
return false;
}
else {
return true;
}
}
}
——————————————————————————————————————————————————

(4)、在WebConfig implements WebMvcConfigurer 中添加自己定义好的拦截器,定制拦截哪些静态资源

——————————————————————————————————————————————————
@Override
public void addInterceptors(InterceptorRegistry registry) {
registry.addInterceptor(new LoginHandlerInterceptor())
.addPathPatterns(“/“)
.excludePathPatterns(”/“,”/login.html",“/index”,"/css/
”,“/js/“,”/img/”);
}
——————————————————————————————————————————————————

4、WebConfig中的所有代码如下

——————————————————————————————————————————————————

@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addViewControllers(ViewControllerRegistry registry) {
registry.addViewController(“/”).setViewName(“login”);
registry.addViewController(“/login.html”).setViewName(“login”);
registry.addViewController(“/main.html”).setViewName(“dashboard”);
}
@Bean //注册到容器中
public LocaleResolver localeResolver(){
return new MyLocalResolver();
}

@Override
public void addInterceptors(InterceptorRegistry registry) {
    registry.addInterceptor(new LoginHandlerInterceptor())
            .addPathPatterns("/**")
            .excludePathPatterns("/","/login.html","/index","/css/**","/js/**","/img/**");
}

}
——————————————————————————————————————————————————

5、演示登陆

直接访问main.html的路径,提示要先登陆。因为此时没有登陆过,session中没有登陆信息,所以只有登陆之后才可以访问main.html路径下的dashboard前端页面
在这里插入图片描述
——————————————————————————————————————————————————

密码登陆之后session中有了loginUser不为空,所以可以访问main.html路径下的dashboard前端页面

——————————————————————————————————————————————————

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Q渡劫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值