手把手教你登录注册功能实现-springboot搭建工程

作为入门java的小白来说，简易的登录注册，是必须熟练掌握的，即使页面不是那么绚丽，但是基本逻辑梳理明白，我们要求掌握技术，不是花拳绣腿。

首先搭建springboot项目

 接下来我们创建项目架构和名称，以及版本号等等

 这里可以选择常规的依赖即可，不够的，我们可以后续添加

 然后一直下一步，next,最后项目基本搭建完成，我们看看导入进来的依赖，我也加了一些需要用到的

    <dependencies>
        <!--数据库依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
            <version>2.4.3</version>
        </dependency>

        <!--启动项-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <version>2.4.3</version>
        </dependency>

        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.4</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.23</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <version>2.4.3</version>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>

        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.18</version>
        </dependency>

        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.73</version>
        </dependency>

    </dependencies>

    <build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
            <version>2.4.3</version>
        </plugin>
    </plugins>
    </build>

</project>

然后我们创建项目的分支架包，如图所示

 首先创建实体类user表

package com.yk.entity;

/**
 * @author txg
 * @date 2022/7/15 9:39
 */

public class User {

    private Integer id;
    private String username;
    private String password;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

}

创建UserMapper接口

package com.yk.mapper;

import com.yk.entity.User;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;

import java.util.List;

/**
 * @author txg
 * @date 2022/7/15 9:39
 */

@Mapper
@Repository
public interface UserMapper {
    List<User> findAll();

    User findByName(String username);

    String findPswByName(String username);

    void save(User user);
}

创建UserService

package com.yk.service;


import com.yk.entity.User;
import com.yk.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class UserService {

    @Autowired
    UserMapper userMapper;

    //登录操作
    public String login(User user) {
        try {
            User userExistN = userMapper.findByName(user.getUsername());
            if (userExistN != null) {
                String userExistP = userMapper.findPswByName(user.getUsername());
                if (userExistP.equals(user.getPassword())) {
                    return user.getUsername() + "登录成功，欢迎您！";
                } else {
                    return "登录失败，密码错误！";
                }
            } else {
                return "登录失败,用户不存在。";
            }
        } catch (Exception e) {
            e.printStackTrace();
            return e.getMessage();
        }
    }

    //注册操作
    public String register(User user) {
        try {
            User userExist = userMapper.findByName(user.getUsername());
            if (user.getUsername().equals("")) {
                return "用户名不能为空";
            } else if (user.getPassword().equals("")) {
                return "密码不能为空";
            } else if (userExist != null) {
                return "账号已存在";
            } else {
                userMapper.save(user);
                return "注册成功";
            }
        } catch (Exception e) {
            e.printStackTrace();
            return e.getMessage();
        }
    }

    //获取所有用户
    public List<User> findAll() {
        List<User> list = userMapper.findAll();
        return list;
    }
}

创建数据库test(名字自拟即可)，然后创建user表

//创建数据库
create database test;
 
//选择创建好的数据库，建立user表
use test;
 
create table user(
    id int primary key auto_increment,
    username varchar(32) unique not null,
    password varchar(32) not null
);
 
 
//想创建好的数据库中添加数据
insert into user values(1,"xioming","000");
 
//查看自己添加的数据
select * from user;

创建controller层：UserController

package com.yk.controller;

import com.yk.entity.User;
import com.yk.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

/**
 * @author txg
 * @date 2022/7/15 9:38
 */

@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
 UserService userService;

    //登录
    @RequestMapping("/login")
    public String login(User user){
        return userService.login(user);
    }

    //注册

    @PostMapping("register")
    public String register(User user){
        return userService.register(user);
    }

 
}

编写简易的前端登录和注册界面，如下所示

login代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
</head>
<body>
<form method="post" action="/user/login">
    用户名：<input name="username" type="text"/>
    密码：<input name="password" type="password"/>
    <input type="submit" value="登录验证"/>
    <input type="button" onclick="javascript:window.location.href='register.html'" value="去注册页面"/>
</form>
</body>
</html>

register代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
</head>
<body>
<form method="post" action="/user/login">
    用户名：<input name="username" type="text"/>
    密码：<input name="password" type="password"/>
    <input type="submit" value="登录验证"/>
    <input type="button" onclick="javascript:window.location.href='register.html'" value="去注册页面"/>
</form>
</body>
</html>

之后编写配置文件里的代码application.properties

# 配置数据库连接信息
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/test1?characterEncoding=utf-8&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=123456

mybatis.type-aliases-package=com.yk.entity
mybatis.mapper-locations=classpath:mapper/*.xml

 基本配置完成，再代码不报错的情况下运行项目，你会看到 localhost:8080/login,html

 输入localhost：8080/register.html注册页面