【学习】JeecgBoot-Vue3下载及配置

下载

• 前台

  • JeecgBoot-Vue3下载

• 后台

  • [jeecg-boot][https://gitee.com/jeecg/jeecg-boot]

• node

  • node下载

安装

Redis

jeecg需要连接Redis，这里我在本地配置了Redis，教程见windows环境安装Redis

Node及前端依赖

node下载完成后直接双击安装包，一直下一步且不打勾安装即可。

安装完成后在cmd下输入 node -v验证

C:\Windows\system32>node -v

v16.14.0

之后安装yarn，方便后续依赖的安装

C:\Windows\system32>npm install yarn -g

added 1 package in 8s

检查yarn版本

C:\Windows\system32>yarn -v

1.22.19

将前端解压存放至工作区，我这里放在了 D:\WorkSpace_Vue\

在 D:\WorkSpace_Vue\jeecgboot-vue3-master\下打开cmd

执行 yarn install安装前端所需依赖

D:\WorkSpace_Vue\jeecgboot-vue3-master>yarn install

[1/6] Validating package.json...
[2/6] Resolving packages...
[3/6] Fetching packages...
info There appears to be trouble with your network connection. Retrying...
[4/6] Linking dependencies...
warning " > vite-plugin-pwa@0.11.3" has unmet peer dependency "workbox-build@^6.2.2".
warning " > vite-plugin-pwa@0.11.3" has unmet peer dependency "workbox-window@^6.2.2".
[5/6] Building fresh packages...
[6/6] Cleaning modules...
$ husky install
fatal: not a git repository (or any of the parent directories): .git
Done in 300.03s.

配置

导入项目

前端依赖下载完成后解压后台项目至工作区，我这里放在了 D:\WorkSpace_Work\

由于项目为多模块项目，所以需要idea打开项目后依次：File -> new -> module from Existing Sources，选择 jeecg-boot-master\jeecg-boot\pom.xml，即可完成完整的项目导入

如果出现部分依赖导入失败，可能是因为本地 maven配置了阿里源，而 jeecg是私有源，需要在对应 maven的 setting.xml文件 mirror标签中，添加 mirrorOf，拦截 jeecg，让其去私服地址下载依赖即可，用我的举例

   <mirror>
       <id>aliyun</id>
       <name>aliyun Maven</name>
       <mirrorOf>*,!jeecg,!jeecg-snapshots</mirrorOf>
       <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
   </mirror>

数据库配置

在 jeecg-boot-master\jeecg-boot\db中找到符合自己数据库版本的sql文件，这里我是使用mysql8，所以选择 jeecgboot-mysql-5.7.sql，删掉文件中前两行后，在本地新建数据库并执行

之后即可使用idea等开发工具打开后台项目，修改数据库链接和账号密码

数据库配置路径：jeecg-boot-master\jeecg-boot\jeecg-boot-module-system\src\main\resources\application-dev.yml

Redis配置

修改host为本地

启动

后台

默认启动dev，dev/test/pro环境在根目录下 pom.xml的 profiles中配置

启动前需要启动redis服务

前端

前端项目在根目录下执行 npm run serve即可

连接配置

前后端连接在 vue项目中根目录下 .env文件中，根据环境不同找到不同的后缀，dev环境配置就在 .env.development中

将后台启动后获取的 External链接粘贴到对应环境的配置文件中，这里修改 .env.development，将 VITE_PROXY和 VITE_GLOB_DOMAIN_URL的 http://localhost:8080/jeecg-boot修改为 http://172.0.0.231:8080/jeecg-boot/

其他

成功启动项目后，若提示

检测到你可能使用了非vue3版本的数据库表，这将会导致菜单或其他功能出现异常，请更换成vue3版本的数据库表后刷新。

1. 到指定链接下载 Vue3升级脚本_mysql.sql脚本，在mysql中的jeecg项目数据库中执行
2. 重启项目并登录，给admin角色分配所有的菜单
3. 退出登录即可