1. 程式人生 > >【web框架】【 Cloud-Admin學習筆記(一)】【環境搭建】

【web框架】【 Cloud-Admin學習筆記(一)】【環境搭建】

Cloud-Admin是目前比較流行的基於Spring Cloud的web框架.

碼雲下載地址: https://gitee.com/minull/ace-security

1、用git也可直接下載,(也可直接下載解壓安裝)

 

2、用idea開啟專案

file->open->輸入專案目錄,本地目錄為:D:\001\myProject\GitHub\Spring-Cloud-Admin

第一次載入專案需要去遠端下載maven依賴,很慢,大約要等待10分鐘,

 

3 、安裝lombok外掛

參考:https://www.cnblogs.com/shindo/p/7550790.html

安裝後會重啟Idea

4、先啟動rabbitmq、redis、mysql

安裝redis,參考:https://www.cnblogs.com/renzhicai/p/7773080.html

安裝mysql,參考:https://www.cnblogs.com/silentdoer/articles/7258232.html

安裝rabbitmq,參考:https://blog.csdn.net/sms15732621690/article/details/80962080

5、啟動consul註冊中心

6、執行資料庫指令碼:依次執行資料庫:

ace-admin/db/init.sql(本地目錄:D:\001\myProject\GitHub\Spring-Cloud-Admin\ace-modules\ace-admin\db

)

ace-auth-server/db/init.sql(本地目錄:D:\001\myProject\GitHub\Spring-Cloud-Admin\ace-auth\ace-auth-server\src\db)

ace-trace/db/init.sql(本地目錄:D:\001\myProject\GitHub\Spring-Cloud-Admin\ace-control\ace-trace\db)


7、修改配置資料庫配置:

ace-admin/src/main/resources/application.yml

ace-gate/src/main/resources/application.yml

ace-auth/ace-auth-server/src/main/resources/application.yml


8、按順序執行main類:

CenterBootstrap(ace-center)、

AuthBootstrap(ace-auth-server)、

AdminBootstrap(ace-admin)、

GatewayServerBootstrap(ace-gateway-v2)

 

10、下載’Cloud-Admin-UI

因Cloud-Admin採用前後端分離設計,如果想看到完整效果,還需要執行前端工程Cloud-Admin-UI

https://gitee.com/minull/AG-Admin-v2.0

 

11、安裝node.js環境
前端工程Cloud-Admin-UI依賴node.js,需要先安裝node.js環境,

參考:https://www.cnblogs.com/goldlong/p/8027997.html

 

12、安裝cnpm 映象

經測試,用官方推薦的npm install 命令無法安裝成功,必須安裝cnpm,

參考:http://npm.taobao.org/

 

13、安裝前端專案

在Cloud-Admin-UI專案根目錄下執行命令

cnpm install

cnpm run dev

瀏覽器訪問 http://localhost:9527

最終效果: