jeecg-boot简介

JeecgBoot是一款基于BPM的低代码平台!前后端分离架构 SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT,支持微服务。Jeecg不仅提高了UI能力,还降低了前后端分离的开发成本,具有一系列低代码能力:Online表单、Online报表、Online图表、表单设计、流程设计、报表设计、大屏设计 等等。

软件下载及相关环境配置

JDK:1.8

IDEA:https://www.jetbrains.com/idea/

mysql5.7:https://dev.mysql.com/downloads/mysql/

Tomcat7.0:https://tomcat.apache.org/download-70.cgi

jeecg-boot下载:

下载的jeecg-boot-master中有两个工程,前端的ant-design-vue-jeecg工程,和后端的jeecg-boot工程,如图:

JeecgBoot系统设计架构图 jeecgboot_java

一、 jeecg-boot后端项目

1.把后端工程jeecg-boot导入IDEA,把工程转为Maven工程,选择正确的JDK版本(我的为1.8版本)。

JeecgBoot系统设计架构图 jeecgboot_redis_02


JeecgBoot系统设计架构图 jeecgboot_node.js_03

2.IDEA安装lombok插件(最新版本应该已自动安装)

如果没有lombok插件会有一些编译错误,在setting中找到Plugins模块,搜索并安装。

JeecgBoot系统设计架构图 jeecgboot_java_04


3.创建数据库

准备一个MySQL数据库,运行jeecg-boot数据库文件,可利用navicat for mysql 可视化数据库导入

JeecgBoot系统设计架构图 jeecgboot_redis_05


4.配置数据库地址

jeecg-boot-module-system模块中的src下的resources目录是配置文件目录,在配置文件中修改数据库信息用户名及密码。

JeecgBoot系统设计架构图 jeecgboot_spring_06

5.下载配置redis

下载地址:

(1)Github下载地址:https://github.com/MicrosoftArchive/redis/releases

(2)百度网盘下载地址: https://pan.baidu.com/s/1z1_OdNVbtgyEjiktqgB83g 密码:kdfq

配置:

(1)首先先把下载的压缩包解压到一个文件夹中

(2)打开cmd指令窗口

(3)输入刚才解压的文件路径

(4)然后输入redis-server redis.windows.conf 命令

JeecgBoot系统设计架构图 jeecgboot_redis_07

接下来部署Redis为windows下的服务 首先关掉上一个窗口再打开一个新的cmd命令窗口,然后输入指令redis-server --service-install redis.windows.conf

JeecgBoot系统设计架构图 jeecgboot_spring_08


随后,进入右击此电脑–管理–服务和应用程序–服务 启动服务:

JeecgBoot系统设计架构图 jeecgboot_spring_09


6.启动项目

IDEA中点击运行jeecgSystemApplication,在地址栏中输入http://localhost:8080/jeecg-boot/,可以看到jeecg的文档页面

JeecgBoot系统设计架构图 jeecgboot_spring_10

二、前端项目

1.导入

把前端项目ant-design-vue-jeecg导入IDEA

JeecgBoot系统设计架构图 jeecgboot_java_11


2.安装Node.js

下载路径:https://nodejs.org/en/download/;

安装后要在系统环境变量的path中正确添加对应的参数

JeecgBoot系统设计架构图 jeecgboot_node.js_12


JeecgBoot系统设计架构图 jeecgboot_redis_13


打开cmd进行安装测试(分别输入node -v和npm -v):

JeecgBoot系统设计架构图 jeecgboot_spring_14


3.yarn安装

利用npm对yarn进行安装,打开cmd,输入命令npm install -g yarn

安装完成后,测试yarn的版本,输入yarn -v进行测试。

JeecgBoot系统设计架构图 jeecgboot_JeecgBoot系统设计架构图_15


JeecgBoot系统设计架构图 jeecgboot_JeecgBoot系统设计架构图_16


4.安装淘宝镜像(为加快运行速度,更换成淘宝镜像,第一次由于没有安装,运行的速度和蜗牛一样慢)

#查看代理

yarn config list

#删除代理

yarn config delete proxy

npm config rm proxy

npm config rm https-proxy

#安装好后更换淘宝镜像

yarn config set registry https://registry.npm.taobao.org

5.启动

重启IDEA,在IDEA的Terminal模块中,进入ant-design-vue-jeecg目录,使用命令:

#安装依赖

yarn install

#开发模式运行

yarn run serve

启动前端项目,在地址栏中输入:http://localhost:3000,进入登录界面。

JeecgBoot系统设计架构图 jeecgboot_node.js_17


JeecgBoot系统设计架构图 jeecgboot_spring_18