因为后台使用SpringBoot框架本身内嵌了Tomcat，并且我自己在新建项目的时候是以打成jar包的方式创建的。所以只需要最后运行jar包即可。

（1）引入模板引擎依赖

在pom.xml文件引入thymeleaf模板引擎依赖

  <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
      <version>2.6.6</version>
  </dependency>

在application.properties文件配置

spring.thymeleaf.mode=HTML
#开发过程关闭，默认开启
#spring.thymeleaf.cache=false
spring.thymeleaf.encoding=utf-8

（2）将前端代码复制到Springboot项目resource资源下

将html文件放入templates文件夹下，css、img和js文件放到static文件夹下。如图所示。

由于Springboot自动配置的原理，默认资源映射规则，当访问项目中的任意资源（即“/**”）时，Spring Boot 会默认从以下路径中查找资源文件（优先级依次降低）：classpath:/META-INF/resources/
classpath:/resources/ classpath:/static/ classpath:/public/
所以需要将index.html文件引入css和js的路径修改成下图

（3）创建Controller控制器类

将index.html文件映射到localhost:端口号/index上。注意类注解是@Controller不能是@RestController

@Controller
public class IndexControlller {

    @GetMapping("/index")
    public String indexStart(){
        return "index";
    }

}

（4）打包发布

添加插件

 <plugin>
    <groupId>org.apache.maven.plugins</groupId>
    <artifactId>maven-resources-plugin</artifactId>
    <version>3.1.0</version>
</plugin>

点击Maven，再package

成功之后在target下会出现jar包。

如果出现这种错误

与许多其他错误不同，此异常不是由 Maven 核心本身生成的，而是由插件生成的。根据经验，插件使用此错误来表示其配置或从 POM 检索到的信息中存在问题。

只要改下前面插件的版本就行

进入jar包所在文件，java -jar xxx.jar即可。

如果有云服务，输入下行代码

nohup java -jar xxx.jar &

再输入exit，就可以让jar包一直跑了。

最后看下是否成功，在浏览器输入
localhost:8080/index。
8080端口号是默认的，看你是否在配置文件修改了端口号。