Springboot+Vue项目启动流程

本文详细描述了如何从安装数据库(MySQL)和配置中间件(如Redis),到分析后端配置文件并安装必要的运行环境,再到前端的NPM环境配置和项目启动步骤。包括JDK、MySQL、Navicat、Redis等安装教程和注意事项。

前置资料(按需)
mysql8安装教程,点击前往
JDK1.8安装和环境配置教程,点击前往
nvm安装教程


Springboot+Vue项目启动流程

1. Mysql数据库安装

mysql的可视化工具navicat的安装点击此处跳转navicat安装教程

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

2. SpringBoot后端运行

首先判断项目所需要怎样的运行环境、中间件,可以通过项目的配置文件(就是后端代码resource包下面的.yml或者.yaml文件,如下图)分析。
在这里插入图片描述

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

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

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

以上的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,利于版本之间的管理

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
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老哥不老

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值