本站源码中的 Springboot 项目主要分为以下 三种类型,请根据项目目录结构选择对应安装包与导入教程。 三种类型的开发工具安装包相互独立,请按类型下载。
单体 Spring Boot · Thymeleaf / JSP 等传统 Web 项目
- 前后端一体,无独立 Vue 前端工程
- 页面在
src/main/resources/templates(Thymeleaf)或webapp(JSP) - 启动 Spring Boot 主类即可,浏览器访问后端端口
导入后找到带 @SpringBootApplication 的启动类,配置好数据库后运行即可。
类型一 · 专用安装包
Spring Boot 图文导入教程
CSDN 教程
Springboot 内嵌 Vue 项目(admin / front/整体运行/分离运行)
- 前端 Vue 已打包进后端,位于
src/main/resources/admin或src/main/resources/front
类型二 · 专用安装包
(1)前后端一起运行
- 只启动 Spring Boot,访问后端地址即可
- 后台路径地址:
localhost:8080/项目名称/admin/dist/index.html - 前台路径地址:
localhost:8080/项目名称/front/dist/index.html
导入视频教程
(2)前后端分开运行
- 将前端 Vue 的
admin或front单独复制出来,位于src/main/resources/admin或src/main/resources/front - 后端照常启动;前端在对应 Vue 源码目录执行
npm install、npm run serve - Node 版本建议使用 14
- 若
npm install无法下载依赖:① 删除package-lock.json后重试npm install② 直接使用安装包里面提供的node_modules
导入视频教程
普通 Springboot + Vue 前后端分离项目
- 后端 Spring Boot 与前端 Vue 为两个独立工程/文件夹
- 分为普通 Springboot + Vue 与 Springboot + Vue3 两种常见形态
- 需分别启动:先起后端 Springboot,再起前端
npm run serve或dev - 前端通过接口地址访问后端 API,注意跨域与
application.yml配置
类型三的导入教程与开发工具安装包见下方链接。
类型三 · 开发工具与导入教程
123 云盘