當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
SpringBoot+MyBatis登录案例
生活随笔
收集整理的這篇文章主要介紹了
SpringBoot+MyBatis登录案例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
1.創建一個SpringBoot項目
2.創建表
create database login;use login;create table userlogin( username varchar(49), password varchar(49) )3.idea連接mysql?
4. 創建實體類UserLogin
@Data @AllArgsConstructor @NoArgsConstructor @Table(name = "userlogin")/*<dependency><groupId>javax.persistence</groupId><artifactId>persistence-api</artifactId><version>1.0</version></dependency> */ public class UserLogin {private String username;private String password; }5.創建mapper。數據持久層UserLoginMapper接口
@Mapper @Repository public interface UserLoginMapper {//定義增刪改查方法//查詢所有public List<UserLogin> queryAll();//添加數據public int add(UserLogin userLogin);//根據用戶名查詢public UserLogin queryByUsername(String username); }6.在resources下建UserLoginMapper.xml文件
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapperPUBLIC "-//mybatis.org//DTD Mapper 3.0//EN""http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <mapper namespace="自己的mapper接口"><select id="queryAll" resultType="自己的實體類接口">select * from userlogin</select><insert id="add" parameterType="自己的實體類接口">insert into userlogin values (#{username},#{password})</insert><select id="queryByUsername" resultType="自己的實體類接口">select * from userlogin where username=#{username}</select> </mapper>7.編寫UserLogService接口
public interface UserLonginService {public interface UserLoginServicesl {//查詢所有public List<UserLogin> queryAll();//添加數據public int add(UserLogin userLogin);//根據用戶名查詢public UserLogin queryByUsername(String username);} }?8.編寫控制層MyController
@Controller public class MyController {//controller層調用service層//創建一個service層對象@AutowiredUserLoginServicesImpl 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 { //用戶名不存在,直接返回到登錄頁面model.addAttribute("data", "該用戶不存在,請先注冊");return "login";}}//注冊@RequestMapping("/toRegister")public String toRegister() {return "register";}@RequestMapping("/toRegisterSuccess")public String toRegisterSuccess(Model model,UserLogin userLogin) {//添加一條記錄到數據庫中int add = userLoginServices.add(userLogin);System.out.println("插入數據成功");model.addAttribute("data","注冊成功,請登錄");return "login";} }9.前端頁面
10.login.html 登錄的頁面
<!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="請輸入用戶名" 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>11.注冊界面
<!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>注冊界面</h1><br><br><form method="get" action="/toRegisterSuccess">用戶名:<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:成功頁面
總結
以上是生活随笔為你收集整理的SpringBoot+MyBatis登录案例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue安装与配置、脚手架
- 下一篇: 利用javascript实现简体与繁体的