【JeecgBoot-Vue3】第1节 源码下载和环境安装与启动

目录

一. 资料

1. 源码下载

2. 官网启动文档

二、 前端开发环境安装

2.1 开发工具

2.2 前后端代码下载

2.3 前端启动

Step 1：安装nodejs + npm

Step 2：配置国内镜像（这里选阿里）

Step 3：安装yarn

Step 4：webstorm打开前端项目

 Step 5：启动项目

二、 后端开发环境安装

3.1 后台下载

Step 1：idea打开项目，maven加载依赖

Step 2：运行sql脚本（db目录，可以修改数据库名称mysql）

Step 3：修改连接信息：修改mysql和redis的连接信息

Step 4：启动后端：JeecgSystemApplication

Step 5：修改前端文件中后台对接地址（文件在.env.development，可省略）

Step 6：刷新vue2切换vue3的升级sql脚本

Step 7：重启前端：重新启动前端（第一次启动很慢）

Step 8：登录：登录后admin-角色授权（全部）--刷新页面

三、报错处理

1.  后端报错 Table ‘XXXX.QRTZ_TRIGGERS‘ doesn‘t exist

2.  如果mysql使用docker安装，问题1修改后仍然报错Table ‘XXXX.QRTZ_TRIGGERS‘ doesn‘t exist

四、说明

1.  后端 context-path 若更改， .env.development 标记处需同步更改

2.  前端 .env.development 中 VITE_GLOB_API_URL 若更改， mock中util .ts标记处需同步更改

---

一. 资料

1. 源码下载

• github https://github.com/jeecgboot/jeecgboot-vue3
• gitee 后端：https://gitee.com/jeecg/jeecg-boot
• gitee 前端：https://gitee.com/jeecg/jeecgboot-vue3

2. 官网启动文档

• 前端：项目介绍 · JeecgBoot Vue3前端文档 · 看云
• 后端：IDEA导入项目 · JeecgBoot 开发文档 · 看云

二、 前端开发环境安装

2.1 开发工具

• 后端：IDEA
• 前端：Webstorm、VScode

2.2 前后端代码下载

• 下载解压即可
• VUE3和VUE2共用后端

2.3 前端启动

Step 1：安装nodejs + npm

Step 2：配置国内镜像（这里选阿里）

Step 3：安装yarn

npm install -g yarn

Step 4：webstorm打开前端项目

 Step 5：启动项目

yarn install 后点击 serve

二、 后端开发环境安装

3.1 后台下载

Step 1：idea打开项目，maven加载依赖

Step 2：运行sql脚本（db目录，可以修改数据库名称mysql）

Step 3：修改连接信息：修改mysql和redis的连接信息

 

Step 4：启动后端：JeecgSystemApplication

        能访问swagger-ui，表示后端启动成功

        不要在意目前报错，后续开启其他功能，报错信息消失

Step 5：修改前端文件中后台对接地址（文件在.env.development，可省略）

Step 6：刷新vue2切换vue3的升级sql脚本

alter table sys_permission rename as sys_permission_v2;
alter table sys_permission_v3 rename as sys_permission;

Step 7：重启前端：重新启动前端（第一次启动很慢）

Step 8：登录：登录后admin-角色授权（全部）--刷新页面

账号密码：admin  密码：123456

 角色管理 > admin用户的授权>三个点全选 >保存并关闭

三、报错处理

1.  后端报错 Table ‘XXXX.QRTZ_TRIGGERS‘ doesn‘t exist

问题： 数据库中有这张表 qrtz_triggers ，但还是报这个错

原因：这个错报的是在数据库下面没有这个表 【QRTZ_TRIGGERS】，其实数据库中有的是 【qrtz_triggers】。区别在于一个是大写，一个是小写。默认情况下，mysql是区分大小写的，所以为了避免这种问题，就需要把 mysql 的区分大小写的属性给修改了。

解决办法：

1. 用root登录，修改 /etc/my.cnf；
2. 在[mysqld]节点下，加入一行： lower_case_table_names=1
3. 重启MySQL即可

2.  如果mysql使用docker安装，问题1修改后仍然报错Table ‘XXXX.QRTZ_TRIGGERS‘ doesn‘t exist

解决办法：可以修改 docker-compose.yaml 文件 command: --lower_case_table_names=1

version: '3.1'

services:
  mysql:
    image: mysql:5.7.28
    container_name: mysql
    ports:
      - 3306:3306
    restart: always
    environment:
      TZ: Asia/Shanghai
      MYSQL_ROOT_PASSWORD: xxxxxxxx
    command:
      --max_connections=16000
      --max_user_connections=2000
      --interactive_timeout=1200000
      --wait_timeout=1200000
      --character-set-server=utf8mb4
      --collation-server=utf8mb4_general_ci
      --default-authentication-plugin=mysql_native_password
      --lower_case_table_names=1
    volumes: 
      - ./data:/var/lib/mysql
      - ./conf/my.cnf:/etc/mysql/my.cnf
    deploy:
      resources:
        limits:
          memory: 2G
        reservations:
          memory: 1G

networks:
  default:
    external:
      name: xph-network

四、说明

1.  后端 context-path 若更改， .env.development 标记处需同步更改

• 这里后端没有修改项目context-path所以不用更改

•  context-path 若更改， .env.development 标记处需同步更改

2.  前端 .env.development 中 VITE_GLOB_API_URL 若更改， mock中util .ts标记处需同步更改