一、数据库配置+maven配置+前端资源映射

资源地址：https://download.csdn.net/download/zhiaidaidai/88051903

1、数据库配置

命令行输入

create database reggie character set utf8mb4;

解压资源，得到.sql文件。在新创建的数据库reggie中运行该sql文件。成功创建数据库如下：

数据库中的表及其含义：

2、maven配置

2.1 新建maven项目并配置

在IDEA中新建一个maven项目。

解压资源，将里面的pom.xml文件复制到项目里覆盖原来的pom.xml文件。

同时将里面的application.yml文件放到项目的src/main/resources路径下。最后项目结构如下：

2.2编写启动类

2.2.1：@SpringBootApplication

在java路径下新建软件包com.itheima.reggie。随后在reggie路径下创建ReggieApplication类。

 在ReggieApplication中书写如下代码：

package com.itheima.reggie;


import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class ReggieApplication {
    public static void main(String[] args) {
        SpringApplication.run(ReggieApplication.class,args);
    }
}

问题：如果@SpringBootApplication爆红。

我们首先打开项目结构，检查依赖里是否只有JDK1.8。其他都没有。

 如果确实只有jdk的依赖的话，我们右键项目->maven->reimport（重新加载项目）

之后再打开项目结构，发现依赖被导入进来，如下：

问题成功被解决。

2.2.2：@Slf4j

继续导入Slf4j注解，用于控制台输出日志信息。 

2.2.3：检查启动

右键启动，发现输出两个图标（分别是Spring和Mybatisplus）和日志信息，代表成功启动：

2.3加载前端资源

解压资源，得到backend和front两个文件夹，分别放到resources目录下。

随后在reggie目录下新建一个软件包config，再在config路径下新建一个WebMvcConfig类。

整体项目结构变成如下：

在WebMvcConfig里书写代码如下：

package com.itheima.reggie.config;

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 {
    /**
     * 设置静态资源映射，帮助找到前端资源（因为没有放在标准的static文件夹下）
     * @param registry
     */
    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry){
        log.info("开始进行静态资源映射……");
        registry.addResourceHandler("/backend/**").addResourceLocations("classpath:/backend/");
        registry.addResourceHandler("/front/**").addResourceLocations("classpath:/front/");
    }
}

 2.4启动项目

重新运行项目，待两个图标出现后，打开浏览器输http://localhost:8080/backend/index.html

看到页面为如下，说明前端资源请求成功。