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