Web项目实战 | 购物系统v2.0 | 开发记录（二）搭建SpringBoot+SSM框架环境 | 配置Druid+MyBatis | 基于Bootstrap实现登陆页面| 图片验证码接口

历史记录

Web项目实战 | 购物系统v2.0 | 开发记录（一）需求分析 | 技术选型 | 系统设计 | 数据表设计 | SpringBoot、SSM、Thymeleaf、Bootstrap…

Web项目实战 | 购物系统v2.0 | 开发记录（二）

一、运行环境

---

• windows10
• IDEA 2021.1 专业版
• JDK8
• SpringBoot2
• Druid 1.2.5
• Bootstrap 4.6.0
• MySQL 8
• Navicat 11

二、环境准备

---

创建 SpringBoot项目，导入相关的起步依赖、配置Druid数据源，测试数据库连接

2.1 使用 IDEA 创建SpringBoot项目

第一步，新建项目

第二步，选择需要引入的依赖，这里不选全也没事，本质上就是在pom.xml添加相关starter起步依赖，后续还可以添加其他的起步依赖

第三步，了解项目结构

SpringBoot的配置文件都必须命名为application，不过它具有三种不同的格式，有properties、yaml、yml，这里笔者使用yml格式，因为看起来整洁许多，如果同时都有配置的话，是有一个优先级的，在同一级目录下优先级（高 -> 低）为 properties -> yml -> yaml
[相关内容的笔记链接]

2.2 导入所需依赖

除了之前选择的Web、Thymeleafr、Lombok以外，还要确保有mysql、autoconfigure等依赖，具体配置如下：
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.6.3</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.uni</groupId>
    <artifactId>simple-shop-system-v2</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>simple-shop-system-v2</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-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.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </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-data-jdbc</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-autoconfigure</artifactId>
            <version>2.5.6</version>
        </dependency>

  
        <!-- Bootstrap -->
        <!-- https://mvnrepository.com/artifact/org.webjars/bootstrap -->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>4.6.0</version>
        </dependency>

    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>
                </configuration>
            </plugin>
        </plugins>
    </build>

</project>

2.3 配置Druid数据源

在pom.xml里添加相同依赖：
pom.xml

<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <scope>runtime</scope>
</dependency>
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>druid-spring-boot-starter</artifactId>
    <version>1.2.5</version>
</dependency>

application.yml

spring:
  datasource:
    username: root
    password: 数据库密码
    url: jdbc:mysql://localhost:3306/simple_shop_system_2?useUnicode=true&characterEncoding=UTF-8
    driver-class-name: com.mysql.cj.jdbc.Driver
    type: com.alibaba.druid.pool.DruidDataSource

2.4 编写Java类配置Druid

其实在导入Druid起步依赖后，它会有默认的配置注入到Spring容器的，其原理就是通过Java类进行配置，观察jar包里的源码内容：

其源码是通过注解进行配置的，而我们在配置时只需要@Configuration注解表示当前类是一个配置类就行，通过源码可以看到，其作者（来自阿里的大佬）留下了他的QQ号~

在配置Druid时需注意，需要配置哪个对象就使用该对象定义一个方法，同时用@Bean注解标记该方法，这样SpringBoot可以将方法返回的结果注入到Spring容器，即完成配置

DruidConfig.java

package com.uni.config;

import com.alibaba.druid.support.http.StatViewServlet;
import com.alibaba.druid.support.http.WebStatFilter;
import org.springframework.boot.web.servlet.FilterRegistrationBean;
import org.springframework.boot.web.servlet.ServletRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import java.util.Arrays;
import java.util.HashMap;
import java.util.Map;

@Configuration
public class DruidConfig {
   
    //配置Druid监控管理后台的servlet
    //内置Servlet容器时没有web.xml文件，所以使用springboot的注册servlet的方式
    @Bean
    public ServletRegistrationBean statViewServlet(){
   
        ServletRegistrationBean bean = new ServletRegistrationBean(new StatViewServlet(), "/druid/*")