Springcloud學習筆記18--Jeecg-boot環境搭建步驟及前后端啟動02(前后端開發環境搭建)


1.前端開發環境搭建、啟動

(1)安裝nodejs、npm、yarn

(2)用idea打開前端項目ant-design-jeecg-vue

 (3)在terminal終端執行命令 yarn install 下載項目依賴

 (4)項目依賴的模塊下載完成,則項目構建完成

 (5)ant-design-jeecg-vue項目配置后台接口

a. 修改后台接口配置 .env.development

NODE_ENV=development
VUE_APP_API_BASE_URL=http://localhost:8080/jeecg-boot
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

vue.config.js配置信息修改:

此處映射地址配置到后台端口即可,如果后台項目名字修改了的話,直接改“/jeecg-boot”

(6) 啟動項目

調出Show npm Scripts 功能
找到項目目錄下文件package.json文件,鼠標右鍵選擇Show npm Scripts

點擊命令 serve 啟動項目
看到如下日志 則啟動成功

通過 http://localhost:3000 訪問前端項目,默認賬號密碼: admin/123456

 2.后端開發環境搭建、啟動

(1)安裝jdk8、Maven、Redis、Mysql

(2)用idea打開后端項目

項目結構
├─jeecg-boot-parent(父POM: 項目依賴、modules組織)
│  ├─jeecg-boot-base(共通模塊: 工具類、config、權限、查詢過濾器、注解、接口等)
│  ├─jeecg-boot-module-demo    示例代碼
│  ├─jeecg-boot-module-system (系統管理權限等功能) -- 默認作為啟動項目
│  ├─jeecg-boot-starter(微服務starter模塊,不需要微服務可以刪掉) 
│  ├─jeecg-cloud-module(微服務生態模塊,不需要微服務可以刪掉) 

(3)初始化數據庫,要求mysql5.7+

使用navicat運行SQL文件

 

 運行后,數據庫自動創建。

(4)修改項目配置文件(數據庫配置、redis配置)

 配置文件: jeecg-boot-module-system/src/main/resources/application-dev.yml

a. 數據庫配置(連接和賬號密碼)

注意:啟動本地項目時,需要根據實際修改代碼。 

b. Redis配置(配置redis的host和port)

(5)啟動redis服務

(6)啟動項目&訪問

以上配置完成后,即可啟動后台項目
本地啟動:jeecg-boot-module-system/src/main/java/org/jeecg/JeecgSystemApplication.java,右鍵執行啟動
通過 http://localhost:8080/jeecg-boot/doc.html 訪問后台,默認進入swagger文檔首頁

 

參考文獻:

http://doc.jeecg.com/2043874

nacos 安裝--jeecgboot官方推薦教程:https://blog.csdn.net/q15102780705/article/details/102571353

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM