当前位置：首页 > news >正文

16 Springboot——登录功能实现

news 2025/12/23 16:23:53

16.1 修改index.html中表单跳转的地址

将action的地址改为user/login，意思是点击提交按钮后，就会跳转到user/login地址，然后只要用Controller类的@RequsetMapping去接这个地址就行了。

<body class="text-center"><form class="form-signin" th:action="@{user/login}"><img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72"><h1 class="h3 mb-3 font-weight-normal">Please sign in</h1><label class="sr-only">Username</label><input type="text" class="form-control" placeholder="Username" required="" autofocus=""><label class="sr-only">Password</label><input type="password" class="form-control" placeholder="Password" required=""><div class="checkbox mb-3"><label><input type="checkbox" value="remember-me"> Remember me</label></div><button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button><p class="mt-5 mb-3 text-muted">© 2017-2018</p><a class="btn btn-sm">中文</a><a class="btn btn-sm">English</a></form></body>

16.2 controller类

当访问localhost:8080/user/login时，会返回在页面返回一字符串（本例是hello），@ResponseBody是作用在方法上的，@ResponseBody 表示该方法的返回结果直接写入 HTTP response body 中。

package jiang.com.springbootstudy.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;@Controller
public class LoginController {@RequestMapping("/user/login")@ResponseBodypublic String login(){return "hello";}
}

以上代码只是简单实现了点击按钮后，访问请求，最后响应了一个字符串的过程。该项目中不需要使用ResponseBody注解，实现请求后的数据转发合页面跳转即可。注意，之前的表单中，input没有name属性，只有placeholder属性，改为name属性即可，然后相应的属性值改下，因为后面需要使用@RequestParm注解来接受表单数据，最终代码如下：

package jiang.com.springbootstudy.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.thymeleaf.util.StringUtils;@Controller
public class LoginController {@RequestMapping("/user/login")public String login(@RequestParam("username") String username,@RequestParam("password") String password,Model model){if (!StringUtils.isEmpty(username)&&"123456".equals(password)){return "redirect:/main.html";}else {model.addAttribute("msg","用户名或密码错误！");return "index";}}
}

这里使用了重定向（redirect）， return "redirect:/main.html"会使访问localhost:8080/user.login地址后，网页被转移到localhost:8080/main.html地址，注意！这个是main.html是虚拟的地址，并不是转发到main.html页面的意思，因此需要使用mvc的配置类对请求就行转发，转发到实际地址中。最终，如果访问localhost:8080/main.html地址，就会打开一个dashboard.html页面。mvc配置类代码如下：

package jiang.com.springbootstudy.config;import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Configuration
public class MyMvcConfig implements WebMvcConfigurer {@Overridepublic void addViewControllers(ViewControllerRegistry registry) {registry.addViewController("/").setViewName("index");  //setViewName后面不用加htmlregistry.addViewController("/index.html").setViewName("index");registry.addViewController("/main.html").setViewName("dashboard"); // 前面的main.html是假的，只是一种请求，后面才是真的，输入请求后会跳转的地方是后面的html}
}

16.3 修改index页面

根据Controller类的处理逻辑，如果用户名和密码错误，就会返回indem.html页面，并转发msg数据。转发后，需要在相应位置上把msg数据显示出来。需要在相应位置上加一行html代码，并且对p标签的样式进行了更改，需要增加的html代码如下：

<link th:href="@{/css/mystyle.css}" type="text/css" rel="stylesheet">
<p  class="p-msg" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>

css样式的代码如下：

p.p-msg{color: red;
}

输入错误后转发到index.html的结果：

16.4

16 Springboot——登录功能实现

16.1 修改index.html中表单跳转的地址

16.2 controller类

16.3 修改index页面

相关文章：

16 Springboot——登录功能实现

数据结构-栈队列链表树

clickhouse功能使用

java中使用Jsoup和Itext实现将html转换为PDF

无人驾驶实战-第七课（高精地图和V2X ）

springboot集成Sentinel

数据结构——单链表OJ题

【雕爷学编程】MicroPython动手做（31）——物联网之Easy IoT

《前端开发实践之构建工具的了解》

MySQL 主从搭建

国内GitHub加速访问工具-Fetch GitHub Hosts

Webpack5新手入门简单配置

基于ali-oss实现不同类型文件上传不同的bucket

域名校验？反爬界的掩耳盗铃！

Cesium 实战教程 - 调整 3dtiles 倾斜摄影大小

python机器学习（七）决策树(下) 特征工程、字典特征、文本特征、决策树算法API、可视化、解决回归问题

数据结构与算法中的双向链表

数据安全治理的关键-数据分类分级工具

Spring集成Junit

Java正则校验密码至少包含：字母数字特殊符号中的2种

【Axure高保真原型】引导弹窗

Zustand 状态管理库：极简而强大的解决方案

R语言AI模型部署方案：精准离线运行详解

Debian系统简介

AtCoder 第409场初级竞赛 A~E题解

相机从app启动流程

【决胜公务员考试】求职OMG——见面课测验1

NFT模式：数字资产确权与链游经济系统构建

AI书签管理工具开发全记录（十九）：嵌入资源处理

AGain DB和倍数增益的关系