基于SpringBoot+HTML实现登录注册功能模块

最新推荐文章于 2024-06-25 16:20:49 发布
最新推荐文章于 2024-06-25 16:20:49 发布
阅读量3.7k 收藏 61
点赞数 33
分类专栏： 《软件开发探秘》 课程设计 文章标签： spring boot 后端 java intellij-idea idea
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a910247/article/details/136975849
版权

目录

一、登陆注册实现思路

二、实现具体步骤

1. 设计数据库表结构

2. 创建Spring Boot项目

3. 编写实体类

4. 编写Repository接口

5. 编写Service层

6. 创建Controller

 7. 编写前端页面

Register.html：

 login.html：

 8.进行测试登陆注册模块

 三、总结

博主介绍：✌专注于前后端领域开发的优质创作者、秉着互联网精神开源贡献精神，答疑解惑、坚持优质作品共享。本人是掘金/腾讯云/阿里云等平台优质作者、擅长前后端项目开发和毕业项目实战，深受全网粉丝喜爱与支持✌有需要可以联系作者我哦！

🍅文末三连哦🍅

👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟

一、登陆注册实现思路

实现登录和注册功能可以分为以下几个步骤：

  1. 设计数据库表结构：首先，你需要设计用户表，包含用户名、密码等字段。你也可以考虑使用加密算法存储密码，比如BCrypt。

  2. 创建Spring Boot项目：使用Spring Initializr创建一个新的Spring Boot项目，并添加相应的依赖，比如Spring Web、Spring Data JPA等。

  3. 编写实体类：根据数据库表结构，在Java中创建相应的实体类，用于映射数据库表。

  4. 编写Repository接口：创建一个Repository接口，用于执行数据库操作，比如查询用户信息、保存用户信息等。

  5. 编写Service层：创建一个Service层，包含业务逻辑，比如验证用户登录、注册新用户等。在这个层次你可以加入密码加密、验证等逻辑。

  6. 创建Controller：创建Controller来处理用户的登录和注册请求。Controller接收请求参数，调用Service层方法完成相应的业务逻辑。

  7. 编写前端页面：创建HTML页面用于用户登录和注册。可以使用表单来收集用户信息，并通过Ajax或者普通的表单提交来发送数据到后端。

  8. 测试和调试：在完成上述步骤后，进行测试和调试，确保功能的正常运行。

登录页面

注册页面 

运行页面截图 

二、实现具体步骤

1. 设计数据库表结构

CREATE TABLE user (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(255) NOT NULL,
    password VARCHAR(255) NOT NULL
);

2. 创建Spring Boot项目

使用Spring Initializr创建一个新的Spring Boot项目，添加Spring Web和Spring Data JPA依赖。

3. 编写实体类

import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;

@Entity
public class User {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

    private String username;
    private String password;

    // Getters and setters
}

4. 编写Repository接口

import org.springframework.data.jpa.repository.JpaRepository;

public interface UserRepository extends JpaRepository<User, Long> {
    User findByUsername(String username);
}

5. 编写Service层

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.stereotype.Service;

@Service
public class UserService {

    @Autowired
    private UserRepository userRepository;

    @Autowired
    private BCryptPasswordEncoder passwordEncoder;

    public User registerUser(String username, String password) {
        User existingUser = userRepository.findByUsername(username);
        if (existingUser != null) {
            throw new RuntimeException("Username already exists");
        }

        User user = new User();
        user.setUsername(username);
        user.setPassword(passwordEncoder.encode(password)); // Encrypt password
        return userRepository.save(user);
    }

    public boolean loginUser(String username, String password) {
        User user = userRepository.findByUsername(username);
        if (user == null) {
            return false;
        }

        return passwordEncoder.matches(password, user.getPassword());
    }
}

6. 创建Controller

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class UserController {

    @Autowired
    private UserService userService;

    @PostMapping("/register")
    @ResponseBody
    public String register(@RequestParam String username, @RequestParam String password) {
        try {
            userService.registerUser(username, password);
            return "Registration Successful";
        } catch (Exception e) {
            return "Registration Failed: " + e.getMessage();
        }
    }

    @PostMapping("/login")
    @ResponseBody
    public String login(@RequestParam String username, @RequestParam String password) {
        if (userService.loginUser(username, password)) {
            return "Login Successful";
        } else {
            return "Login Failed";
        }
    }
}

 7. 编写前端页面

Register.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register</title>
</head>
<body>
    <h2>Register</h2>
    <form action="/register" method="post">
        <label for="username">Username:</label><br>
        <input type="text" id="username" name="username"><br>
        <label for="password">Password:</label><br>
        <input type="password" id="password" name="password"><br><br>
        <input type="submit" value="Register">
    </form>
</body>
</html>

 login.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
</head>
<body>
    <h2>Login</h2>
    <form action="/login" method="post">
        <label for="username">Username:</label><br>
        <input type="text" id="username" name="username"><br>
        <label for="password">Password:</label><br>
        <input type="password" id="password" name="password"><br><br>
        <input type="submit" value="Login">
    </form>
</body>
</html>

 8.进行测试登陆注册模块

  1. 手动测试：

    • 启动你的Spring Boot应用程序。
    • 打开浏览器，并访问注册页面和登录页面（例如，http://localhost:8080/register 和 http://localhost:8080/login）。
    • 在注册页面输入用户名和密码，提交注册表单，确保用户信息正确保存到数据库。
    • 在登录页面输入注册时使用的用户名和密码，提交登录表单，验证登录功能是否正常。

  2. 使用自动化测试：

    • 使用Spring Boot提供的测试框架，比如JUnit和SpringBootTest，编写单元测试来测试Service层和Repository层的方法。
    • 编写集成测试来测试Controller层的方法，可以使用MockMvc来模拟HTTP请求和验证返回结果。
    • 可以使用Selenium等工具来进行端到端的UI测试，模拟用户在浏览器中的操作，验证整个系统的功能。

集成测试示例：

import org.junit.jupiter.api.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc;
import org.springframework.boot.test.context.SpringBootTest;
import org.springframework.http.MediaType;
import org.springframework.test.web.servlet.MockMvc;
import org.springframework.test.web.servlet.request.MockMvcRequestBuilders;

import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;

@SpringBootTest
@AutoConfigureMockMvc
public class UserControllerIntegrationTest {

    @Autowired
    private MockMvc mockMvc;

    @Test
    public void testRegister() throws Exception {
        String username = "testUser";
        String password = "testPassword";

        mockMvc.perform(MockMvcRequestBuilders.post("/register")
                .contentType(MediaType.APPLICATION_FORM_URLENCODED)
                .param("username", username)
                .param("password", password))
                .andExpect(status().isOk());
    }

    @Test
    public void testLogin() throws Exception {
        String username = "testUser";
        String password = "testPassword";

        mockMvc.perform(MockMvcRequestBuilders.post("/login")
                .contentType(MediaType.APPLICATION_FORM_URLENCODED)
                .param("username", username)
                .param("password", password))
                .andExpect(status().isOk());
    }
}

 三、总结

登陆注册功能是Web应用程序中常见的基础功能，其主要作用包括：

1. 用户身份验证：通过登录功能，验证用户输入的用户名和密码是否与系统中存储的信息匹配，从而确认用户的身份。

2. 访问控制：通过用户的身份信息，可以对不同用户提供不同的访问权限，限制用户可以访问的资源或功能。

3. 个性化服务：登录功能可以帮助系统记录用户的偏好和历史行为，从而提供个性化的服务和推荐。

4. 数据安全性：注册功能可以确保用户信息的安全存储，密码通常会进行加密处理，从而提高数据安全性。

进一步实现更复杂的操作可以通过以下方式：

1. 添加验证码功能：为了增强安全性，可以在注册和登录页面添加验证码功能，防止恶意程序进行暴力破解密码。

2. 实现密码找回功能：提供通过邮箱或手机短信等方式找回密码的功能，以应对用户忘记密码的情况。

3. 引入OAuth认证：支持第三方登录，比如使用Google、Facebook等账号登录，提高用户体验。

4. 加入多因素认证：在登录过程中，除了用户名和密码外，还可以要求用户输入其他因素，比如手机验证码或指纹识别，提高安全性。

5. 实现记住我功能：允许用户在下次访问时保持登录状态，避免频繁登录，提高用户体验。

6. 用户信息完善功能：在注册后，引导用户完善个人信息，比如头像、个人简介等，以提供更加个性化的服务。

7. 用户管理功能：提供管理员界面，实现对用户信息的管理，包括禁用账号、修改密码等操作。

8. 安全日志和监控：记录登录日志、异常登录行为等信息，并设置报警机制，及时发现异常情况并采取相应措施。

以上这些扩展和功能可以根据具体的业务需求和安全要求来决定是否实现。

最后谢谢大家

 

程序小勇
关注
  • 33
    点赞
  • 踩
  • 61
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
springboot实现最基础的登录注册功能(步骤详细，逻辑清晰)
qq_44697268的博客
08-15 3万+
springboot实现最基础的登录注册功能
springboot+mybatis整合实现注册登录
01-21
在本项目中，&quot;springboot+mybatis整合实现注册登录&quot;是一个典型的Web应用程序开发实例，主要涉及Spring Boot和MyBatis两大技术框架的融合应用。Spring Boot简化了Spring应用程序的初始搭建以及开发过程，而MyBatis则...
利用IDEA搭建SpringBoot+Mybatis，实现注册登录功能，适合初学者
03-25
利用SpringBoot+Mybatis+Maven+Mysql实现了简单的中注册登录功能 文件内包含数据库文件 项目创建参考文章为：https://blog.csdn.net/weixin_42685022/article/details/82215893 项目与文章有少许改动
前端常见登录实现方案 + 单点登录方案
XH_jing的博客
02-25 9514
登录是每个网站中都会用到的一个必备功能，但是如何实现一个优秀的登录功能，如何根据自己的项目来选择一个适合自己的登录方案？今天我们就来介绍几种常用的登录方案。 Cookie + Session 登录 Token 登录 SSO 单点登录 OAuth 第三方登录 一、Cookie + Session 登录 HTTP 是一种无状态的协议，客户端每次发送请求时，首先要和服务器端建立一个连接，在请求完成后又会断开这个连接。这种方式可以节省传输时占用的连接资源，但同时也存在一个问题：每次请求都是独立的，服务器端无法
使用Spring Boot框架来生成HTML页面并返回给客户端
最新发布
MusicScore的博客
06-25 1603
这种方案利用Spring Boot在服务器端生成HTML页面并返回给客户端，隐藏了后端的接口，有助于提高安全性，但也带来了性能和灵活性方面的挑战。具体实施时需权衡利弊，选择合适的技术方案。
SpringBoot项目实战杂货铺——登录注册界面怎么写好看，2024高级Java笔试总结
03-23 955
在这里，由于面试中MySQL问的比较多，因此也就在此以MySQL为例为大家总结分享。但是你要学习的往往不止这一点，还有一些主流框架的使用，Spring源码的学习，Mybatis源码的学习等等都是需要掌握的，我也把这些知识点都整理起来了在这里，由于面试中MySQL问的比较多，因此也就在此以MySQL为例为大家总结分享。但是你要学习的往往不止这一点，还有一些主流框架的使用，Spring源码的学习，Mybatis源码的学习等等都是需要掌握的，我也把这些知识点都整理起来了。
前后端分离之Spring&Vue单页面开发（2）
weixin_34396103的博客
12-22 126
前言 需求：最近本人在学习SpringBoot，希望自己能搭一个简单的Demo应用出来，但是搭到前端的时候遇到了困惑，因为网络上大部分教程前端都是应用模板引擎thymeleaf生成的，它给我的感觉就是一个进化版的JSP，但是很明显这种开发方式已经有些落后了。现在前端越来越工程化，Angular/Vue/React等框架非常流行，所以我希望搭建一...
SpringBoot实现简单的登录注册（超级详细）
热门推荐
我的青春一去不复返
05-22 5万+
第一步：建立简单的项目 第二步：建一个简单的数据表 第三步：配置文件如下： pom.xml文件配置： <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://mav
html实现用户简单的注册登录
03-06
1.用户可以填写信息 2.单选，多选操作 3.下拉框选择 4.用户名和密码正则表达式校验 5.有任何一项未校验成功（包括空白）都无法注册或提交 6.注册成功后跳转到注册成功界面，注册成功后几秒后再次跳转到注册界面。
springboot实现简单的注册登录功能
Java721的博客
02-22 2万+
spring官网 通过spring官网初始化SpringBoot项目 使用idea工具打开Springboot项目，项目结构 添加pom依赖 <!--springboot启动类--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId>
springboot 实现登录注册
qq_45726327的博客
03-07 2895
本文将整合简单的登录注册功能。
SpringBoot实现登陆注册(附源码)
比时代快才是快，趁风使柁
05-30 4982
SpringBoot实现登陆注册(附源码)，前端由html+css+vue(发送请求)组成，后端由springboot进行处理请求,相关数据库操作语句选用的是mybatis-plus
SpringBoot+layui实现文件上传功能
08-27
在本文中，我们将探讨如何利用Spring Boot框架与layui前端组件库来实现文件上传功能。Spring Boot简化了基于Spring的应用程序的构建和开发流程，通过自动配置各种组件，使得开发者能够快速搭建项目。而layui则是一个...
基于springboot +mybatis +thymeleaf 的学生信息管理系统
03-04
总的来说，这个基于SpringBoot+MyBatis+Thymeleaf的学生信息管理系统，充分利用了Java生态系统的优势，实现了高效、稳定的信息管理。通过持续的技术创新和优化，这样的系统可以为教育领域提供有力的支持，提高信息...
基于SpringBoot+MyBatis的私人影院项目源码.zip
10-24
这是一个基于SpringBoot和MyBatis框架的私人影院项目的源代码包。该项目的开发旨在提供一个个性化的在线观影平台，用户可以在这里浏览电影信息、预订座位、进行支付等操作。让我们详细了解一下SpringBoot和MyBatis这...
基于SpringBoot+Redis实现的仿QQ伪桌面聊天系统.zip
08-05
1. **用户模块**：负责用户注册、登录验证，以及用户信息的管理。 2. **好友模块**：处理添加好友、查看好友列表、删除好友等功能。 3. **聊天模块**：实现一对一和群组聊天功能，包括消息发送、接收和存储。 4. **...
Spring Boot实现登录注册的三种基本方式
m0_52307083的博客
09-12 3554
setSigningKey()与builder中签名方法signWith()对应，parser中的此方法拥有与signWith()方法相同的三种参数形式，用于设置JWT的签名key，用户后面对JWT进行解析。方法很简单，以分隔符" . "，截取JWT第三段，即签名部分进行判断。使用sso微服务去认证，通过后保存token，再次验证时出示凭证即可获取登录信息。// 将用户的登录信息保存到Cookie中，有效期为7天。// 将用户的用户名更新为"Jane Doe"// 删除名为"user"的Cookie。
快速上手Springboot项目（登录注册保姆级教程）
MakerHu的博客
06-30 3万+
本文章对SpringBoot开发后端项目结构做了简单介绍，并非常细致地一步步（带图）演示了如何使用SpringBoot+MySQL实现登录的后端功能，同时还附带了前端的教程及源码，适合小白快速入门
做一个springboot登陆注册功能
m0_56308072的博客
11-10 728
既然要注册用户，那么就不能原封不动的将密码加入数据库，一定要对数据进行加密，这样才安全。我们这里使用MD5加密，可以直接使用引入工具类也可以选择引入依赖。除次之外还要对参数进行校验，比如要求是密码要是5~16位非空字符，那么就要先检查是否符合要求，其次才能添加进数据库。在实际的项目开发中，不会像之前写的代码一样，直接return回去一个字符串或者数据。而是有统一的响应结果的，也就是Result类。这个的目的就是因为当我们测试失败时，响应得到的接过并不符合result风格，也不美观。Controller层。
生成注册页面后端代码
05-28
好的，以下是一个使用Python Flask框架实现的简单注册页面后端代码，仅供参考： ```python from flask import Flask, render_template, request, redirect, url_for import sqlite3 app = Flask(__name__) # 数据库连接配置 app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///users.db' app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False # 用户数据模型 class User(db.Model): id = db.Column(db.Integer, primary_key=True) username = db.Column(db.String(50), unique=True) password = db.Column(db.String(255)) email = db.Column(db.String(50), unique=True) def __init__(self, username, password, email): self.username = username self.password = password self.email = email # 注册页面路由 @app.route('/register', methods=['GET', 'POST']) def register(): if request.method == 'POST': # 获取表单数据 username = request.form['username'] password = request.form['password'] email = request.form['email'] # 表单验证 if not username or not password or not email: return render_template('register.html', error='请填写完整注册信息') # 检查用户名和邮箱是否已被注册 if User.query.filter_by(username=username).first(): return render_template('register.html', error='用户名已被注册，请重新输入') if User.query.filter_by(email=email).first(): return render_template('register.html', error='该邮箱已被注册，请重新输入') # 创建用户对象并存储到数据库 user = User(username=username, password=password, email=email) db.session.add(user) db.session.commit() # 注册成功，重定向到登录页面 return redirect(url_for('login')) # GET请求，渲染注册页面 return render_template('register.html') if __name__ == '__main__': app.run(debug=True) ``` 以上代码中，我们使用了Python Flask框架来实现注册页面后端，使用SQLite作为数据库。在这个例子中，我们创建了一个User类作为用户数据模型，使用Flask的路由装饰器来处理注册页面的GET和POST请求。在POST请求中，我们获取表单数据并进行表单验证，然后创建用户对象并存储到数据库中。最后重定向到登录页面，注册完成。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序小勇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值