当前位置: 首页 > news >正文

【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:

Step 4:修改连接信息:修改mysql和redis的连接信息

Step 5:启动后端:JeecgSystemApplication

Step 6:修改前端文件中后台对接地址(文件在.env.development,可省略)

Step 7:刷新vue2切换vue3的升级sql脚本

Step 8:重启前端:重新启动前端(第一次启动很慢)

Step 9:登录:登录后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:

Step 4:修改连接信息:修改mysql和redis的连接信息

Step 5:启动后端:JeecgSystemApplication

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

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

Step 6:修改前端文件中后台对接地址(文件在.env.development,可省略

Step 7:刷新vue2切换vue3的升级sql脚本

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

Step 8:重启前端:重新启动前端(第一次启动很慢)

Step 9:登录:登录后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.28container_name: mysqlports:- 3306:3306restart: alwaysenvironment:TZ: Asia/ShanghaiMYSQL_ROOT_PASSWORD: xxxxxxxxcommand:--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=1volumes: - ./data:/var/lib/mysql- ./conf/my.cnf:/etc/mysql/my.cnfdeploy:resources:limits:memory: 2Greservations:memory: 1Gnetworks: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标记处需同步更改

http://www.lryc.cn/news/27224.html

相关文章:

  • WebAPI
  • Shell命令——date的用法
  • XSS跨站脚本
  • 【强烈建议收藏:MySQL面试必问系列之慢SQL优化专题】
  • windows,liunx,java实现apk解压,去签名、重新签名,重新打包apk
  • 【Linux】进程信号
  • SpringBoot 集成Junit单元测试
  • Android开发之简单控件
  • 树状数组讲解
  • 每个Android开发都应需知的性能指标~
  • MSYS2安装
  • 3/3考试总结
  • Spark Streaming DStream转换
  • 水果商城,可运行
  • LiveGBS国标GB/T28181国标视频流媒体平台-功能报警订阅配置报警预案告警截图及录像
  • 软件测试---测试分类
  • 剑指 Offer II 015. 字符串中的所有变位词
  • 【SpringCloud】SpringCloud详细教程之微服务比较
  • 二.项目使用vue-router,引入ant-design-vue的UI框架,引入less
  • 网络安全怎么学?20年白帽子老江湖告诉你
  • 药房管理系统;药库管理系统
  • 深眸科技|机器视觉提升制造性能,焕发传统企业智造新活力!
  • ubuntu安装SSH的方法
  • 哪种蓝牙耳机通话效果好?通话清晰的蓝牙耳机推荐
  • IT运维如何完成一场高质量复盘
  • JVM调优面试题——基础知识
  • 三、mongdb 查询
  • python的 ping 网络状态监测方法(含多IP)
  • 【独家】华为OD机试提供C语言题解 - 单词反转
  • Linux docker环境安装,docker-compose安装,jdk17安装