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

Lists

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



![](./document/screenshot/preview_pc_admin_0913.png "preview_pc_admin")



## 目录结构

```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