开发工具

Springboot 项目

毕设常见三种 Spring Boot 项目类型 · 导入前请先对照结构判断

本站源码中的 Springboot 项目主要分为以下 三种类型,请根据项目目录结构选择对应安装包与导入教程。 三种类型的开发工具安装包相互独立,请按类型下载。

类型一

单体 Spring Boot · Thymeleaf / JSP 等传统 Web 项目

  • 前后端一体,无独立 Vue 前端工程
  • 页面在 src/main/resources/templates(Thymeleaf)或 webapp(JSP)
  • 启动 Spring Boot 主类即可,浏览器访问后端端口

导入后找到带 @SpringBootApplication 的启动类,配置好数据库后运行即可。

123 云盘
百度网盘 提取码 9090
CSDN 教程
类型二

Springboot 内嵌 Vue 项目(admin / front/整体运行/分离运行)

  • 前端 Vue 已打包进后端,位于 src/main/resources/admin 或 src/main/resources/front
123 云盘
百度网盘 提取码 8080

(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 云盘