1. 程式人生 > 實用技巧 >Jeecg-boot環境搭建步驟及前後端啟動

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解壓並放到自己的某個資料夾下如圖所示
在這裡插入圖片描述

(2)選中位址列的路徑刪除、輸入cmd開啟命令控制檯,並輸入redis.server redis.windows.conf執行redis服務
在這裡插入圖片描述

4、下載mysql安裝並初始化資料庫連線

(1)、安裝mysql
(2)、安裝navicat for mysql
(3)、新建一個連線、連線名稱可隨意
(4)、建立一個數據庫、因為jeecg-boot預設連線了jeecg-boot名稱的資料庫,所以最好將新建的資料庫的名稱命名為jeecg-boot
(5)建立資料庫連線
在這裡插入圖片描述
在這裡插入圖片描述

5、安裝node.js(node自帶了npm)並配置環境變數
在這裡插入圖片描述

(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)
在這裡插入圖片描述

(3)、在系統變數下增加一個變數,變數名為NODE_PATH,值為設定的全域性目錄下的node_modules路徑
在這裡插入圖片描述

6、安裝yarn
cmd下直接輸入npm install -g yarn等待安裝完成
7、安裝jdk
下載安裝jdk1.8並配置環境變數
8、安裝maven
(1)、直接下載最新的mave安裝並配置環境變數
在這裡插入圖片描述

(2)、修改conf目錄下的setting.xml檔案配置本地倉庫地址和遠端倉庫地址,本地倉庫地址自己新建一個資料夾
在這裡插入圖片描述

9、下載jeecg-boot包
下載地址:https://github.com/zhangdaiscott/jeecg-boot

下載後解壓目錄如下(ant-desing-vue-jeecg為前端包使用webStorm開啟,jeecg-boot為後臺伺服器包使用IDEA開啟)
在這裡插入圖片描述

10、用webStorm開啟前端包啟動前端
(1)使用命令列工具下載依賴yarn install
在這裡插入圖片描述

(3)等待依賴下載完成後找到package.json檔案右鍵show npm scripts彈出如下介面
在這裡插入圖片描述

(4)雙擊serve即可啟動前端介面
在這裡插入圖片描述
在這裡插入圖片描述

11、使用idea開啟jeecg-boot 啟動後臺
(1)開啟後首先配置一下maven倉庫地址
在這裡插入圖片描述

(2)安裝Lombok
在這裡插入圖片描述

(3)修改配置檔案中的mysql相關的資訊及redis
在這裡插入圖片描述
在這裡插入圖片描述

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

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

12、登入演示
如果出現驗證碼出錯 可嘗試重啟redis
在這裡插入圖片描述

重啟redis後登入成功
在這裡插入圖片描述

至此jeecg-boot前後端啟動結束,造吧!