SpringBoot总结（十二）——登录界面的实现

最新推荐文章于 2024-06-03 19:01:46 发布

小小Java开发者

最新推荐文章于 2024-06-03 19:01:46 发布

阅读量6.3k

点赞数 2

分类专栏： Spring Boot

本文链接：https://blog.csdn.net/weixin_43759352/article/details/108286868

版权

Spring Boot 专栏收录该内容

37 篇文章 20 订阅

订阅专栏

该登录页面的实现主要用到了SpringBoot的静态资源访问、国际化、thymeleaf模板引擎、
登录拦截器、SpringBoot与Swagger整合、SpringBoot与Mybatis整合访问数据库。

关于SpringBoot与Mybatis整合的请查看这篇：SpringBoot总结（十）——SpringBoot+Mybatis实现数据库的CRUD(从创建到实现【超详细附代码】)

下面主要介绍的是：关于登录页面的一些实现过程。
一、登录页面的访问。（templates/login.html）
方法一：

@Controller
public class LoginController {
    @RequestMapping(value = {"/login","/"})
    public String login(){
        return "login";
        
    }
}

都会访问到：templates/login.html页面

http://127.0.0.1:8081/login
http://127.0.0.1:8081/

方法二：

  
    @Bean
    public WebMvcConfigurerAdapter webMvcConfigurerAdapter() {
        WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("login");
                registry.addViewController("login").setViewName("login");
                registry.addViewController("login.html").setViewName("login");

            }
        };
        return adapter;
    }

另外还可以在配置文件中配置访问项目的名称：

#配置项目的访问名
server.servlet.context-path=/blog

进行上面的配置后，这样访问登录页面：

http://127.0.0.1:8081/blog/login.html

二、国际化配置。
创建国际化配置文件：

login.properties
login_en_US.properties
login_zh_CN.properties

在这里插入图片描述
配置内容如下：

查看源码发现SpringBoot已经自动配置了管理国际化资源文件的组件：（MessageSourceAutoConfiguration.java）
在这里插入图片描述
注：我们需要配置指定读取国际化配置文件的路径：

#配置读取国际化配置文件的路径
spring.messages.basename=i18n.login

接下来，在login.html页面中进行获取国际化的值。
在这里插入图片描述

运行测试效果：
（中文状态）
在这里插入图片描述
浏览器切换成英文状态：

实现的原理：
SpringBoot 配置了默认的 LocalResolve(获取区域信息对象)，我们可以查看代码：
WebMvcAutoConfiguration.java

根据请求头带来的区域信息获取Locale（区域信息对象）进行国际化：
在这里插入图片描述

用点击链接的方式来实现中英文切换主要实现代码：

public class MyLocaleResolver implements LocaleResolver {

    //解析区域信息
    @Override
    public Locale resolveLocale(HttpServletRequest httpServletRequest) {
       String param = httpServletRequest.getParameter("param");
       Locale local = Locale.getDefault();
       if (!StringUtils.isEmpty(param)) {
           String[] split = param.split("_");
           //split[0] 语言信息    split[1]国家信息
           local = new Locale(split[0],split[1]);
       }
       return local;
    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

    }
}

在配置类中添加该组件(注意：方法的名字必须为localeResolver)。

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

登录拦截器主要实现代码：
创建类LoginHandlerInterceptor.java并且实现HandlerInterceptor接口，重写preHandle、postHandle、afterCompletion方法。

public class LoginHandlerInterceptor implements HandlerInterceptor {
    /**
     * 方法执行之前
     *
     * @param request
     * @param response
     * @param handler
     * @return
     * @throws Exception
     */
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        try {
            String username = (String) request.getSession().getAttribute("loginAfterName");
            if (username!= null) { //登录

                return true;
            }
            request.setAttribute("resultMsg", "没有权限");
            request.getRequestDispatcher("/login.html").forward(request, response);
           


        } catch (Exception e) {
            e.printStackTrace();
        }
        return  false;
    }



    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {

    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {

    }

在自定义配置类中添加addInterceptors方法：注册拦截器，把自己写好的拦截器需要通过这里添加注册才能生效。

   @Override
    public void addInterceptors(InterceptorRegistry registry) {
        // /**:拦截所有请求;除了/ 、login、/user/login请求
        registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**")
                .excludePathPatterns("/","/login.html","/user/login", "/**/*.css", "/**/*.js", "/**/*.png",
                "/**/*.jpg","/**/*.jpeg", "/**/*.gif", "/**/fonts/*", "/**/*.svg","/**/*.ico","/**/*.map","/swagger-resources/**","/swagger-ui.html/**");
    }

进行测试：登录成功后地址为：http://127.0.0.1:8082/blog/main.html
在没有登录的情况下，访问：
在这里插入图片描述
Spring Boot整合 Swagger2 展现在线用户登录接口文档
Swagger官网：https://swagger.io/
整合步骤：
（1）引入jar包：

 <!--引入Swagger-->
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>2.7.0</version>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>2.7.0</version>
        </dependency>

（2）创建Swagger配置类。Spring Boot 中对 Swagger2 的配置非常方便，新建一个配置类，Swagger2 的配置类上除了添加必要的 @Configuration 注解外，还需要添加 @EnableSwagger2 注解。

@Configuration
@EnableSwagger2
public class SwaggerConfig  {
    @Bean
    public Docket createRestApi(){
        return  new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo())
                .select()
                .apis(RequestHandlerSelectors.basePackage("com.example.controller"))
                .paths(PathSelectors.any()).build();
    }


    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
                .title("springboot利用swagger2构建api文档")
                .description("API 描述")
                .termsOfServiceUrl("http://www.baidu.com")
                .version("1.0")
                .build();

    }
}

注意：由于前面使用了拦截器，要对swagger进行放行操作：

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
       
        registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**")
                .excludePathPatterns("/","/login.html","/user/login", "/**/*.css", "/**/*.js", "/**/*.png",
                "/**/*.jpg","/**/*.jpeg", "/**/*.gif", "/**/fonts/*", "/**/*.svg","/**/*.ico","/**/*.map","/swagger-resources/**","/swagger-ui.html/**");
    }

    // 重写addResourceHandlers方法映射文件路径，使能够访问静态资源
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("swagger-ui.html")
                .addResourceLocations("classpath:/META-INF/resources/");
        registry.addResourceHandler("/webjars/**")
                .addResourceLocations("classpath:/META-INF/resources/webjars/");

    }

（3）在UserController类中使用相关注解

@Api(value = "UserController",description = "用户接口")
@Controller

public class UserController {
    @Autowired
    private UserService userService;

    @ApiOperation(value = "用户登录", notes = "用户登录接口")
    @ApiImplicitParams({
            @ApiImplicitParam(name = "username",value = "用户名",required = true,dataType = "String"),
            @ApiImplicitParam(name = "password",value = "密码",required = true,dataType = "String")


    })
    @RequestMapping(value = "/user/login", method = RequestMethod.POST)
    public String login(@RequestParam String username, @RequestParam String password, Model model, HttpSession session){
       Map<String,Object> map = new HashMap<String,Object>();
       User resultUser = userService.selectByName(username);
       if (null ==resultUser) {
           model.addAttribute("resultMsg", "该用户还没注册");
           return "login";
       }
       if (!resultUser.getPassWord().equals(Md5Util.MD5(password))) {

           model.addAttribute("resultMsg","密码错误，重新输入");
           return "login";
       }else {
           session.setAttribute("loginAfterName", username);
           return "redirect:/index.html";
       }
    }
}

（4）进行测试配置有没有生效，启动项目，在浏览器中输入http://127.0.0.1:8080/blog/swagger-ui.html
在这里插入图片描述

若文章中有错误的地方欢迎大家反馈或者留言，十分感谢！！！

小小Java开发者

关注

2
点赞
踩
30

收藏

觉得还不错? 一键收藏
打赏
0
评论
SpringBoot总结（十二）——登录界面的实现

该登录页面的实现主要用到了SpringBoot的静态资源访问、国际化、thymeleaf模板引擎、登录拦截器、SpringBoot与Swagger整合、SpringBoot与Mybatis整合访问数据库。关于SpringBoot与Mybatis整合的请查看这篇：SpringBoot总结（十）——SpringBoot+Mybatis实现数据库的CRUD(从创建到实现【超详细附代码】)下面主要介绍的是：关于登录页面的一些实现过程。1、登录页面的访问。（templates/login.html）方法.
复制链接

扫一扫