项目作者: jiajun00

项目描述 :
web桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。
高级语言: JavaScript
项目地址: git://github.com/jiajun00/react-desktops.git


桌面系统





项目介绍

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

安装部署运行

  1. // 下载源码
  2. git clone https://github.com/jiajun00/react-desktops
  3. // 安装运行环境
  4. npm install
  5. // 为了方便调试redux在chrome浏览器中安装Redux DevTools(在谷歌应用商店下载redux-devtools)
  6. // 项目运行
  7. npm run start
  8. // 项目打包(注:用于生产环境时请关闭Redux DevTools配置分别位于'/src/mac/store/index.js'和'/src/windows/store/index.js'中)
  9. npm run build

运行截图

Mac风格桌面

路由:/mac

image

image

image

image

Windows风格桌面

路由:/win

image

image

在线演示

演示地址

Learn More

redux-devtools redux-devtools-extension.

fusion design 官网地址.

react-router 官网地址.

create-react-app 文档地址