springboot+thymeleaf+druid+mybatis 多模塊實(shí)現(xiàn)用戶登錄功能

更新時(shí)間：2020年07月15日 09:56:23 作者：不了痕

這篇文章主要介紹了springboot+thymeleaf+druid+mybatis 多模塊實(shí)現(xiàn)用戶登錄功能,本文通過示例代碼圖文相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

項(xiàng)目代碼：https://github.com/bruceq/supermarket

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

依賴關(guān)系：

common:公共層，無依賴

dao:數(shù)據(jù)層，依賴common

service：服務(wù)層，依賴dao、common

web：應(yīng)用層，依賴dao、common、service

注：啟動(dòng)類在web層中

父依賴pom

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <modules>
    <module>web</module>
    <module>dao</module>
    <module>service</module>
    <module>common</module>
  </modules>
  <parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.0.5.RELEASE</version>
    <!--<version>2.1.2.RELEASE</version>-->
    <relativePath/> <!-- lookup parent from repository -->
  </parent>
 
  <groupId>com.loan</groupId>
  <artifactId>supermarket</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <name>supermarket</name>
  <packaging>pom</packaging>
 
  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
    <java.version>1.8</java.version>
  </properties>
 
  <dependencies>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter</artifactId>
    </dependency>
 
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
 
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-test</artifactId>
      <scope>test</scope>
    </dependency>
    <!-- springboot監(jiān)控 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-actuator</artifactId>
    </dependency>
 
    <!-- 熱部署 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-devtools</artifactId>
      <optional>true</optional>
      <scope>runtime</scope>
    </dependency>
 
    <!-- 日志工具類 -->
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
    </dependency>
 
    <!-- Mybatis -->
    <dependency>
      <groupId>org.mybatis.spring.boot</groupId>
      <artifactId>mybatis-spring-boot-starter</artifactId>
      <version>1.3.1</version>
    </dependency>
 
    <!-- SpringBoot集成thymeleaf模板 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
 
    <!-- mysql -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
    </dependency>
 
    <!-- alibaba的druid數(shù)據(jù)庫連接池 -->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid-spring-boot-starter</artifactId>
      <version>1.1.10</version>
    </dependency>
 
    <!-- 分頁插件 -->
    <dependency>
      <groupId>com.github.pagehelper</groupId>
      <artifactId>pagehelper</artifactId>
      <version>5.1.2</version>
    </dependency>
 
    <!--常用工具類 -->
    <dependency>
      <groupId>org.apache.commons</groupId>
      <artifactId>commons-lang3</artifactId>
      <version>3.4</version>
    </dependency>
 
    <!--集合常用工具類 -->
    <dependency>
      <groupId>org.apache.commons</groupId>
      <artifactId>commons-collections4</artifactId>
      <version>4.2</version>
    </dependency>
 
    <!-- json處理-->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.54</version>
    </dependency>
 
    <!--驗(yàn)證碼 -->
    <dependency>
      <groupId>com.github.penggle</groupId>
      <artifactId>kaptcha</artifactId>
      <version>2.3.2</version>
    </dependency>
  </dependencies>
 
</project>

web層pom依賴：

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <parent>
    <artifactId>supermarket</artifactId>
    <groupId>com.loan</groupId>
    <version>0.0.1-SNAPSHOT</version>
    <relativePath>../pom.xml</relativePath>
  </parent>
  <modelVersion>4.0.0</modelVersion>
 
  <artifactId>web</artifactId>
  <dependencies>
    <dependency>
      <artifactId>dao</artifactId>
      <groupId>com.loan</groupId>
      <version>0.0.1-SNAPSHOT</version>
    </dependency>
    <dependency>
      <artifactId>common</artifactId>
      <version>0.0.1-SNAPSHOT</version>
      <groupId>com.loan</groupId>
    </dependency>
    <dependency>
      <artifactId>service</artifactId>
      <version>0.0.1-SNAPSHOT</version>
      <groupId>com.loan</groupId>
    </dependency>
 
  </dependencies>
  <build>
    <plugins>
      <plugin>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-maven-plugin</artifactId>
        <configuration>
          <mainClass>com.loan.supermarket.web.Application</mainClass>
          <!--<includeSystemScope>true</includeSystemScope>-->
          <layout>ZIP</layout>
        </configuration>
        <executions>
          <execution>
            <goals>
              <!--可以把依賴的包都打包到生成的Jar包中-->
              <goal>repackage</goal>
            </goals>
          </execution>
        </executions>
      </plugin>
    </plugins>
  </build>
</project>

application.properties配置：

## 數(shù)據(jù)源配置
spring.datasource.url=jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf-8&useSSL=false
spring.datasource.username=root
spring.datasource.password=
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
 
# 初始化時(shí)建立物理連接的個(gè)數(shù)
spring.datasource.druid.initial-size=5
# 最大連接池?cái)?shù)量
spring.datasource.druid.max-active=30
# 最小連接池?cái)?shù)量
spring.datasource.druid.min-idle=5
# 獲取連接時(shí)最大等待時(shí)間，單位毫秒
spring.datasource.druid.max-wait=60000
# 配置間隔多久才進(jìn)行一次檢測，檢測需要關(guān)閉的空閑連接，單位是毫秒
spring.datasource.druid.time-between-eviction-runs-millis=60000
# 連接保持空閑而不被驅(qū)逐的最小時(shí)間
spring.datasource.druid.min-evictable-idle-time-millis=300000
# 用來檢測連接是否有效的sql，要求是一個(gè)查詢語句
spring.datasource.druid.validation-query=SELECT 1 FROM DUAL
# 建議配置為true，不影響性能，并且保證安全性。申請(qǐng)連接的時(shí)候檢測，如果空閑時(shí)間大于timeBetweenEvictionRunsMillis，執(zhí)行validationQuery檢測連接是否有效。
spring.datasource.druid.test-while-idle=true
# 申請(qǐng)連接時(shí)執(zhí)行validationQuery檢測連接是否有效，做了這個(gè)配置會(huì)降低性能。
spring.datasource.druid.test-on-borrow=false
# 歸還連接時(shí)執(zhí)行validationQuery檢測連接是否有效，做了這個(gè)配置會(huì)降低性能。
spring.datasource.druid.test-on-return=false
# 是否緩存preparedStatement，也就是PSCache。PSCache對(duì)支持游標(biāo)的數(shù)據(jù)庫性能提升巨大，比如說oracle。在mysql下建議關(guān)閉。
spring.datasource.druid.pool-prepared-statements=true
# 要啟用PSCache，必須配置大于0，當(dāng)大于0時(shí)，poolPreparedStatements自動(dòng)觸發(fā)修改為true。
spring.datasource.druid.max-pool-prepared-statement-per-connection-size=50
# 配置監(jiān)控統(tǒng)計(jì)攔截的filters，去掉后監(jiān)控界面sql無法統(tǒng)計(jì)
spring.datasource.druid.filters=stat,wall
# 通過connectProperties屬性來打開mergeSql功能；慢SQL記錄
spring.datasource.druid.connection-properties=druid.stat.mergeSql=true;druid.stat.slowSqlMillis=500
# 合并多個(gè)DruidDataSource的監(jiān)控?cái)?shù)據(jù)
spring.datasource.druid.use-global-data-source-stat=true
 
# druid連接池監(jiān)控
spring.datasource.druid.stat-view-servlet.login-username=admin
spring.datasource.druid.stat-view-servlet.login-password=123
# 排除一些靜態(tài)資源，以提高效率
spring.datasource.druid.web-stat-filter.exclusions=*.js,*.gif,*.jpg,*.png,*.css,*.ico,/druid/*
 
# 端口配置
server.port=8000
 
# mybatis
mybatis.type-aliases-package=com.loan.supermarket.mapper
mybatis.mapper-locations=classpath:mapping/*.xml
mybatis.configuration.map-underscore-to-camel-case=true
 
# THYMELEAF (ThymeleafAutoConfiguration)
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
# ;charset=<encoding> is added
#spring.thymeleaf.content-type=text/html
# set to false for hot refresh
spring.thymeleaf.cache=false

前42行是對(duì)druid的基礎(chǔ)配置，包括基礎(chǔ)數(shù)據(jù)源配置，以及druid的基礎(chǔ)參數(shù)；

47~50行是mybatis中對(duì)于mapper的xml的配置，便于項(xiàng)目啟動(dòng)后掃描到xml的相關(guān)文件，xml內(nèi)寫的是項(xiàng)目相關(guān)的sql。

45行指默認(rèn)項(xiàng)目啟動(dòng)默認(rèn)端口為8000。

52行~60行是thymeleaf的基礎(chǔ)配置，thymeleaf是一種常見的模板引擎，相當(dāng)于jsp這樣的前臺(tái)代碼。

為了實(shí)現(xiàn)簡單的登錄功能，我們?cè)赾ontroller中定義一些接口方法：

package com.loan.supermarket.web.controller;
 
import com.google.code.kaptcha.impl.DefaultKaptcha;
import com.loan.supermarket.mapper.JsonObject;
import com.loan.supermarket.mapper.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;
import org.thymeleaf.util.StringUtils;
 
import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.util.ArrayList;
import java.util.Date;
 
@Controller
public class TemplateController {
 
  @RequestMapping("/index")
  public String index(Model model) {
    User user = new User();
    user.setName("張三");
    user.setId(1L);
    user.setTelephone("123456789");
    user.setPassword("@#$%^&*()");
    user.setRegisterTime(new Date());
    user.setPopedom(1);
    User user1 = new User();
    user1.setName("李四");
    user1.setId(2L);
    user1.setTelephone("2222222");
    user1.setPassword("最近是南風(fēng)天");
    user1.setRegisterTime(new Date());
    user1.setPopedom(1);
    User user2 = new User();
    user2.setName("王五");
    user2.setId(3L);
    user2.setTelephone("33333333333");
    user2.setPassword("妖姬");
    user2.setRegisterTime(new Date());
    user2.setPopedom(1);
    User user3 = new User();
    user3.setName("趙六");
    user3.setId(4L);
    user3.setTelephone("33333333333");
    user3.setPassword("過河卒");
    user3.setRegisterTime(new Date());
    user3.setPopedom(0);
    ArrayList<User> list = new ArrayList<User>();
    list.add(user);
    list.add(user1);
    list.add(user2);
    list.add(user3);
    model.addAttribute("users", list);
 
    return "index";
  }
 
  @RequestMapping("/login")
  public String login1() {
    return "login";
  }
 
  @PostMapping("/user_login")
  @ResponseBody
  public JsonObject<String> login(String username, String password, HttpServletRequest request) {
    JsonObject<String> obj = new JsonObject<String>();
    HttpSession session = request.getSession();
    if (!StringUtils.isEmpty(username) && !StringUtils.isEmpty(password)) {
      obj.setCode("0");
      User user = new User();
      user.setName(username);
      session.setAttribute("loginUser", user);
      return obj;
    }
    obj.setCode("1");
    obj.setMessage("用戶名或密碼錯(cuò)誤");
    return obj;
  }
 
  @Autowired
  private DefaultKaptcha captchaProducer;
  /**
   * 獲取驗(yàn)證碼 的 請(qǐng)求路徑
   * @param httpServletRequest
   * @param httpServletResponse
   * @throws Exception
   */
  @RequestMapping("/defaultKaptcha")
  public void defaultKaptcha(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception{
    byte[] captchaChallengeAsJpeg = null;
    ByteArrayOutputStream jpegOutputStream = new ByteArrayOutputStream();
    try {
      //生產(chǎn)驗(yàn)證碼字符串并保存到session中
      String createText = captchaProducer.createText();
      httpServletRequest.getSession().setAttribute("vrifyCode", createText);
      //使用生產(chǎn)的驗(yàn)證碼字符串返回一個(gè)BufferedImage對(duì)象并轉(zhuǎn)為byte寫入到byte數(shù)組中
      BufferedImage challenge = captchaProducer.createImage(createText);
      ImageIO.write(challenge, "jpg", jpegOutputStream);
    } catch (IllegalArgumentException e) {
      httpServletResponse.sendError(HttpServletResponse.SC_NOT_FOUND);
      return;
    }
 
    //定義response輸出類型為image/jpeg類型，使用response輸出流輸出圖片的byte數(shù)組
    captchaChallengeAsJpeg = jpegOutputStream.toByteArray();
    httpServletResponse.setHeader("Cache-Control", "no-store");
    httpServletResponse.setHeader("Pragma", "no-cache");
    httpServletResponse.setDateHeader("Expires", 0);
    httpServletResponse.setContentType("image/jpeg");
    ServletOutputStream responseOutputStream =
        httpServletResponse.getOutputStream();
    responseOutputStream.write(captchaChallengeAsJpeg);
    responseOutputStream.flush();
    responseOutputStream.close();
  }
 
 
  /**
   * 驗(yàn)證的方法
   * @param httpServletRequest
   * @param httpServletResponse
   * @return
   */
  @RequestMapping("/imgvrifyControllerDefaultKaptcha")
  public ModelAndView imgvrifyControllerDefaultKaptcha(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse){
    ModelAndView andView = new ModelAndView();
    String captchaId = (String) httpServletRequest.getSession().getAttribute("vrifyCode");
    String parameter = httpServletRequest.getParameter("vrifyCode");
    System.out.println("Session vrifyCode "+captchaId+" form vrifyCode "+parameter);
 
    if (!captchaId.equals(parameter)) {
      andView.addObject("info", "錯(cuò)誤的驗(yàn)證碼");
      andView.setViewName("index");
    } else {
      andView.addObject("info", "登錄成功");
      andView.setViewName("success");
    }
    return andView;
  }
}

搭配前臺(tái)的代碼一起分析：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>顯示學(xué)生信息</title>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <link th:href="@{/bootstrap/bootstrap.css}" href="../static/bootstrap/bootstrap.css" rel="stylesheet"/>
  <link th:href="@{/bootstrap/bootstrap-theme.css}" href="../static/bootstrap/bootstrap-theme.css"
     rel="stylesheet"/>
  <script th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js"></script>
  <script th:src="@{/js/bootstrap.min.js}" src="../static/js/bootstrap.min.js"></script>
  <script type="text/javascript">
    $(function () {
      $("#submit").click(function () {
        $.post("/user_login", $("#loginForm").serialize(), function (data) {
          if (data.code == "0") {
            window.location.href = "/index";
          } else if (data.code == "1") {
            $("#tick").text(data.message).css("color", "red");
          }
        })
      });
    });
  </script>
</head>
<body>
<div class="container">
  <div class="row">
    <form class="form-horizontal" id="loginForm">
      <div class="col-md-4">
        <div class="panel panel-primary">
          <div class="panel-heading text-center">
            <span class="panel-title">學(xué)生信息</span>
          </div>
          <div class="form-group">
            <label for="username" class="col-sm-3 control-label" style="color: red">賬&nbsp;號(hào):</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="username" name="username" placeholder="請(qǐng)輸入賬號(hào)">
            </div>
          </div>
          <div class="form-group">
            <label for="password" class="col-sm-3 control-label" style="color: red">密&nbsp;碼:</label>
            <div class="col-sm-8">
              <input type="password" class="form-control" id="password" name="password"
                  placeholder="請(qǐng)輸入密碼">
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-10 control-label" style="color:red;text-align: center"
                id="tick">&nbsp;</label>
          </div>
          <div class="form-group">
            <form action="imgvrifyControllerDefaultKaptcha">
              <div class="col-sm-8">
                <input type="text" name="vrifyCode" class="form-control"/>
              </div>
              <img alt="驗(yàn)證碼" onclick="this.src='defaultKaptcha?d='+new Date()*1"
                 src="defaultKaptcha">
              </br>
            </form>
          </div>
          <div class="form-group">
            <div class="col-sm-8">
              <button type="button" id="submit" class="btn btn-default">登錄</button>
            </div>
          </div>
 
          <div class="panel-footer text-right">
            <span class="panel-title">大俠工作室@2108</span>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
</body>
</html>

在項(xiàng)目啟動(dòng)后，訪問http://localhost:8000/login，進(jìn)入到登錄頁面，首先加載必要的css和js資源，在填寫好用戶名、密碼后，點(diǎn)擊登錄，會(huì)執(zhí)行user_login的接口方法，簡單的對(duì)用戶進(jìn)行校驗(yàn)，即可進(jìn)入首頁。

其次要說的是這個(gè)項(xiàng)目中，添加了驗(yàn)證碼的功能，使用了kaptcha的依賴。在登錄界面中，增加了驗(yàn)證碼的顯示，點(diǎn)擊驗(yàn)證碼圖片后，可以切換驗(yàn)證碼。

登錄界面

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

您可能感興趣的文章: