花了大概五天左右，前端用vue+axios，后端为SSM，IDE是Intellij IDEA，完成了这个项目。 BootStrap的版本我用的5，差别和3不大，各位可参考官方文档

我将原教程的依赖全部升级到了Spring6，Tomcat版本更新到了10。我完成项目时本身是用的老师自带的依赖以及Tomcat8，但是突发奇想就去升级了一波，没想到成功了。

我将升级依赖前的项目代码也放在这里，但是这个项目之中是用了Thymeleaf视图解析器，而不是InternalResourceResovler。然而我在HTML页面唯一用到thymeleaf的也就是@{}表达式，它的确很方便。我在升级后的项目中移除了thymeleaf视图解析器，替换为了InternalResourceResolver，并在HTML页面中设置了<base>标签，以便访问静态资源。

整体配置和教程几乎一样，不同的只是前端的实现过程是vue+axios实现的。另外我的vue也只是初学水平，所以代码肯定会有冗余，只是给大家提供一个参考。

Spring6, Tomcat10版代码链接：
链接：pan.baidu.com/s/1JoaPM5A-… 提取码：63pk

原教程依赖，但用了thymeleaf视图解析器的链接:
链接：pan.baidu.com/s/1B6HTbxlE… 提取码：z90u

提示：

我的数据库驱动为Mysql 8.0.31,因此依赖为

<dependency>
  <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
   <version>8.0.31</version>
</dependency>

如果你们的数据库版本不同，请自己行更改依赖版本
我用的Druid数据库连接池，并非课程中的c3p0

resources/jdbc.properties为数据库连接文件，里面的属性可自行更改；

Application Context Root我设置为了/ssm，并且axios中的url都带有`/ssm'，可根据自己需要更改。

resources目录下的各个文件作用解释

• applicationContext.xml是Spring的配置文件
  

• mapper文件夹是存放MyBatis MapperXML文件的目录；
  

• generatorConfig.xml是MyBatis逆向工程的配置文件
  

• jdbc.properties存放了连接数据库的各个属性
  

• log4j.xml是log4j的配置文件
  

• logback.xml是slf4j的一个实现，即logback的配置文件
  

• mybatis-config.xml是MyBatis的核心配置文件

• springmvc.xml是SpringMVC的配置文件

对应的尚硅谷教程链接：

【尚硅谷SSM实战演练丨ssm整合快速开发CRUD】 www.bilibili.com/video/BV17W…

如果有什么问题，请回复，一起加油学习！