SpringBoot+Mybatis實(shí)現(xiàn)登錄注冊(cè)的示例代碼

更新時(shí)間：2021年03月05日 09:44:01 作者：HuangKunDa

這篇文章主要介紹了SpringBoot+Mybatis實(shí)現(xiàn)登錄注冊(cè)的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

2.1 創(chuàng)建一個(gè)SpringBoot項(xiàng)目
2.2 pom依賴(lài)配置
2.3 設(shè)置配置文件
2.4 在pojo包下創(chuàng)建實(shí)體類(lèi)UserLogin
2.5創(chuàng)建數(shù)據(jù)庫(kù)和數(shù)據(jù)表
2.6 連接數(shù)據(jù)庫(kù)
2.7Mapper層（Dao）：數(shù)據(jù)庫(kù)持久層
2.8 Service層：業(yè)務(wù)邏輯層
2.9 Controller層：控制層
2.10 前端頁(yè)面

3.測(cè)試

學(xué)習(xí)SpringBoot+Mybatis實(shí)現(xiàn)的登錄注冊(cè)功能的Demo，實(shí)現(xiàn)這個(gè)Demo在網(wǎng)上也參考了資料和代碼，本文是本人在實(shí)現(xiàn)Demo后的個(gè)人總結(jié)，以便理清思路。

1.環(huán)境

jdk8 ： “1.8.0_281”
Maven： 3.6.3
Idea：2020.2
Mysql：5.6.40
Navicat：10.1.7

2.步驟

2.1 創(chuàng)建一個(gè)SpringBoot項(xiàng)目

選擇依賴(lài)如下：

Web下的Spring Web。
Template Engines下的Thymeleaf。
SQL下的JDBC API、Spring Data JDBC、MySQL Driver。

項(xiàng)目的結(jié)構(gòu)：

在這里插入圖片描述

2.2 pom依賴(lài)配置

<?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.3</version>
  <relativePath/> <!-- lookup parent from repository -->
 </parent>
 <groupId>com.haungkd</groupId>
 <artifactId>weblogindemo</artifactId>
 <version>0.0.1-SNAPSHOT</version>
 <name>weblogindemo</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-data-jpa</artifactId>
  </dependency>
  <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>mysql</groupId>
   <artifactId>mysql-connector-java</artifactId>
   <scope>runtime</scope>
  </dependency>
  
  <!-- mybatis-->
  <dependency>
   <groupId>org.mybatis.spring.boot</groupId>
   <artifactId>mybatis-spring-boot-starter</artifactId>
   <version>2.1.3</version>
  </dependency>

  <!--lombok-->
  <dependency>
   <groupId>org.projectlombok</groupId>
   <artifactId>lombok</artifactId>
   <version>1.18.12</version>
   <scope>provided</scope>
  </dependency>

  <!--druid連接池-->
  <dependency>
   <groupId>com.alibaba</groupId>
   <artifactId>druid</artifactId>
   <version>1.2.3</version>
  </dependency>

  <dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-test</artifactId>
   <scope>test</scope>
   <exclusions>
    <exclusion>
     <groupId>org.junit.vintage</groupId>
     <artifactId>junit-vintage-engine</artifactId>
    </exclusion>
   </exclusions>
  </dependency>
  <dependency>
   <groupId>org.xmlunit</groupId>
   <artifactId>xmlunit-core</artifactId>
  </dependency>
  <dependency>
   <groupId>org.mybatis</groupId>
   <artifactId>mybatis</artifactId>
   <version>3.4.6</version>
  </dependency>
 </dependencies>

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

</project>

2.3 設(shè)置配置文件

在這里插入圖片描述

yml文件配置：

其中url中的數(shù)據(jù)庫(kù)記得對(duì)應(yīng)，我的庫(kù)為login

spring:
 datasource:
 driver-class-name: com.mysql.cj.jdbc.Driver
 url: jdbc:mysql://localhost:3306/login?serverTimezone=GMT%2B8&useSSL=true
 username: root #數(shù)據(jù)庫(kù)
 password: 123456 #密碼

properties文件配置：

#端口號(hào)
server.port=8088
#druid數(shù)據(jù)庫(kù)連接池
type=com.alibaba.druid.pool.DruidDataSource
#清除緩存
spring.thymeleaf.cache=false
#配置mapper
mybatis.mapper-locations=classpath:mapper/*.xml

2.4 在pojo包下創(chuàng)建實(shí)體類(lèi)UserLogin

package com.huangkd.weblogindemo.pojo;

import javax.persistence.Table;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data // get/set 方法
@AllArgsConstructor//有參構(gòu)造器
@NoArgsConstructor//無(wú)參構(gòu)造器
@Table(name = "userlogin")
public class UserLogin {
 private String username;
 private String password;

 public String getUsername() {
  return username;
 }
}

2.5創(chuàng)建數(shù)據(jù)庫(kù)和數(shù)據(jù)表

在這里插入圖片描述

我創(chuàng)建login庫(kù)，創(chuàng)建userlogin表，字段為username和password

在這里插入圖片描述

2.6 連接數(shù)據(jù)庫(kù)

在IDEA右邊選擇：

Database——> ——> Data Source——> Mysql

在這里插入圖片描述

如果測(cè)試不通：出現(xiàn)如下：

Server returns invalid timezone. Need to set ‘serverTimezone' property.

是數(shù)據(jù)庫(kù)時(shí)區(qū)問(wèn)題

解決方法：

打開(kāi)開(kāi)最右側(cè) Advanced，找到 serverTimezone，在右側(cè)value處填寫(xiě) GMT，保存即可

2.7Mapper層（Dao）：數(shù)據(jù)庫(kù)持久層

在mapper包下建UserLoginMapper接口

package com.huangkd.weblogindemo.mapper;

import com.huangkd.weblogindemo.pojo.UserLogin;

import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;
import java.util.List;


@Mapper
@Repository
public interface UserLoginMapper {

 //定義增刪改查方法

 //查詢(xún)所有
 public List<UserLogin> queryAll();
 //添加數(shù)據(jù)

 public int add(UserLogin userLogin);

 //根據(jù)用戶(hù)名查詢(xún)

 public UserLogin queryByUsername(String username);
}

在resources下建UserLoginMapper.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.huangkd.weblogindemo.mapper.UserLoginMapper">
 <select id="queryAll" resultType="com.huangkd.weblogindemo.pojo.UserLogin">
  select * from userlogin
 </select>
 <insert id="add" parameterType="com.huangkd.weblogindemo.pojo.UserLogin">
  insert into userlogin values (#{username},#{password})
 </insert>
 <select id="queryByUsername" resultType="com.huangkd.weblogindemo.pojo.UserLogin">
  select * from userlogin where username=#{username}
 </select>
</mapper>

2.8 Service層：業(yè)務(wù)邏輯層

在services下新建接口UserLoginServicesI和類(lèi)UserLoginServicesImpl

UserLoginServicesI接口：

import com.huangkd.weblogindemo.pojo.UserLogin;

import java.util.List;

public interface UserLoginServicesl {
 //查詢(xún)所有
 public List<UserLogin> queryAll();
 //添加數(shù)據(jù)
 public int add(UserLogin userLogin);
 //根據(jù)用戶(hù)名查詢(xún)
 public UserLogin queryByUsername(String username);
}

UserLoginServicesImpl類(lèi)：

package com.huangkd.weblogindemo.services;

import com.huangkd.weblogindemo.mapper.UserLoginMapper;
import com.huangkd.weblogindemo.pojo.UserLogin;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class UserLoginServicesImpl implements UserLoginServicesl {

 @Autowired
 //Service層調(diào)用dao層/mapper層 一般在service層中創(chuàng)建一個(gè)dao/mapper層對(duì)象
 //用對(duì)象調(diào)用對(duì)應(yīng)的增刪改查方法
 UserLoginMapper userLoginMapper;
 @Override
 public List<UserLogin> queryAll() {
  return userLoginMapper.queryAll();
 }

 @Override
 public int add(UserLogin userLogin) {
  return userLoginMapper.add(userLogin);
 }

 @Override
 public UserLogin queryByUsername(String username) {
  return userLoginMapper.queryByUsername(username);
 }
}

2.9 Controller層：控制層

在controller包下創(chuàng)建MyController類(lèi)：

package com.huangkd.weblogindemo.controller;

import com.huangkd.weblogindemo.pojo.UserLogin;
import com.huangkd.weblogindemo.services.UserLoginServicesImpl;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class MyController {
 //controller層調(diào)用service層
 //創(chuàng)建一個(gè)service層對(duì)象
 @Autowired
 UserLoginServicesImpl userLoginServices;

 //登錄
 @RequestMapping("/toLogin")
 public String toLogin() {
  return "login";
 }

 @RequestMapping("/loginSuccess")
 public String loginSuccess(Model model, UserLogin userLogin) {
  //查詢(xún)用戶(hù)名是否存在
  UserLogin userLogin1 = userLoginServices.queryByUsername(userLogin.getUsername());
  if (userLogin1 != null) { //如果用戶(hù)名存在
   if (userLogin1.getPassword().equals(userLogin.getPassword())) {
    System.out.println(userLogin1.toString());
    return "success";
   } else {
    model.addAttribute("data", "密碼不正確");
    return "login";
   }

  } else { //用戶(hù)名不存在，直接返回到登錄頁(yè)面
   model.addAttribute("data", "該用戶(hù)不存在，請(qǐng)先注冊(cè)");
   return "login";
  }
 }


 //注冊(cè)
 @RequestMapping("/toRegister")
 public String toRegister() {
  return "register";
 }

 @RequestMapping("/toRegisterSuccess")
 public String toRegisterSuccess(Model model,UserLogin userLogin) {
  //添加一條記錄到數(shù)據(jù)庫(kù)中
  int add = userLoginServices.add(userLogin);
  System.out.println("插入數(shù)據(jù)成功");
  model.addAttribute("data","注冊(cè)成功，請(qǐng)登錄");
  return "login";

 }
}

2.10 前端頁(yè)面

在這里插入圖片描述

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
 <meta charset="UTF-8">
 <title>login</title>
</head>
<body background="back.jpg">
<div align="center">
 <br><br><h2>登錄界面</h2><br><br>
 <span th:text="${data}" style="text-color:red;font-size: 10px"></span>
 <form method="get" action="/loginSuccess">
  用戶(hù)名:<input type="text" name="username" placeholder="請(qǐng)輸入用戶(hù)名" required/><br><br>
  密碼：<input type="text" name="password" placeholder="請(qǐng)輸入密碼" required/><br><br>
  <input type="submit" value="登錄">
 </form>
 <br>
 <form method="get" action="/toRegister">
  <input type="submit" value="注冊(cè)">
 </form>
</div>
</body>
</html>

regsister.html：注冊(cè)頁(yè)面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
 <meta charset="UTF-8">
 <title>register</title>
</head>
<body background="back.jpg" >
<div align="center">
 <br><br><h1>注冊(cè)界面</h1><br><br>
 <form method="get" action="/toRegisterSuccess">
  用戶(hù)名:<input type="text" name="username" placeholder="請(qǐng)輸入用戶(hù)名" required/><br><br>
  密碼：<input type="text" name="password" placeholder="請(qǐng)輸入密碼" required/><br><br>
  確認(rèn)密碼：<input type="text" name="password2" placeholder="請(qǐng)輸入密碼" required/><br><br>
  <input type="submit" value="注冊(cè)">
 </form>
</div>
</body>
</html>

success.html：成功頁(yè)面

成功頁(yè)面我復(fù)制本人csdn首頁(yè)源代碼

3.測(cè)試

登錄：

在這里插入圖片描述

注冊(cè)：

在這里插入圖片描述

成功：

在這里插入圖片描述

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

您可能感興趣的文章: