Spring Boot 实战篇（四）：实现用户登录与注册功能

最新推荐文章于 2025-04-30 09:40:54 发布
原创 最新推荐文章于 2025-04-30 09:40:54 发布
· 6.5k 阅读 · 42 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#spring boot #后端 #java

目录

Spring Boot 实战篇（四）：实现用户登录与注册功能

一、用户注册功能

（一）前端页面设计（简要提及）

（二）后端实现

二、用户登录功能

（一）前端页面设计（简要提及）

（二）后端实现

在构建 Web 应用程序时，用户登录与注册功能是常见且重要的部分。以下将详细介绍在 Spring Boot 项目中实现用户登录与注册功能的步骤，并附上相应的代码示例。

一、用户注册功能

（一）前端页面设计（简要提及）

  1. 创建注册页面
    • 使用 HTML、CSS 和 JavaScript 等前端技术创建一个用户注册页面。页面应包含输入框用于输入用户名、密码、确认密码、邮箱等信息，以及一个提交按钮。
    • 例如，在 HTML 中创建一个表单：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
</head>

<body>
    <form id="registerForm">
        <label for="username">用户名：</label><input type="text" id="username" required><br>
        <label for="password">密码：</label><input type="password" id="password" required><br>
        <label for="confirmPassword">确认密码：</label><input type="password" id="confirmPassword" required><br>
        <label for="email">邮箱：</label><input type="email" id="email" required><br>
        <input type="submit" value="注册">
    </form>
    <script src="register.js"></script>
</body>

</html>

  1. 前端数据校验（可选）
    • 在前端 JavaScript 代码（如register.js）中，可以添加一些基本的数据校验逻辑，如检查用户名是否为空、密码长度是否符合要求、两次密码是否一致等。
    • 代码示例（简单的密码一致性校验）：

document.getElementById('registerForm').addEventListener('submit', function (e) {
    e.preventDefault();
    const password = document.getElementById('password').value;
    const confirmPassword = document.getElementById('confirmPassword').value;
    if (password!== confirmPassword) {
        alert('两次密码不一致');
        return;
    }
    // 后续可添加更多校验和提交数据到后端的逻辑
});

（二）后端实现

  1. 在服务层添加注册方法
    • 在UserService接口中添加registerUser方法，用于处理用户注册逻辑。
    • 代码示例：

package com.example.myproject.service;

import com.example.myproject.entity.User;
import java.util.List;

public interface UserService {
    List<User> getAllUsers();
    User getUserById(Long id);
    boolean registerUser(User user);
}

  1. 在服务层实现类中实现注册方法
    • 在UserServiceImpl类中实现registerUser方法，步骤如下：
      • 对用户输入的密码进行加密（使用合适的加密算法，如 BCryptPasswordEncoder）。
      • 检查用户名是否已存在（调用UserDao的方法查询数据库）。
      • 如果用户名不存在，将用户信息插入数据库（调用UserDao的insert方法）。
    • 代码示例：

package com.example.myproject.service.impl;

import com.example.myproject.dao.UserDao;
import com.example.myproject.entity.User;
import com.example.myproject.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.stereotype.Service;
import java.util.List;

@Service
public class UserServiceImpl implements UserService {
    @Autowired
    private UserDao userDao;
    private BCryptPasswordEncoder passwordEncoder = new BCryptPasswordEncoder();

    @Override
    public List<User> getAllUsers() {
        return userDao.findAll();
    }

    @Override
    public User getUserById(Long id) {
        return userDao.findById(id);
    }

    @Override
    public boolean registerUser(User user) {
        // 加密密码
        user.setPassword(passwordEncoder.encode(user.getPassword()));
        // 检查用户名是否已存在
        User existingUser = userDao.findByUsername(user.getUsername());
        if (existingUser!= null) {
            return false;
        }
        // 插入用户信息
        userDao.insert(user);
        return true;
    }
}

  • 这里假设UserDao中已经有findByUsername方法用于根据用户名查询用户。

  1. 在控制器中添加注册接口
    • 在UserController中添加一个处理注册请求的方法，使用@PostMapping注解标识该方法处理 HTTP POST 请求，请求路径为/register。
    • 在方法中接收前端传来的用户注册信息（通过@RequestBody注解将 JSON 数据转换为User对象），调用服务层的registerUser方法处理注册逻辑，并根据结果返回相应的响应给前端。
    • 代码示例：

package com.example.myproject.controller;

import com.example.myproject.entity.User;
import com.example.myproject.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class UserController {
    @Autowired
    private UserService userService;

    @PostMapping("/register")
    public ResponseEntity<String> registerUser(@RequestBody User user) {
        boolean success = userService.registerUser(user);
        if (success) {
            return new ResponseEntity<>("注册成功", HttpStatus.CREATED);
        } else {
            return new ResponseEntity<>("用户名已存在", HttpStatus.BAD_REQUEST);
        }
    }
}

二、用户登录功能

（一）前端页面设计（简要提及）

  1. 创建登录页面
    • 类似注册页面，使用前端技术创建一个登录页面，包含用户名和密码输入框以及登录按钮。
    • 例如：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>

<body>
    <form id="loginForm">
        <label for="username">用户名：</label><input type="text" id="username" required><br>
        <label for="password">密码：</label><input type="password" id="password" required><br>
        <input type="submit" value="登录">
    </form>
    <script src="login.js"></script>
</body>

</html>

  1. 前端交互逻辑（可选）
    • 在login.js中，可以添加一些交互逻辑，如点击登录按钮时发送登录请求到后端，以及处理登录成功或失败的提示信息。

（二）后端实现

  1. 在服务层添加登录方法
    • 在UserService接口中添加loginUser方法，用于处理用户登录逻辑。
    • 代码示例：

package com.example.myproject.service;

import com.example.myproject.entity.User;
import java.util.List;

public interface UserService {
    List<User> getAllUsers();
    User getUserById(Long id);
    boolean registerUser(User user);
    boolean loginUser(String username, String password);
}

  1. 在服务层实现类中实现登录方法
    • 在UserServiceImpl类中实现loginUser方法，步骤如下：
      • 根据用户名查询用户信息（调用UserDao的findByUsername方法）。
      • 如果用户存在，使用密码编码器验证输入的密码是否与数据库中存储的密码匹配。
      • 如果密码匹配，登录成功，可根据需求返回一些信息（如用户信息或 Token 等，这里简单返回true表示登录成功）。
    • 代码示例：

@Override
public boolean loginUser(String username, String password) {
    User user = userDao.findByUsername(username);
    if (user!= null) {
        return passwordEncoder.matches(password, user.getPassword());
    }
    return false;
}

  1. 在控制器中添加登录接口
    • 在UserController中添加一个处理登录请求的方法，使用@PostMapping注解，请求路径为/login。
    • 在方法中接收前端传来的用户名和密码，调用服务层的loginUser方法进行登录验证，并根据结果返回相应的响应给前端。
    • 代码示例：
@PostMapping("/login")
public ResponseEntity<String> loginUser(@RequestBody UserLoginRequest request) {
    boolean success = userService.loginUser(request.getUsername(), request.getPassword());
    if (success) {
        return new ResponseEntity<>("登录成功", HttpStatus.OK);
    } else {
        return new ResponseEntity<>("用户名或密码错误", HttpStatus.UNAUTHORIZED);
    }
}

  • 这里假设UserLoginRequest是一个包含用户名和密码属性的请求类，用于接收前端登录请求的数据。

通过以上步骤，我们实现了用户登录与注册功能。在实际应用中，还可以进一步优化，如添加更多的安全措施（如防止暴力破解密码、使用 Token 进行身份验证等）、完善用户信息验证规则、处理登录状态管理等。同时，确保密码加密的安全性和数据库操作的可靠性也是非常重要的方面。

基于springboot的登录功能的实现（超详细）
asdgfgdsah的博客
07-02 4395
超详细的springboot登录验证过程，基于黑马资料的总结
三大框架之SpringMVC ：一个小的登录注册项目的网页实现
伍豪杰的博客
09-08 2万+
今天学习了 SpringMVC ，最后做了一个小的项目，熟悉的登录注册1.项目结构： 源代码传送门2 . 导包介绍：5 个 Spring 基础包 : beans, context, core, expression + commons 日志包1 个 aop 包2 个 web 包 ：web webmvc2个 html 的 jstl 包：jstl , standard ;3. 项目结构说明：1.
Spring boot如何实现用户注册登陆
最新发布
m0_73654773的博客
04-30 781
这样我们就实现了注册登陆功能的后端代码，登陆的前端界面由我们组另一位同学编写，后续将会实现整体项目的一些用户和非用户功能的区分，希望这篇文章对你有帮助！
SpringBoot实现注册和登录功能（保姆级）
Vae2437426397的博客
03-21 1328
保姆级的教程，如何快速单价后端项目，包括项目配置和测试，小白一学就会
SpringBoot实现登录注册
热门推荐
优质后端技术知识记录
11-06 3万+
话不多说，一个小小登录注册的案例向你展示SpringBoot的魅力 1 设计数据库 1.1表结构 1.2属性 id自增主键，name非空约束，唯一约束，password 2 IDEA配置 2.1 pom文件 <dependency> <groupId>org.springframework.boot</groupId> &lt......
Spring Boot实现简单的登录注册功能
weixin_73850357的博客
05-14 7473
我们需要用到的SQL语句（可复制备用）。首先打开IDEA配置数据源，选择自己的数据库软件（以MySQL为例）。填写用户名和密码，数据库名可不填，在sql语句中会帮我们创建一个名为big_event的数据库，填写完成后可点击测试连接看输入的用户名和密码是否有误。弹出下图即表示成功，可点击确定。在弹出的console界面将准备好的SQL语句粘贴进去，点击左上角运行，即可成功创建数据库和表。
spring boot 实现用户登录认证
11-07
1.架构： spring boot + jpa + thyemleaf, mysql数据库 2.功能实现： 1）使用Logback进行日志记录； 2）使用HandlerInterceptor接口实现登陆认证 3）登陆验证码的生成
SpringBoot实现登陆注册源码
04-15
SpringBoot写一个登陆注册功能，开发工具使用IDEA，技术使用SpringBoot2.1.3+Mybatis+Jpa+mysql，项目中主要使用Mybatis，jpa只做了demo，实体转换使用的是mapstruct，集成了swagger文档配置，redis缓存demo,代码只是参考，请学会思考，重要的是开发过程中的乐趣，开发步骤请参考我的博客：https://blog.csdn.net/kaifaxiaoliu/article/details/89309047
springBoot登录注册功能的实现
04-12
springBoot的登录、注册功能的实现，适用于新手小白，Tomcat端口号为8088
springboot 实现登录注册
qq_45726327的博客
03-07 3495
本文将整合简单的登录注册功能。
springboot实现登录
10-24
springboot 结合mybatis、Mysql 以及thymeleaf模板实现登录功能。
SpringBoot 简单登录功能
09-25
在实际开发中，我们经常会遇到某些页面需要登录才能查看的情况。下面使用拦截器实现该功能，在用户没有登录的情况下，将网站的所有访问都指向登录页面。
springboot整合mybatis实现登录注册功能.html
10-13
springboot整合mybatis实现登录注册功能，springboot整合mybatis实现登录注册功能。
springboot+mybatis整合实现注册登录
01-21
springboot+mybatis整合，利用配置文件生成实体类以及操作数据库的方法，实现后台接收验证码，注册登录功能
spring boot 登陆注册的全部代码。
10-14
前后台数据库的链接，spring boot 登陆注册最全的代码。
Spring Boot开发资源综述:书籍、课程、工具与实战项目指导
11-23
本文档整理了一份详尽的 Spring Boot 学习资源列表，涵盖了书籍、在线课程平台、官方文档与技术博客、开发工具以及开源示例项目等多方面的内容，全面解析了初学者入门指南、深入研究原理、实操练习和实战演练等方面...
Springboot实现简单的登录注册
qq_54627885的博客
04-18 728
这里实现了一个简单登陆的方法，在前端只需要进行相应的接口实现，从而能实现一个登陆验证。这里对应的就是数据库你自己创建的表的字段了，创建数据库表就不过多说明了。这里我的数据库使用的是8以上的，5的可能需要改写内容，不了解的可去搜索。这里自己实现了，根据用户的性质不同，调用相应逻辑代码后，跳转到相应页面。这里实现了不同性质的用户的登陆验证！
Springboot实现登录注册
qq_63507404的博客
12-27 1445
spring boot
springboot登录注册功能实现
06-28
### 回答1： Spring Boot可以通过使用Spring Security来实现登录和注册功能。Spring Security是一个强大的框架，可以提供身份验证、授权和其他安全功能。 在Spring Boot中，可以使用Spring Security来实现基于表单的身份验证。这需要定义一个登录页面和一个处理登录请求的控制器。在控制器中，可以使用Spring Security提供的AuthenticationManager来验证用户凭据。 注册功能可以通过定义一个注册页面和一个处理注册请求的控制器来实现。在控制器中，可以使用Spring Security提供的UserDetailsService来创建新用户。 除了Spring Security，还可以使用其他第三方库来实现登录和注册功能，例如Apache Shiro和JWT（JSON Web Token）等。这些库提供了不同的功能和特性，可以根据具体需求进行选择。 ### 回答2： SpringBoot是一种使用Java语言进行开发的web框架，它具有简单易用、高效快捷、功能强大等特点。而登录注册功能是一个web开发中非常常见的需求，以下是SpringBoot实现登录注册功能的步骤： 1.创建数据库表格：需要创建一个用户表（User），包含用户名、密码等字段。 2.引入依赖：在pom.xml文件中添加spring-boot-starter-data-jpa、mysql-connector-java等依赖。 3.创建实体类：创建用户实体类，包含与数据库表格对应的字段，也包括对应的get和set方法。 4.创建接口：创建用户数据操作接口，继承JpaRepository接口，用于增删改查用户信息。 5.添加控制器：创建登录注册控制器，用于处理与登录注册相关的请求，包括注册、登录、退出等功能。 6.创建Thymeleaf页面：创建登录页面和注册页面，页面将引用控制器中定义的方法。 7.添加Spring Security配置：为登录注册功能添加安全验证，防止未授权用户访问。 登录注册功能实现： 1.注册页面：用户在注册页面输入用户名、密码等信息，点击注册按钮后，控制器中的方法解析这些信息，并调用用户数据操作接口对用户信息进行保存。 2.登录页面：用户在登录页面输入用户名、密码等信息，点击登录按钮后，控制器中的方法解析这些信息，并检查该用户是否存在于数据库中。若存在，则验证密码是否正确，正确则登录成功，否则登录失败。 3.退出：用户在已登录的情况下可以选择退出，此时控制器会将用户从Session中清除，即完成退出操作。 总结： 以上是SpringBoot实现登录注册功能的基本步骤。使用SpringBoot可以快速创建一个带有登录注册功能的web应用，同时可以通过Spring Security等技术保证应用的安全性。在开发过程中，需要注意对用户信息的加密处理、用户信息的验证、错误处理等问题。 ### 回答3： Spring Boot 是一个快速开发框架，功能强大、简单易用，具有很强的灵活性和易于扩展的特点。在实际开发中，用户登录注册是非常常见的功能，本文将介绍如何使用 Spring Boot 框架实现登录注册功能。 1. 创建数据库 首先，根据需求创建数据库，可以使用 MySQL、Oracle 等数据库管理系统。创建一个名为 “user” 的数据库，包含两个表：User 和 LoginLog。其中，User 表用于存储用户信息，包括用户名、密码、邮箱等；LoginLog 表用于记录用户登录日志，包括用户ID、登录时间等。 2. 创建 Spring Boot 项目 使用 Intellij IDEA 等开发工具创建 Spring Boot 项目，添加相关依赖，包括 MySQL 和 MyBatis 等。创建后，在 src/main/resources 目录下创建 application.properties 文件，进行配置，如下所示： ``` # 数据库连接配置 spring.datasource.username=root spring.datasource.password=123456 spring.datasource.url=jdbc:mysql://localhost:3306/user?useUnicode=true&characterEncoding=UTF-8 # MyBatis 配置 mybatis.type-aliases-package=com.example.demo.entity mybatis.mapper-locations=classpath:mapper/*.xml # 配置端口 server.port=8080 ``` 3. 创建用户信息表 在 src/main/java/com/example/demo/entity 目录下创建 User 类，用于映射用户信息表，包括用户ID、用户名、密码、邮箱等信息。如下所示： ``` public class User { private Integer id; private String username; private String password; private String email; // getter 和 setter 方法省略 } ``` 4. 创建登录日志表 在 src/main/java/com/example/demo/entity 目录下创建 LoginLog 类，用于映射登录日志表，包括用户ID、登录时间等信息。如下所示： ``` public class LoginLog { private Integer id; private Integer userId; private LocalDateTime loginTime; // getter 和 setter 方法省略 } ``` 5. 创建 DAO 层 在 src/main/java/com/example/demo/dao 目录下创建 UserDao 接口和 LoginLogDao 接口，分别用于访问 User 表和 LoginLog 表。如下所示： ``` public interface UserDao { Integer insert(User user); User selectByUsername(String username); } public interface LoginLogDao { Integer insert(LoginLog loginLog); } ``` 同时，在 src/main/resources/mapper 目录下创建 UserDao.xml 和 LoginLogDao.xml 文件，实现具体的数据库访问操作。 6. 创建 Service 层 在 src/main/java/com/example/demo/service 目录下创建 UserService 接口，定义用户登录注册、密码加密等方法，如下所示： ``` public interface UserService { User login(String username, String password); Integer register(User user); String encodePassword(String password); } ``` 同时，创建 UserServiceImpl 类实现 UserService 接口，并加入注解 @Service，用于 Spring Boot 自动扫描。在 UserServiceImpl 类中实现具体的登录注册功能，如下所示： ``` @Service public class UserServiceImpl implements UserService { @Autowired private UserDao userDao; @Autowired private LoginLogDao loginLogDao; @Override public User login(String username, String password) { User user = userDao.selectByUsername(username); if (user != null) { String encodedPassword = encodePassword(password); if (encodedPassword.equals(user.getPassword())) { return user; } } return null; } @Override public Integer register(User user) { String encodedPassword = encodePassword(user.getPassword()); user.setPassword(encodedPassword); return userDao.insert(user); } @Override public String encodePassword(String password) { // 使用 BCryptPasswordEncoder 对密码进行加密 BCryptPasswordEncoder encoder = new BCryptPasswordEncoder(); return encoder.encode(password); } } ``` 7. 创建 Controller 层 在 src/main/java/com/example/demo/controller 目录下创建 UserController 类，通过使用注解 @RestController，表名此类返回的是 JSON 格式的数据。定义接口，包括用户登录、注册等，如下所示： ``` @RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; @PostMapping("/login") public User login(@RequestBody User user) { return userService.login(user.getUsername(), user.getPassword()); } @PostMapping("/register") public Integer register(@RequestBody User user) { return userService.register(user); } } ``` 在这里，我们使用了 @RequestBody 注解将请求体中的 JSON 格式的数据映射为 User 对象。 至此，我们已经完成了 Spring Boot 登录注册功能的实现。启动 Spring Boot 项目，开启浏览器打开 http://localhost:8080，进行功能测试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值