从零开始有图:jeecg框架jeecg-master(vue2版本)配置与运行

写在前面

1、这个是我在学习jeecg框架后自己总结的内容,有很多错漏的地方

2、如果没能帮到你的话,请向其他博主寻求帮助


项目文件

可以去gitee下载,我修改了端口号和数据库的信息,对应修改了就行了

后端源码

jeecg-boot: 🔥「企业级低代码平台」前后端分离架构SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任何代码! 引领新的开发模式OnlineCoding->代码生成->手工MERGE,帮助Java项目解决70%重复工作,让开发更关注业务,既能快速提高效率,帮助公司节省成本,同时又不失灵活性。 (gitee.com)icon-default.png?t=N7T8https://gitee.com/jeecg/jeecg-boot前端源码

ant-design-vue-jeecg: JeecgBoot—Vue2版前端源码,基于 Vue2+AntDesignVue 实现的 Ant Design Pro,提供强大代码生成器的低代码平台。 前端页面代码和后端功能代码一键生成,不需要写任何代码,保持jeecg一贯的强大!! (gitee.com)icon-default.png?t=N7T8https://gitee.com/jeecg/ant-design-vue-jeecg

运行环境

操作系统

Windows11家庭版

js环境

node.js12.22.12+npm6.14.4

项目管理工具

apache-maven-3.9.3

远程字典服务

Redis-x64-3.2.100

java开发工具

jdk-17_windows-x64_bin

数据库管理系统

mysql8.0.34

前端运行环境

VSCode,webstorm(如果你有会员或者试用)

后端运行环境

IDEA(社区版需要安装spring boot helper的插件)

数据库管理工具

Navicat Premium 16.0,datagrip(如果你有会员或者试用)


运行环境的安装配置

node.js+npm的安装配置

node.js12.22.12+npm6.14.4的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132001346icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132001346

maven的安装配置

maven3.9.3的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132001971icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132001971

redis的安装配置

Redis3.2.100免安装版的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132002019icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132002019

jdk的安装配置

jdk17.0.6的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132059517icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132059517

mysql的安装配置

mysql8.0.34的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132063126icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132063126

vscode的安装配置

这个你总会吧

idea的安装配置

这个你总会吧

navicat的安装配置

请自行安装,建议使用16.0版本,尊重正版


开始跑项目

我的需要用的的路径和信息

node.js安装路径:D:\node.js

数据库用户名:root

数据库用户密码:123456

用到的数据库:jeecg-boot

1、启动redis-sever

e623ad0c58b64c8abd9f16628361d11a.png

 2、启动navicat

新建一个数据库jeecg-boot,字符集为utf-8,utf-8mb3或者utf-8mb4,排序规则不选

bb9b0c92baff48ada8d21db72533ac6a.png

 3、数据库操作

在jeecg-boot数据库中选择表,运行jeecg-boot-v3.4.3last中的sql文件(C:\Users\Abit\Desktop\jeecg-boot-v3.4.3last\db文件夹下的最后三个sql文件,运行后记得刷新)

806ea622502c4995b9d73c22d3314884.png

 4、启动idea

使用idea打开jeecg-boot-v3.4.3last文件,等待idea把各种资源加载完(社区版要先下载spring boot helper的插件)

右下角有提示配置Lombok插件,一定要记得配置

点击运行JeecgSystemApplication.java(它的路径是C:\Users\Abit\Desktop\jeecg-boot-v3.4.3last\jeecg-module-system\jeecg-system-start\src\main\java\org\jeecg\JeecgSystemApplication.java)

be09a3b75702485b8166d1beb7ce9744.png
5、idea运行成功 

6ffdc421cc6b41e28cce7dfad7daff1f.png

6、启动vscode

使用vscode打开ant-design-vue-jeecg-master文件,等待vscode把各项资源加载完(vscode会提醒你安装某些扩展,直接安装就行)

2a0ca941656b490896894ffc220e6a7a.png

 7、在终端进行操作

点击菜单栏终端,新建终端,在终端输入以下命令后回车执行

npm install --registry=https://registry.npmmirror.com
npm run serve

执行完毕后,vscode显示运行成功,点击Local的那个网址,在浏览器会打开一个网页

f9a61205168d4f77b0377b4865038e6e.png

8、vscode运行成功

2bd00beb0e1a4a489a36a8ccabf732c9.png

9、项目运行成功

输入验证码,点击登录,登录成功,项目运行成功

194f3f193fc24af88069ee6dcd57e29c.png

注意事项

 1、idea运行时显示进程已结束,退出代码1的解决:

可能1:你把redis-sever关掉了,打开redis-sever后重新运行一下

可能2:你的maven没有加载完成,进入设置检查一下maven的版本和路径这些,更改或者重新加载一下maven

可能3:你的项目中的数据库相关信息与navicat中的数据信息的不匹配

2、vscode运行时出现npm相关的报错:

可能1:你的node_cache和node_global文件夹权限不够,找到你安装node.js的文件夹,右键点击属性,选择安全,点击编辑,权限全部打勾,点击应用,重新在终端执行以上命令

c8c5f37499b446ca98c0b16e3ff3cf91.png

可能2:此文件夹被占用,关闭相关软件,清除缓存就行了,重新在终端执行以上命令

可能3:node.js和npm的配置有问题(主要是路径问题),检查一下相关配置路径

3、网页打开后加载不出来或者提示接口500错误:

可能1:查看你是不是把redis-sever或者idea关掉了

可能2:你网络太差了或者网络连接断开了

可能3:端口冲突,cmd打开命令行,输入以下命令,找到占用66端口的进程的PID(最后一列)

netstat -ano | findstr "66"

4b6c551f4b664d67b72a8d5444dbcabf.png

 搜索任务管理器,点击任务管理器

f4d7fe800c174f06961562d8ed75b26f.png

 搜索要关闭的进程的PID,右键结束任务

cc20051b2db44e1f9ee7b5386708479e.png

可能4:你更改了端口的参数没有注意到,自己检查一遍

4、log相关报错:重新配置Lombok插件

5、这个是vue2版本,vue3版本有所差异

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值