环境部署

后端配置

准备工作

JDK 1.8 
MySql 5.7+ 或 MySql8.0
Redis 4.0+

关于环境安装，请自行百度，类似的资料比较多，后续我们也将提供相应的资料下载及安装视频

运行项目

1、下载项目到本地
Gitee: https://gitee.com/vandc/yf-boot
Github: https://github.com/yf-team/yf-boot

.
├── LICENSE
├── README.md
├── db.sql             // 数据库脚本
├── yf-boot-api        // 后端项目
└── yf-boot-vue        // 前端项目

2、导入后端项目到IDEA
File --> Open --> 选择/yf-boot-api/pom.xml --> 在弹出的对话框选择以项目方式打开

3、导入数据库结构
创建数据库yf-base --> 导入工程目录中的db.sql文件

4、配置数据库连接
打开配置文件：/yf-boot/yf-boot-api/src/main/resources/application-dev.yml，默认开发配置文件为：application-dev.yml，后续您也可以根据自己项目要求增加相应的配置，如：application-prod.yml 表示生产环境

spring:
  # 数据库配置
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/yf-boot?useSSL=false&serverTimezone=Asia/Shanghai
    username: root
    password: root
    # druid相关配置
    druid:
      max-active: 5000
      initial-size: 20
      min-idle: 5
      async-init: true
      # 监控统计
      filters: stat,wall
      filter:
        stat:
          log-slow-sql: true
          slow-sql-millis: 5000
        wall:
          config:
            create-table-allow: false
            alter-table-allow: false
            drop-table-allow: false
            truncate-allow: false

您需要将以上数据库配置修改为您自己的真实数据库及账号密码

5、配置Redis
还是以上的配置文件，下方为Redis配置

  # Redis配置
  redis:
    database: 0
    host: localhost
    port: 6379
    password:
    timeout: 5000

Redis安装好以后，默认就是以上配置，无需作任何改动，如果您配置了Redis端口和密码，修改为您配置的即可

6、运行项目
打开项目，运行com.yf.BootApplication.java，出现以下标识则表示运行成功。

JeeGen管理系统启动成功，访问路径如下:
本地路径: http://localhost:8080/
网络地址: http://127.0.0.1:8080/
API文档: http://127.0.0.1:8080/doc.html

7、查看项目
打开浏览器，输入：http://127.0.0.1:8080/doc.html 则可以预览到全部接口状态，此接口可以提供给前端开发人员对接调用。

此时，我们无法看到前端页面，因为项目是前后端分离的，后端项目仅包含业务接口，接下来继续部署前端项目。

前端部署

准备工作

NodeJs 16

建议使用Node16左右版本，不要追求最新版本，node版本、npm版本、node-sass版本需要匹配才可以正常工作，不匹配可能出现一些莫名其妙的问题，以下为作者本机环境，如下：

node -v
v16.18.0

npm -v
8.19.2

具体node与node-sass版本对应如下：

NodeJS	Supported node-sass version	Node Module
Node 17	7.0+	102
Node 16	6.0+	93
Node 15	5.0+, <7.0	88
Node 14	4.14+	83
Node 13	4.13+, <5.0	79
Node 12	4.12+	72
Node 11	4.10+, <5.0	67
Node 10	4.9+, <6.0	64
Node 8	4.5.3+, <5.0	57
Node <8	<5.0	<57

数据来源https://github.com/sass/node-sass

运行项目

1、编译项目

# 进入工程目录
cd yf-boot-vue

# 安装依赖
pnpm install

# 本地开发 启动项目
pnpm run dev

# 打包发行
pnpm run build:pro

2、访问项目
如果正常启动，能在控制台看到类似如下内容:

App running at:
- Local:   http://localhost:3000/ 
- Network: http://192.168.3.25:3000/

打开浏览器，输入http://localhost:3000，账号密码都为admin