Spring Boot 模拟登陆功能

柔光的暖阳◎ 2023-10-12 12:45 14阅读 0赞

![format_png][]

一个系统，离不开用户的鉴权。本文，我们来讲讲怎么通过 `Spring Boot` 实现模拟登陆功能～

演示开发环境如下：

*  `IntelliJ IDEA 2021.2.2 (Ultimate Edition)`
 *  `macOS Monterey` \- `Apple M1`
 *  `Java version` \- `17.0.7`
 *  `Spring Boot` \- `3.1.0`

为了方便管理代码，这里会使用到 `Spring Boot` 上的模版功能。我们新建了一个名为 `jimmy-template` 的项目：

![format_png 1][]

#### 安装依赖 ####

在 `pom.xml` 中添加模版依赖：

xml

复制代码

` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>`

案例也使用了 `lombok`，可以参考 [Spring Boot JAVA 统一返回的信息][Spring Boot JAVA]一文。

#### 编写登陆表单 ####

我们在 `src/main/java/resources/templates/` 文件夹下新建一个名为 `index.html` 文件：

html

复制代码

`<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Thymeleaf</title> </head> <body>  <h1 th:text="${msg}">Hello, Jimmy.</h1>  <form action="#" th:action="@{/add}" th:object="${user}" method="post"> <input th:field="*{username}" type="text"/> <input th:field="*{password}" type="text" /> <input type="submit" /> </form> </body> </html>`

该页面读取了 `msg` 信息。表单关联数据 `username` 和 `password`。

#### 鉴权 ####

那么我们简单模拟下鉴权，在 `src/main/java/com.example.jimmytemplate/` 下面新建 `model` 数据：

java

复制代码

`// UserForm.java package com.example.jimmytemplate; import lombok.Data; @Data public class UserForm { private String username; private String password; }`

然后在同目录下，新建 `controller` 文件：

java

复制代码

`// HelloController.java package com.example.jimmytemplate; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; @Controller public class HelloController { @RequestMapping("/") public String index(ModelMap map) { map.addAttribute("msg", "Hello World!"); UserForm user = new UserForm(); user.setUsername("Jimmy"); user.setPassword("123456"); map.put("user", user); // return 模板文件的名称-->对应 src/main/resources/templates/index.html return "index"; } @ResponseBody @RequestMapping(value="/add", method= RequestMethod.POST) public String add(@ModelAttribute UserForm user) { String username = user.getUsername(); String password = user.getPassword(); // TODO: 这里应该是相关的逻辑处理 // 我们简单返回信息 return "Hello, "+username+". Your password is: "+password; } }`

这里我们设定了变量 `msg` 的值为 `Hello World!` 文本。并为 `username` 和 `password` 设定值分别为 `Jimmy` 和 `123456`，然后绑定模版 `index.html`。

![format_png 2][]

在触发按钮之后，页面路径会跳转到 `/add`，并且页面展示账号和密码信息，如下：

![format_png 3][]

#### 参考 ####

*  [SpringBoot之整合Thymeleaf动态模板，附案例！][SpringBoot_Thymeleaf]
 *  [Spring MVC and Thymeleaf: how to access data from templates][Spring MVC and Thymeleaf_ how to access data from templates]
 *  [Springboot之Thymeleaf 表单标签（表单提交）|第二章-yellowcong][Springboot_Thymeleaf _-yellowcong]
 *  [SpringBoot入门系列（五）Thymeleaf的常用标签和用法][SpringBoot_Thymeleaf 1]

![format_png 4][]

#### 相关阅读 ####

*  [Spring Boot JAVA 统一返回的信息][Spring Boot JAVA]
 *  [Java 中 Spring Boot 连接 MySql 数据库][Java _ Spring Boot _ MySql]
 *  [Java Web 编写 Restful API][Java Web _ Restful API]

[format_png]: https://img-blog.csdnimg.cn/img_convert/da29c014501cc3f8e06f19ee7c4e0dfa.webp?x-oss-process=image/format,png
[format_png 1]: https://img-blog.csdnimg.cn/img_convert/c53e18372d34f0a6bc7cb068fb304b00.webp?x-oss-process=image/format,png
[Spring Boot JAVA]: https://juejin.cn/post/7241197815061790777
[format_png 2]: https://img-blog.csdnimg.cn/img_convert/8cd2d0bfa389dded351504062f4065bc.webp?x-oss-process=image/format,png
[format_png 3]: https://img-blog.csdnimg.cn/img_convert/1eb23fe6ea0e10ec4df45418075efcb8.webp?x-oss-process=image/format,png
[SpringBoot_Thymeleaf]: https://link.juejin.cn/?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F500354046
[Spring MVC and Thymeleaf_ how to access data from templates]: https://link.juejin.cn/?target=https%3A%2F%2Fwww.thymeleaf.org%2Fdoc%2Farticles%2Fspringmvcaccessdata.html
[Springboot_Thymeleaf _-yellowcong]: https://link.juejin.cn/?target=https%3A%2F%2Fblog.csdn.net%2Fyelllowcong%2Farticle%2Fdetails%2F79830468
[SpringBoot_Thymeleaf 1]: https://link.juejin.cn/?target=https%3A%2F%2Fz.itpub.net%2Farticle%2Fdetail%2F9FF1F05AEB0E81E1867841AFAFB40FE5
[format_png 4]: https://img-blog.csdnimg.cn/img_convert/b26a489fcca944ab730e7c47f8fec4f3.webp?x-oss-process=image/format,png
[Java _ Spring Boot _ MySql]: https://juejin.cn/post/7238238706455593015
[Java Web _ Restful API]: https://juejin.cn/post/7237117674391633980