开发环境搭建

一、数据库环境搭建

（一）启动Navicat

• 启动Navicat，创建mysql连接
• 

（二）数据库设计

• 思维导图直观呈现

（三）创建数据库

• 创建项目需要的数据库 - reggie，字符集采用utf8mb4
• 单击【确定】按钮

（四）导入数据库脚本

• 导入数据库脚本：db_reggie.sql

链接：百度网盘 请输入提取码 提取码：jnw5

 

（五）查看数据库中的表

• 数据库reggie包含11张表

二、Maven项目搭建（一）创建Maven项目

• 单击【Finish】按钮

（二）检查检查项目编码、maven仓库配置以及jdk配置

• 创建完项目之后，我们应该检查项目编码、maven仓库配置以及jdk配置
• 安装maven软件

  

• 配置maven的环境变量

• 检验maven环境变量是否配置成功

• 在maven配置文件添加阿里镜像源

  

• 检查IntelliJ IDEA里maven仓库的配置
• 检查jdk配置情况

 

 

（三）添加项目相关依赖和插件

• 在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
         http://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.7.4</version>
        <relativePath/>
    </parent>
    <groupId>net.hw</groupId>
    <artifactId>ReggieTakeOut</artifactId>
    <version>1.0-SNAPSHOT</version>
    <properties>
        <java.version>11</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-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <scope>compile</scope>
        </dependency>
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.2.0</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.24</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba.fastjson2</groupId>
            <artifactId>fastjson2</artifactId>
            <version>2.0.14</version>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
            <version>3.12.0</version>
        </dependency>
        <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.12</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>2.7.4</version>
            </plugin>
        </plugins>
    </build>
</project>

（四）创建应用属性文件

• 在resources目录下创建应用属性文件 - application.yml

#配置服务器
server:
  port: 8080  #端口号

#配置Spring框架
spring:
  application: ReggiedTakeOut #应用名称
  datasource: #数据源
    druid: #druid数据源
      driver-class-name: com.mysql.cj.jdbc.Driver #数据库驱动程序
      url: jdbc:mysql://localhost:3306/reggie #数据源地址
      username: root #用户名
      password: 903213 #密码

#配置mybatis-plus插件
mybatis-plus:
  configuration: #配置
    map-underscore-to-camel-case: true #将字段名映射成实体属性时，转换下划线，按照驼峰命名法映射
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #日志实现类
  global-config: #全局配置
    db-config: #数据库配置
      id-type: auto #数据库ID自增

（五）安装lombok插件

在设置对话框里找到plugins，搜索lombok，单击绿色的Install按钮

（六）创建启动主类

创建net.hw包，然后在包里创建ReggieTakeOutApplication类

 

package net.hw;

import lombok.extern.slf4j.Slf4j;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * 功能：项目启动类
 * 作者：华卫
 * 日期：2022年10月20日
 */
@Slf4j
@SpringBootApplication
public class ReggieTakeOutApplication {
    public static void main(String[] args) {
        SpringApplication.run(ReggieTakeOutApplication.class, args);
        log.info("瑞吉外卖项目启动成功~");
    }
}

运行程序，查看效果

 （七）拷贝静态资源和模板页面

• 在前端资源里找到backend与frontend目录

  

• 将这两个目录拷贝到resources目录

​​​​​​​

（八）创建MVC配置类，做静态资源映射

• 创建config子包，在包里创建`WebMvcConfig`类

 

package net.luog.config;

/*
功能：MVC配置类（静态资源映射）
作者：luog
*/

import lombok.extern.slf4j.Slf4j;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;

@Slf4j
@Configuration
public class WebMvcConfig extends WebMvcConfigurationSupport {
    /*
    添加处理器，进行静态资源映射
    @param registry
    */
    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry) {
        log.info("进行静态资源映射。。。。");
        registry.addResourceHandler("/backend/**").addResourceLocations("classpath:/backend/");
        registry.addResourceHandler("/front/**").addResourceLocations("classpath:/front/");
    }
}

测试能否访问模板页面 - 后端的首页 - index.html

启动应用，在浏览器里访问http://localhost:8080/backend/index.htm

​​​​​​​