快捷導(dǎo)航

SpringBoot實(shí)現(xiàn)簡(jiǎn)單的登錄注冊(cè)的項(xiàng)目實(shí)戰(zhàn)

更新時(shí)間：2022年03月06日 16:27:29 作者：陽(yáng)光不銹@

本文主要介紹了SpringBoot實(shí)現(xiàn)簡(jiǎn)單的登錄注冊(cè)的項(xiàng)目實(shí)戰(zhàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

第一步：建立簡(jiǎn)單的項(xiàng)目

第二步：建一個(gè)簡(jiǎn)單的數(shù)據(jù)表

第三步：配置文件如下：

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://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.4.5</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.wei</groupId>
    <artifactId>demo01</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>demo01</name>
    <description>Demo project for Spring Boot</description>
    <properties>
        <java.version>1.8</java.version>
    </properties>
 
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.0</version>
        </dependency>
 
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.24</version>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <scope>test</scope>
        </dependency>
 
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
    </dependencies>
 
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>
                </configuration>
            </plugin>
        </plugins>
    </build>
 
</project>

application.properties文件配置：

 
#改變端口號(hào):
server.port=8080
#給整個(gè)項(xiàng)目加個(gè)前綴,多個(gè)項(xiàng)目就不會(huì)重復(fù)：
#server.servlet.context-path=/first
#school.grade=3
#school.classNum=4
 
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.password=root
spring.datasource.username=root
spring.datasource.url=jdbc:mysql://localhost:3306/demo?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8&useSSL=true
spring.thymeleaf.prefix=classpath:/templates/
#mapper.mappers=tk.mybatis.mapper.common.Mapper
#mapper.not-empty=true

項(xiàng)目目錄如下：

LoginController.java文件：

注意：@Controller只能用這個(gè)，不能用@RestController

package com.wei.demo01.controller;
import com.wei.demo01.entity.UserBean;
import com.wei.demo01.service.UserService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
 
import javax.annotation.Resource;
@Slf4j
@Controller
public class LoginController {
 
    //將Service注入Web層
    @Resource
    UserService userService;
 
    //實(shí)現(xiàn)登錄
    @RequestMapping("/login")
    public String show(){
        return "login";
    }
 
    @RequestMapping(value = "/loginIn",method = RequestMethod.POST)
    public String login(String name,String password){
        UserBean userBean = userService.LoginIn(name, password);
        log.info("name:{}",name);
        log.info("password:{}",password);
        if(userBean!=null){
            return "success";
        }else {
            return "error";
        }
    }
    @RequestMapping("/signup")
    public String disp(){
        return "signup";
    }
 
    //實(shí)現(xiàn)注冊(cè)功能
    @RequestMapping(value = "/register",method = RequestMethod.POST)
    public String signUp(String name,String password){
        userService.Insert(name, password);
        return "success";
    }
}

UserBean.java文件

package com.wei.demo01.entity;
 
import java.io.Serializable;
 
public class UserBean implements Serializable {
 
    private Integer id;
    private String name;
    private String password;
 
    public Integer getId() {
        return id;
    }
 
    public void setId(Integer id) {
        this.id = id;
    }
 
    public String getName() {
        return name;
    }
 
    public void setName(String name) {
        this.name = name;
    }
 
    public String getPassword() {
        return password;
    }
 
    public void setPassword(String password) {
        this.password = password;
    }
}

UserMapper接口文件：

注意：我在這里為偷懶，開(kāi)始加入了@Mapper注解，目的就是為了不再寫(xiě)mapper映射文件（那個(gè)xml寫(xiě)的是真的是太慢了）

package com.wei.demo01.mapper;
 
import com.wei.demo01.entity.UserBean;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;
import org.springframework.stereotype.Component;
import org.springframework.stereotype.Repository;
 
@Mapper
public interface UserMapper {
    //查詢，可以實(shí)現(xiàn)登錄功能
    @Select("SELECT * FROM user WHERE name = #{name} AND password = #{password}")
    UserBean getInfo(@Param("name") String name, @Param("password") String password);
 
    //多個(gè)參數(shù)要加@Param修飾
    //增加，可以實(shí)現(xiàn)注冊(cè)功能
    @Insert("insert into user(name,password)values(#{name},#{password})")
    void saveInfo(@Param("name") String name, @Param("password") String password);
}

UserService.java文件

package com.wei.demo01.service;
 
import com.wei.demo01.entity.UserBean;
import com.wei.demo01.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
 
import javax.annotation.Resource;
 
@Service
public class UserService {
    //將dao層屬性注入service層
    @Resource
    private UserMapper userMapper;
 
    public UserBean LoginIn(String name, String password) {
        return userMapper.getInfo(name,password);
    }
 
    public void Insert(String name,String password){
        userMapper.saveInfo(name, password);
    }
}

下面都是一些靜態(tài)html網(wǎng)頁(yè)：

下面就把所有的代碼按順序依次放在一個(gè)框子里面;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>error</title>
</head>
<body>
<h1>登陸失??！</h1>
</body>
</html>
 
 
 
 
 
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<h1>你好啊</h1>
</body>
</html>
 
 
 
<!--登錄頁(yè)面-->
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
</head>
<body>
<form role="form" action = "/loginIn" method="post">
    賬號(hào)：<input type="text" id="name" name = "name"> <br>
    密碼：<input type="password" id = "password" name = "password"> <br>
    <input type="submit" id = "login" value = "login">
    <input type="button" id="register" value="注冊(cè)">
</form>
</body>
</html>
 
 
 
<!--注冊(cè)頁(yè)面-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注冊(cè)成功</title>
</head>
<body>
<form role="form" action="/register" method="post">
    請(qǐng)輸入姓名:<input type="text" name="name" id="name"><br>
    請(qǐng)輸入密碼：<input type="password" name="password" id="password"><br>
    <input type="submit" name="sign" value="提交">
</form>
</body>
</html>
 
 
 
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>success</title>
</head>
<body>
<h1>歡迎，恭喜登陸成功/注冊(cè)成功</h1>
</body>
</html>

最后登錄效果展示：

注冊(cè)效果展示：

注冊(cè)成功！數(shù)據(jù)庫(kù)更新成功！

有網(wǎng)友說(shuō)我這個(gè)注冊(cè)按鈕打不開(kāi)，跳轉(zhuǎn)不到注冊(cè)頁(yè)面，那我在這里更新一下：

在登錄頁(yè)面中加入以下內(nèi)容即可：

到此這篇關(guān)于SpringBoot實(shí)現(xiàn)簡(jiǎn)單的登錄注冊(cè)的項(xiàng)目實(shí)戰(zhàn)的文章就介紹到這了,更多相關(guān)SpringBoot 登錄注冊(cè)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: