Bootstrap

Springboot + vue 健身房管理系统项目部署

1、前言

​ 许多人在拿到 Spring Boot 项目的源码后,不知道如何运行。我以 Spring Boot + Vue 健身房管理系统的部署为例,详细介绍一下部署流程。大多数 Spring Boot 项目都可以通过这种方式部署,希望能帮助到大家。

2、项目查看

​ 首先,拿到源码后,我们需要检查是否包含 SQL 文件。很多人在 GitHub 上找到一些课程设计项目,但没有注意到 SQL 文件的存在。SQL 文件非常重要,没有它项目无法运行。根据项目重新创建 SQL 文件会很困难,因此最方便的方法是寻找包含 SQL 文件的项目。

根据目录,我们可以看出来,前端采用的是vue

同时它是有sql文件的存在的

3、项目部署
3.1、后端部署

使用idea打开FitnessSystem文件

打开之后,我们需要做几个步骤

1、修改你的jdk版本

点击你的file —> Project Structure

选择项目的jdk版本

2、修改maven仓库

这步骤其实可做可不做,因为idea有自带的maven仓库,但是会比较慢,如果你本地有maven建议修改成本地的maven

在设置里面修改成本地的maven仓库

查看application.yml

查看application.yml文件可以看的出来项目用了什么技术

spring:
  datasource:
    username: root
    password: 123456
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://localhost:3306/fitting
mybatis:
  mapper-locations: classpath:mapper/*.xml

logging:
  level:
    com.easy.dao: debug

配置片段,可以看出来使用 MySQL 和 MyBatis。下面是配置的详细说明:

  • 用户名: root
  • 密码: 123456
  • 驱动类名: com.mysql.jdbc.Driver (注意:对于新版本,使用 com.mysql.cj.jdbc.Driver
  • URL: jdbc:mysql://localhost:3306/fitting
  • fitting则是数据库的名称

MyBatis 配置

  • Mapper 位置: classpath:mapper/*.xml (指定 MyBatis 查找映射 XML 文件的位置)

日志配置

  • com.easy.dao 的日志级别: debug (将指定包的日志级别设为调试模式,便于开发时查看详细日志)

刷新pom.xml文件

查看自己的pom文件,确保依赖已经导入,并没有爆红

配置数据库

刚刚从application.yml文件中,可以看出数据库名称是fitting,记住这里的username和password要修改成你自己数据库的密码

image-20241120162212554

打开数据库工具,有很多:navicat、sqlyog、HeidiSQL,我这边使用的是HeidiSQL

但是,这里并不要直接导入,我们先打开sql文件看一眼,可以看到,sql文件并没有写创建数据库的语句,所以我们需要先创建fitting数据库

image-20241120162432993

CREATE DATABASE fitting;

image-20241120162736643

之后再运行sql文件,或者直接把sql文件里面的语句复制运行,在运行前,我们需要先指定数据库

use 数据库名称;

image-20241120162922917

3.2、前端部署

前端刚刚已经看过了是个vue项目,我们可以用开发工具打开目录

vscode、webStorm,我个人比较喜欢webStorm,而且学生可以申请免费

打开项目,我们先查看他的package.json

image-20241120163251400

可以看出来这是一个vue3的项目,如果不出现版本冲突,前端一般都比较容易部署

vue3通常需要node版本12以上,这里如果没有环境可以去搜nodejs环境配置

打开终端,我们需要先安装依赖

npm instll

image-20241120163611961

安装完成他会多出来node_modules目录

之后通过npm run dev运行项目

image-20241120163742643

访问local路径

image-20241120163817325

最后我们去启动后端Springboot项目

image-20241120163852064

可以到数据库里面查看一下账号密码,登录就好了

;