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

embedded/2024/11/22 4:39:49/
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: rootpassword: 123456driver-class-name: com.mysql.jdbc.Driverurl: jdbc:mysql://localhost:3306/fitting
mybatis:mapper-locations: classpath:mapper/*.xmllogging: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

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


http://www.ppmy.cn/embedded/139525.html

相关文章

Linux应用项目之量产工具(四)——UI系统

前言 前面我们完成了量产工具的显示、输入和文字系统,如下: 量产工具(一)——显示系统 量产工具(二)——输入系统 量产工具(三)——文字系统 项目框架 本节我们来实现量产工具的…

【大数据学习 | flume】flume Sink Processors与拦截器Interceptor

1. Failover Sink Processor 故障转移处理器可以同时指定多个sink输出,按照优先级高低进行数据的分发,并具有故障转移能力。 需要修改第一台服务器agent a1.sourcesr1 a1.sinksk1 k2 a1.channelsc1 a1.sources.r1.typenetcat a1.sources.r1.bindworker…

word转pdf保存高清图技巧

1. PPT编辑的图片转矢量图&#xff0c;导入word 2.PPT的图全选复制到visio&#xff0c;再从visio复制到word 3.使用adboe PDF word插件&#xff0c;另存为ADOBE PDF。 图片保存质量 另存为DPF< 导入PDF < 另存为ADOBE PDF 但是ADOBE PDF有时候图片保存出来会一片空白…

uni-app获取安全区域

2024年8月2日 使用自定义导航栏的uni-app项目在真机演示时&#xff0c;可能会出现页面内容被手机的刘海或者状态栏给遮挡了&#xff0c;或者在小程序上给胶囊按钮给档住了。这时候就需要获取刘海屏状态了和胶囊按钮的高度来获取安全渲染区域. 1. CSS内置变量 来自uni-aap官网&…

32.2 prometheus倒排索引统计功能

本节重点介绍 : 获取采集端的高基数metrics的tsdb页面解析tsdb统计函数Stats源码解读 依赖倒排索引统计 获取采集端的高基数metrics tsdb页面解析 Top 10 label names with value count&#xff1a; 标签中value最多的10个Top 10 series count by metric names&#xff1a…

如何提高代理IP的并发能力

在数据采集的领域&#xff0c;时间就是金钱&#xff0c;效率就是生命。代理IP的并发能力直接关系到我们能否快速、高效地获取数据。那么&#xff0c;如何提高代理IP的并发能力呢&#xff1f;今天&#xff0c;我们就来聊聊这个话题&#xff0c;为你的数据采集项目提速。 并发&a…

Vue项目开发 element-UI 前端实现 1到10排列选择的按钮

在 Element UI 中&#xff0c;你可以通过 el-button 来实现按钮的排列选择&#xff0c;例如让用户选择 1 到 10 之间的数字。为了实现这一功能&#xff0c;我们可以使用 v-for 来动态生成 1 到 10 的按钮&#xff0c;并通过按钮点击事件来更新所选的数字。 以下是一个基本的实…

【高等数学学习记录】隐函数及由参数方程所确定的函数的导数、相关变化率

一、知识点 &#xff08;一&#xff09;隐函数的导数 显函数 对于形如 y s i n x ysinx ysinx 这种等号左端是因变量&#xff0c;右端是含有自变量的式子&#xff0c;当自变量取定义域内任一值时&#xff0c;由这个式子能确定对应的函数值&#xff0c;这种方式表达的函数叫做…