Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/OXOYO/X-WebDesktop-Vue
基于 Vue & Koa 的 WebDesktop 视窗系统 The WebDesktop system based on Vue
https://github.com/OXOYO/X-WebDesktop-Vue
desktop desktop-vue vue vue-desktop vue-webdesktop web-desktop web-desktop-vue webdesktop webos
Last synced: about 1 month ago
JSON representation
基于 Vue & Koa 的 WebDesktop 视窗系统 The WebDesktop system based on Vue
- Host: GitHub
- URL: https://github.com/OXOYO/X-WebDesktop-Vue
- Owner: OXOYO
- License: mit
- Created: 2017-11-24T09:31:34.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-02-14T05:34:38.000Z (almost 2 years ago)
- Last Synced: 2024-10-30T22:03:51.713Z (about 1 month ago)
- Topics: desktop, desktop-vue, vue, vue-desktop, vue-webdesktop, web-desktop, web-desktop-vue, webdesktop, webos
- Language: Vue
- Homepage: http://oxoyo.co/X-WebDesktop-Vue/
- Size: 166 MB
- Stars: 424
- Watchers: 30
- Forks: 127
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-os - x-webDesktop-vue - WebDesktop-Vue/) | (<img src="media/icons8-windows-11-48.png" alt="logo" width="36"/> WINDOWS)
README
# X-WebDesktop-Vue
基于 Vue 的 WebDesktop 系统
# Version
| FrontEnd | API | Electron |
| :-------- | :-------- | :-------- |
| [3.x](https://github.com/OXOYO/X-WebDesktop-Vue/tree/master) | [3.x](https://github.com/OXOYO/X-WebDesktop-Api-Koa/tree/master) | [3.x](https://github.com/OXOYO/X-WebDesktop-Electron/tree/master) |
| [2.0.0](https://github.com/OXOYO/X-WebDesktop-Vue/tree/2.0.0) | [2.0.0](https://github.com/OXOYO/X-WebDesktop-Api-Koa/tree/2.0.0) | [2.0.0](https://github.com/OXOYO/X-WebDesktop-Electron/tree/2.0.0) |
| [1.0.1](https://github.com/OXOYO/X-WebDesktop-Vue/tree/1.0.1) | [1.0.1](https://github.com/OXOYO/X-WebDesktop-Api-Koa/tree/1.0.1) | - |
| [1.0.0](https://github.com/OXOYO/X-Desktop-Vue/tree/master) | - | - |
## Documentation
[中文文档 (2.0.0)](./document/README.md)
## Preview
**Url**：[http://oxoyo.co/X-WebDesktop-Vue/](http://oxoyo.co/X-WebDesktop-Vue/)
**Account**：`admin`
**Password**：`123456`
## Start
```bash
git clone
npm i
npm run dev
```
## Build
```bash
npm run build
```
## Screenshot
## 目录结构
```bash
\_ build // webpack配置
\_ config // webpack配置
\_ dist // 打包输出目录
\_ docs // gh_pages文件目录
\_ document // 文档
\_ src // 源码
\_ apps // 【自开发应用】
\_ DemoApp // 【DemoApp】应用
\_ components // 组件
\_ containers // 容器
\_ pages // 页面
\_ install // 自定义应用安装界面
\_ Index.vue // 自定义应用安装界面入口
\_ uninstall // 自定义应用卸载界面
\_ Index.vue // 自定义应用卸载界面入口
\_ store // Store
\_ index.js // Store入口
\_ actions.js // action定义
\_ mutations.js // mutation定义
\_ state.js // state定义
\_ api.js // 接口
\_ config.js // 配置文件
\_ Index.vue // 应用入口文件
\_ openApi.js // 对外接口【暂无意义】
\_ contextMenu.js // 右键菜单配置【暂无意义】
\_ global // 【全局公用】目录
\_ components // 公用组件
\_ directives // 公用指令
\_ plugin // 公用插件
\_ utils // 公用工具
\_ platform // 【平台】
\_ apps // 平台默认应用
\_ Admin // 后台容器
\_ components // 组件
\_ containers // 容器
\_ pages // 页面
\_ store // Store
\_ api.js // 接口
\_ config.js // 配置文件
\_ Index.vue // 入口组件
\_ openApi.js // 对外接口
\_ contextMenu.js // 右键菜单配置
\_ ContextMenu // 右键菜单
\_ Desktop // 桌面
\_ DesktopIcon // 桌面图标
\_ DekstopWidget // 桌面控件
\_ Home // 前台容器
\_ Login // 前台登录
\_ StartMenu // 开始菜单
\_ TaskBar // 任务栏
\_ TaskBarIcon // 任务栏图标
\_ TaskBarWidget // 任务栏控件
\_ Window // 应用窗口
\_ store // 平台Store
\_ config.js // 平台配置
\_ Index.vue // 平台入口文件
\_ App.vue // 根入口组件
\_ config.js // 根配置信息
\_ main.js // 根入口js
\_ routers.js // 根路由js
\_ static // 静态文件目录
\_ index.html // 根入口html
```
## TODO
v3.x
- [ ] 1.架构优化，前后端功能划分优化，项目结构优化。
- [ ] 2.支持多种应用类型，如应用、文件、快捷方式。
- [ ] 3.引入虚拟文件系统。
- [ ] 4.右键菜单支持上下文，右键菜单图标美化。
- [ ] 5.数据表结构优化，优化应用配置信息。
- [ ] 6.用户系统完善，支持多用户，引入RBAC。
- [ ] 7.登陆方式完善，支持多种OAuth登陆。
- [ ] 8.个人中心完善。
- [ ] 9.系统配置完善，如支持个性化设置。
- [ ] 10.支持快捷键。
- [ ] 11.应用丰富，如文本编辑器、图片查看器、计算器等。
- [ ] 12.编写文档。
v2.x
- [x] 1.架构调整，需重构，应用设计更合理。
- [x] 2.优化系统性能。
- [x] 3.编写开发指南。
## Contact
点击链接加入群【Web全栈QQ群】：https://jq.qq.com/?_wv=1027&k=53iWbrr