SpringBoot+Mybatis實(shí)現(xiàn)登錄注冊(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.72.步驟2.1 創(chuàng)建一個(gè)SpringBoot項(xiàng)目選擇依賴如下:
Web下的Spring Web。Template Engines下的Thymeleaf。SQL下的JDBC API、Spring Data JDBC、MySQL Driver。
項(xiàng)目的結(jié)構(gòu):
<?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#配置mappermybatis.mapper-locations=classpath:mapper/*.xml2.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
在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@Repositorypublic interface UserLoginMapper { //定義增刪改查方法 //查詢所有 public List<UserLogin> queryAll(); //添加數(shù)據(jù) public int add(UserLogin userLogin); //根據(jù)用戶名查詢 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 resultType='com.huangkd.weblogindemo.pojo.UserLogin'> select * from userlogin </select> <insert parameterType='com.huangkd.weblogindemo.pojo.UserLogin'> insert into userlogin values (#{username},#{password}) </insert> <select 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 { //查詢所有 public List<UserLogin> queryAll(); //添加數(shù)據(jù) public int add(UserLogin userLogin); //根據(jù)用戶名查詢 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;@Servicepublic 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;@Controllerpublic 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) { //查詢用戶名是否存在 UserLogin userLogin1 = userLoginServices.queryByUsername(userLogin.getUsername()); if (userLogin1 != null) { //如果用戶名存在 if (userLogin1.getPassword().equals(userLogin.getPassword())) { System.out.println(userLogin1.toString()); return 'success'; } else { model.addAttribute('data', '密碼不正確'); return 'login'; } } else { //用戶名不存在,直接返回到登錄頁(yè)面 model.addAttribute('data', '該用戶不存在,請(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è)面
login.html:登錄頁(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'> 用戶名:<input type='text' name='username' placeholder='請(qǐng)輸入用戶名' 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'> 用戶名:<input type='text' name='username' placeholder='請(qǐng)輸入用戶名' 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)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. .NET 中配置從xml轉(zhuǎn)向json方法示例詳解2. ASP錯(cuò)誤捕獲的幾種常規(guī)處理方式3. 詳解php如何合并身份證正反面圖片為一張圖片4. Laravel中數(shù)據(jù)庫(kù)遷移操作的示例詳解5. npm下載慢或下載失敗問(wèn)題解決的三種方法6. Python 如何將字符串每?jī)蓚€(gè)用空格隔開(kāi)7. 使用Spry輕松將XML數(shù)據(jù)顯示到HTML頁(yè)的方法8. ASP編碼必備的8條原則9. python基于opencv批量生成驗(yàn)證碼的示例10. python 用遞歸實(shí)現(xiàn)通用爬蟲(chóng)解析器
