Springboot+Vue项目启动流程

Springboot+Vue项目启动流程

1. Mysql数据库安装

mysql8安装教程点击此处跳转mysql安装教程，还有mysql的可视化工具navicat的安装以及破解教程点击此处跳转navicat安装教程

以上安装完成之后，即可以进去navicat，右键新建数据库，然后输入数据库名字，然后运行项目中附带的.sql文件，这样就有了项目运行的数据库文件。

2. SpringBoot后端运行

首先判断项目所需要怎样的运行环境、中间件，可以通过项目的配置文件（就是后端代码resource包下面的.yml或者.yaml文件，如下图）分析。

2.1 安装项目运行的必要环境

必要的运行环境就是指不管运行哪一个毕设项目都需要安装的环境。

通常项目所必须的运行环境是jdk（一般是1.8的版本）、数据库（毕设项目正常的mysql8），剩下的就可以视项目而定。

• jdk安装教程点击此处跳转jdk安装教程
• 数据库的安装，参照第一步

以上的jdk、mysql、navicat文章中的网盘下载资源要是过期了，可以去搜类似的安装教程，大体上一致即可。

2.2 分析配置文件，下载对应的中间件

必要运行环境安装好了，就查看配置文件，视项目而定安装中间件。

server:
  port: 9090 # 后端运行起来的时候对外开放的端口，计算机应用程序都有一个对外开放的端口
spring:
# 以下的数据库的配置，通常仅需要将密码改成自己的数据库密码
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/rongxiaotong?serverTimezone=GMT%2B8&useUnicode=true&characterEncodeing=UTF-8&useSSL=false
    username: root
    password: 123456 # 通常仅需要将密码改成自己的数据库密码
  jackson:
    time-zone: GMT+8
# 以下的redis的配置，通常不需要改动什么，除非自己给redis设定了密码
  redis:
    host: localhost
    port: 6379
    password: 
# 以下是servlet的配置，可以不配
  servlet:
    multipart:
      enabled: true
      max-file-size: 500MB
      max-request-size: 500MB
  application:
    name: uploadService8007
  resources:
    static-locations: file:d:/guotao/file/order,file:d:/guotao/file/avatar,file:d:/guotao/file/video
  mvc:
    static-path-pattern: /file/**
application:
    upload-path: d:/guotao/file
# mybatis配置
mybatis-plus:
  global-config:
    db-config:
      id-type: auto
# 以下的打开配置，让数据库的运行日志打印在控制台
  configuration:
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
    map-underscore-to-camel-case: true
  mapper-locations: mapper/**/*.xml
  type-aliases-package: com.qst.crop.entity

观察发现，这个配置文件有redis的配置，所以需要额外的安装Redis缓存点击跳转redis安装

通常来说，后端代码到这，就可以运行起来了，还有就是项目是否应用了redis，可以观察配置文件，除了redis，正常也不会应用到其他的中间件。

2.3 启动项目

在安装好必要的环境之后，就是项目的启动。确保mysql是启动的状态（要是报错没有启动，则参照下面的redis的启动过程），通常来讲，只需要点击运行按钮即可。然后控制台要是没有报错，并且控制台打印了上面配置文件中的server:port: 90909090端口号即代表项目启动成功。

2.3.1 额外的启动（redis）

有时候启动会报错，就是比如说有个127.0.0.1:6379的错误，那就是redis没有启动，redis的启动仅需在window的搜索框里输入服务，然后进入服务页面，找到redis服务，启动即可。启动之后再执行上一步（2.3）即可。

点击启动redis（mysql）服务，同时也可以设置开机启动，这样就不用每次启动项目都来这里打开。

3. Vue前端运行

3.1 安装项目运行的必要环境

建议先安装nvm，然后里用nvm安装npm，利于版本之间的管理

• nvm的安装以及配置点击跳转nvm安装和配置教程，内附有nvm安装npm的教程
• npm的安装，参照上面的资料

3.2 前端初始化

1. 打开终端（如下图）
   
2. 输入npm install，执行完成之后要是没报错就初始化成功了，
   

要是报错了，可能有以下几个原因

• 可能是node版本的问题，如下图，当前应用的node版本是14.5.0，项目可能需要更高或者更低的版本，可以将控制台的报错搜索以下，然后切换node的版本
• 可能的npm镜像问题，可以设置新的淘宝镜像，或者关闭certificate

npm set strict-ssl false

3.3 启动

要是npm install没有报错，输入npm run serve即可以启动成功。有些是npm run dev这个可以参照package.json这个文件夹，看scripts里面是有serve还是dev，然后选择对应的启动指令。

• 如果是dev——> npm run dev
• 如果是serve ——> npm run serve
  

关于我

+🐧：1902317191

点击跳转毕设合集