溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能

發(fā)布時間:2021-02-19 14:51:56 來源:億速云 閱讀:152 作者:Leah 欄目:開發(fā)技術(shù)

這篇文章將為大家詳細講解有關(guān)怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

一、搭建SpringBoot項目

1.1、file ——> new ——> project——> Spring Initializr——> next——> next——> next——> finish

注意選擇包依賴關(guān)系

怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能

二、springboot整合mybatis.mysql

2.1、整體結(jié)構(gòu)

怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能

2.2、設(shè)置所需要的依賴

即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.2</version>
 <relativePath/> <!-- lookup parent from repository -->
 </parent>
 <groupId>springboot-web04</groupId>
 <artifactId>demo</artifactId>
 <version>0.0.1-SNAPSHOT</version>
 <name>demo</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-jdbc</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>
 <dependency>
 <groupId>org.springframework.boot</groupId>
 <artifactId>spring-boot-starter-test</artifactId>
 <scope>test</scope>
 </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>org.mybatis.spring.boot</groupId>
 <artifactId>mybatis-spring-boot-starter</artifactId>
 <version>2.1.3</version>
 </dependency>

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

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

 <dependency>
 <groupId>com.alibaba</groupId>
 <artifactId>druid</artifactId>
 <version>1.2.1</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è)置application.yml文件與pplication.properties文件

在resources目錄下新建yml文件,用于存放數(shù)據(jù)庫連接需要的一些數(shù)據(jù)

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

在application.properties文件中加入

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

2.4、在pojo下的新建類UserLogin

package springbootweb04.demo.pojo;

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

@Data
@AllArgsConstructor
@NoArgsConstructor

public class UserLogin {
 private String username;
 private String password;

 public String getUsername() {
 return username;
 }
}

2.5、新建數(shù)據(jù)庫,名為mybatis,創(chuàng)建用戶表,名為userLogin,創(chuàng)建username、password字段

2.5.1、數(shù)據(jù)庫名可以隨意,不過要與application.yml文件中的一致

怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能

2.5.2、IDEA中連接數(shù)據(jù)庫

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

怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能

怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能

2.6、mapper層

新建UserLoginMapper接口

package springbootweb04.demo.mapper;

import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;
import springbootweb04.demo.pojo.UserLogin;

import java.util.List;

@Mapper
@Repository
public interface UserLoginMapper {
 //查詢
 public List<UserLogin> queryAll();
 //添加數(shù)據(jù)
 public int add(UserLogin userLogin);
 //根據(jù)用戶名查詢數(shù)據(jù)
 public UserLogin queryByName(String username);
}

2.7、resources目錄下的mapper目錄

在resources目錄下新建mapper目錄,并在這個目錄下新建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="springbootweb04.demo.mapper.UserLoginMapper">
 <select id="queryAll" resultType="springbootweb04.demo.pojo.UserLogin">
 select * from userLogin
 </select>

 <insert id="add" parameterType="springbootweb04.demo.pojo.UserLogin">
 insert into userLogin values (#{username},#{password})
 </insert>

 <select id="queryByName" resultType="springbootweb04.demo.pojo.UserLogin">
 select * from userLogin where username = #{username}
 </select>

</mapper>

2.8、測試

在test.Java.springbootweb04.demo類中,測試是否能聯(lián)通數(shù)據(jù)庫,沒有報錯說明成功。

package springbootweb04.demo;

import org.junit.jupiter.api.Test;
import org.springframework.boot.test.context.SpringBootTest;
import springbootweb04.demo.mapper.UserLoginMapper;
import springbootweb04.demo.pojo.UserLogin;
import org.springframework.beans.factory.annotation.Autowired;


import javax.sql.DataSource;
import java.sql.Connection;
import java.sql.SQLException;
import java.util.List;

@SpringBootTest
class DemoApplicationTests {
 @Autowired
 DataSource dataSource;
 @Test
 void contextLoads() throws SQLException {
 System.out.println(dataSource.getClass());
 Connection connection = dataSource.getConnection();
 System.out.println(connection);

 //template模板,拿來即用
 connection.close();
 }
 @Autowired
 UserLoginMapper userLoginMapper;
 @Test
 public void toTest(){
 List<UserLogin> userLogins = userLoginMapper.queryAll();
 userLogins.forEach(e-> System.out.println(e));
 }
}

2.9、services層

在services下新建接口UserLoginServicesI和類UserLoginServicesImpl

UserLoginServicesI接口:

package springbootweb04.demo.services;

import springbootweb04.demo.pojo.UserLogin;

import java.util.List;

public interface UserLoginServicesI {
 //查詢
 public List<UserLogin> queryAll();
 //添加數(shù)據(jù)
 public int add(UserLogin userLogin);
 //根據(jù)用戶名查詢數(shù)據(jù)
 public UserLogin queryByName(String username);
}

UserLoginServicesImpl類

package springbootweb04.demo.services;

import springbootweb04.demo.mapper.UserLoginMapper;
import springbootweb04.demo.pojo.UserLogin;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class UserLoginServicesImpl implements UserLoginServicesI {

 @Autowired
 UserLoginMapper userLoginMapper;
 @Override
 public List<UserLogin> queryAll() {
 return userLoginMapper.queryAll();
 }

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

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

2.A、conteoller層

編寫MyController類

package springbootweb04.demo.controller;

import springbootweb04.demo.pojo.UserLogin;
import springbootweb04.demo.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 {
 @Autowired
 UserLoginServicesImpl userLoginServicesImpl;

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

 @RequestMapping("/LoginSuccess")
 public String LoginSuccess(Model model, UserLogin userLogin){
 //先查詢看該用戶名是否存在
 UserLogin userLogin1 = userLoginServicesImpl.queryByName(userLogin.getUsername());
 if(userLogin1 != null){ // 如果查詢的用戶不為空
 System.out.println(userLogin1.toString());
 return "success";
 }
 else{
 //返回到登錄頁面
 model.addAttribute("data","該用戶不存在,請先注冊");
 return "login";
 }
 }
 //登錄界面
 @RequestMapping("/toRegister")
 public String toRegister(){
 return "register";
 }
 @RequestMapping("/RegisterSuccess")
 public String toRegisterSuccess(Model model,UserLogin userLogin){
 //將賬號密碼加入到數(shù)據(jù)庫中
 int add = userLoginServicesImpl.add(userLogin);
 System.out.println("數(shù)據(jù)插入成功!");
 model.addAttribute("data","注冊成功,請登錄!");
 return "login";
 }
}

三、編寫前端頁面

將以下三個頁面放在templates下面

login.html:登錄頁面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body >
<div align="center">
 <br><br><h3>登錄界面</h3><br><br>
 <span th:text="${data}" ></span>
 <form method="get" action="/LoginSuccess">
 用戶名:<input type="text" name="username" placeholder="請輸入用戶名" required/><br><br>
 密碼:<input type="text" name="password" placeholder="請輸入密碼" required/><br><br>
 <input type="submit" value="登錄">
 </form>
 <br>
 <form method="get" action="/toRegister">
 <input type="submit" value="注冊">
 </form>
</div>
</body>
</html>

register.html:注冊頁面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body >
<div align="center">
 <br><br>注冊界面<br><br>
 <form method="get" action="/RegisterSuccess">
 用戶名:<input type="text" name="username" placeholder="請輸入用戶名" required/><br><br>
 密碼:<input type="text" name="password" placeholder="請輸入密碼" required/><br><br>
 確認密碼:<input type="text" name="password2" placeholder="請輸入密碼" required/><br><br>
 <input type="submit" value="注冊">
 </form>
</div>
</body>
</html>

success.html:成功界面

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>

</body>
</html>

關(guān)于怎么在IDEA中使用SpringBoot+MyBatis+MySql實現(xiàn)一個動態(tài)登錄與注冊功能就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI