介紹
web桌面操作系統前端UI,用了豐富的mac和win10桌面元素,包括桌面圖標、窗口化子頁面管理、開始菜單等組件,兼容主流現代瀏覽器。 適合快速開發後臺管理系統的前端界面、整合企業諸多應用、通過B/S架構集成系統、可作為企業級應用管理平臺。
開源地址
<code>https://gitee.com/jiajun000/react-desktops/<code>
<code>https://github.com/jiajun00/react-desktops/<code>
項目介紹
react-desktops是基於react-desktop基礎上,封裝桌面操作系統前端UI,用了豐富的mac和win10桌面元素,包括桌面圖標、窗口化子頁面管理、開始菜單等組件,兼容主流現代瀏覽器。 適合快速開發後臺管理系統的前端界面、整合企業諸多應用、通過B/S架構集成系統、可作為企業級應用管理平臺。
技術棧:
- react
- webpack
- react-desktop
- fusion-design
- redux
- react-router
安裝部署運行:
<code>// 下載源碼git clone https://github.com/jiajun00/react-desktops// 安裝運行環境npm install// 為了方便調試redux在chrome瀏覽器中安裝Redux DevTools(在谷歌應用商店下載redux-devtools)// 項目運行npm run start// 項目打包(注:用於生產環境時請關閉Redux DevTools配置分別位於'/src/mac/store/index.js'和'/src/windows/store/index.js'中)npm run build/<code>
截圖預覽
總結
這樣的一套UI需要多折騰折騰,感興趣的小夥伴可以看看!
閱讀更多 最美分享Coder 的文章