Jeecg-boot环境搭建步骤及前后端启动

Jeecg-boot环境搭建步骤及前后端启动

一、工具:
IntelliJ IDEA
WebStorm
Redis3.2
Jdk1.8
Mysql5.7+
Maven3.6
Node.js
Npm5.6+
Yarn1.2+
Lombok

二、实现步骤:
1、安装intellij IDEA并破解
2、安装webStorm并破解
3、下载redis3.2(低于3.2版本会出现一些问题)
(1)将下载好的redis解压并放到自己的某个文件夹下如图所示
Jeecg-boot环境搭建步骤及前后端启动_第1张图片

(2)选中地址栏的路径删除、输入cmd打开命令控制台,并输入redis.server redis.windows.conf运行redis服务
Jeecg-boot环境搭建步骤及前后端启动_第2张图片

4、下载mysql安装并初始化数据库连接
(1)、安装mysql
(2)、安装navicat for mysql
(3)、新建一个连接、连接名称可随意
(4)、创建一个数据库、因为jeecg-boot默认连接了jeecg-boot名称的数据库,所以最好将新建的数据库的名称命名为jeecg-boot
(5)创建数据库连接
Jeecg-boot环境搭建步骤及前后端启动_第3张图片
Jeecg-boot环境搭建步骤及前后端启动_第4张图片

5、安装node.js(node自带了npm)并配置环境变量
Jeecg-boot环境搭建步骤及前后端启动_第5张图片

(1)修改缓存目录和全局目录
npm config set prefix “C:\Program Files\nodejs\node_global”
npm config set cache “C:\Program Files\nodejs\node_cache”
(2).配置npm和Node.js的环境变量(修改用户变量下的path)
Jeecg-boot环境搭建步骤及前后端启动_第6张图片

(3)、在系统变量下增加一个变量,变量名为NODE_PATH,值为设置的全局目录下的node_modules路径
Jeecg-boot环境搭建步骤及前后端启动_第7张图片

6、安装yarn
cmd下直接输入npm install -g yarn等待安装完成
7、安装jdk
下载安装jdk1.8并配置环境变量
8、安装maven
(1)、直接下载最新的mave安装并配置环境变量
Jeecg-boot环境搭建步骤及前后端启动_第8张图片

(2)、修改conf目录下的setting.xml文件配置本地仓库地址和远程仓库地址,本地仓库地址自己新建一个文件夹
Jeecg-boot环境搭建步骤及前后端启动_第9张图片

9、下载jeecg-boot包
下载地址:https://github.com/zhangdaiscott/jeecg-boot
下载后解压目录如下(ant-desing-vue-jeecg为前端包使用webStorm打开,jeecg-boot为后台服务器包使用IDEA打开)
Jeecg-boot环境搭建步骤及前后端启动_第10张图片

10、用webStorm打开前端包启动前端
(1)使用命令行工具下载依赖yarn install
Jeecg-boot环境搭建步骤及前后端启动_第11张图片

(3)等待依赖下载完成后找到package.json文件右键show npm scripts弹出如下界面
Jeecg-boot环境搭建步骤及前后端启动_第12张图片

(4)双击serve即可启动前端界面
Jeecg-boot环境搭建步骤及前后端启动_第13张图片
Jeecg-boot环境搭建步骤及前后端启动_第14张图片

11、使用idea打开jeecg-boot 启动后台
(1)打开后首先配置一下maven仓库地址
Jeecg-boot环境搭建步骤及前后端启动_第15张图片

(2)安装Lombok
Jeecg-boot环境搭建步骤及前后端启动_第16张图片

(3)修改配置文件中的mysql相关的信息及redis
Jeecg-boot环境搭建步骤及前后端启动_第17张图片
Jeecg-boot环境搭建步骤及前后端启动_第18张图片

(4)找到jeecgSystemApplication.java,右键run就可以了

Jeecg-boot环境搭建步骤及前后端启动_第19张图片
Jeecg-boot环境搭建步骤及前后端启动_第20张图片
Jeecg-boot环境搭建步骤及前后端启动_第21张图片

12、登录演示
如果出现验证码出错 可尝试重启redis
Jeecg-boot环境搭建步骤及前后端启动_第22张图片

重启redis后登录成功
Jeecg-boot环境搭建步骤及前后端启动_第23张图片

至此jeecg-boot前后端启动结束,造吧!

你可能感兴趣的:(jeecg-boot,node.js,vue.js)