1. 程式人生 > 實用技巧 >Springboot+SpringCloud+react實現管理後臺

Springboot+SpringCloud+react實現管理後臺

1,專案介紹

後臺開發採用springboot和springcloud,前端開發採用react和antd。

antd是後臺ui框架,官網地址: https://ant.design/index-cn


2,軟體架構說明

2.1,本專案採用的是前後端分離開發的,目前只是實現了一些基本功能,包括使用者管理,許可權管理和選單管理;

2.2,專案後臺目前採用了springboot,springsecurity,eureka,zuul,feign,前端採用:react.js,螞蟻的antd

2.3,專案中包含兩個檔案:
dream-react-parent檔案是java專案,主要結構:
dream-react-parent

--dream-react-eureka
--dream-react-zuul
--dream-react-user-api

react檔案中是前端專案
2.4,專案的sql在doc資料夾下面

專案中一些圖片


3,前端專案執行
3.1,前端執行需要在node環境進行,

3.2,前端專案下載完成後,使用 npm install 進行安裝

3.3,安裝好依賴後,使用 npm run 就可以啟動專案

4,後端專案執行
依次啟動三個專案

4.1. 本專案是本人的學習專案,難免有bug和一些需要優化的地方;

4.2. 各位大神下載後,僅供參考學習;

4.3,如果需要在本地除錯需要修改頁面中的ip地址,目前頁面中的是http://118.190.62.94,請替換為服務端;

4.4,可以使用http://www.fffffff.online;使用者名稱:admin密碼:admin檢視一下;

4.5. 歡迎各位大佬提意見,並對專案進行修改和優化

碼雲地址:https://gitee.com/dream21th/springboot-react-web