web桌面操作系统前端UI,用了丰富的mac和win10桌面元素
web桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。
JavaScript CSS相关
共103Star
详细介绍
桌面系统
项目介绍
react-desktops是基于react-desktop基础上,封装桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。
技术栈
- react
- webpack
- react-desktop
- fusion-design
- redux
- react-router
版本
稳定版 你可以订阅:https://github.com/jiajun00/react-desktops 来获得稳定版发布的通知。
使用文档
查看文档 访问密码:desktops
安装部署运行
// 下载源码
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
运行截图
Mac风格桌面
路由:/mac
Windows风格桌面
路由:/win
在线演示
Learn More
redux-devtools redux-devtools-extension.
fusion design 官网地址.
react-router 官网地址.
create-react-app 文档地址