11、SpringBoot：拦截器及提取公共页面

最新推荐文章于 2025-03-20 09:25:29 发布

转载最新推荐文章于 2025-03-20 09:25:29 发布 · 264 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.bilibili.com/video/BV1PE411i7CV?p=24

文章标签：

#java

SpringBoot 专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍了如何在Spring MVC框架中使用拦截器进行权限控制，以及如何利用Thymeleaf模板引擎提取和复用公共页面元素，提高开发效率。

文章目录

10.1、拦截器
10.2、提取公共页面

10.1、拦截器

首先编写一个类实现HandlerInterceptor接口

public class LoginHandlerInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        
        //登录成功之后，应该又用户的session
        Object loginUser = request.getSession().getAttribute("loginUser");
        if(loginUser==null){
            request.setAttribute("msg","没有权限，请先登录！");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }else {
            return true;
        }
    }
}

在我们的mvc配置中配置拦截器

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
        registry.addViewController("/main.html").setViewName("dashboard");

    }

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

    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }
}

10.2、提取公共页面

如果几个页面中有相同的代码，我们可以通过thyme leaf来提取公共部分

操作如下：

通过th:framement=" " 提取，引号中间是组件的名称

<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0" th:fragment="topbar">
	<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">[[${session.loginUser}]]</a>
	<input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
	<ul class="navbar-nav px-3">
	    <li class="nav-item text-nowrap">
	        <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">注销</a>
	    </li>
	</ul>
</nav>

在其他页面通过th:insert"~{ }" 或th:replace"~{ }" 来引入

<div th:replace="~{commons/commons::topbar}"></div>

如果要传递参数，可以直接使用（）传参，接收判断即可

传参的页面

<div th:replace="~{commons/commons::sidebar(active='main.html')}"></div>

接收参数进行判断

<li class="nav-item">
   <a th:class="${active=='list.html'?'nav-link active':'nav-link'}" th:href="@{/emps}">
       员工管理
   </a>
</li>

学习视频链接：https://www.bilibili.com/video/BV1PE411i7CV?p=24