• Stars
    star
    422
  • Rank 102,753 (Top 3 %)
  • Language Vue
  • License
    MIT License
  • Created almost 7 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

基于 Vue & Koa 的 WebDesktop 视窗系统 The WebDesktop system based on Vue

X-WebDesktop-Vue

基于 Vue 的 WebDesktop 系统

Version

FrontEnd API Electron
3.x 3.x 3.x
2.0.0 2.0.0 2.0.0
1.0.1 1.0.1 -
1.0.0 - -

Documentation

中文文档 (2.0.0)

Preview

Urlhttp://oxoyo.co/X-WebDesktop-Vue/

Accountadmin

Password123456

Start

  git clone
  npm i
  npm run dev

Build

  npm run build

Screenshot

目录结构

  \_ 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

  • 1.架构调整,需重构,应用设计更合理。

  • 2.优化系统性能。

  • 3.编写开发指南。

Contact

点击链接加入群【Web全栈QQ群】:https://jq.qq.com/?_wv=1027&k=53iWbrr

More Repositories

1

X-Flowchart-Vue

基于G6和Vue的可视化图形编辑器。A visual graph editor based on G6 and Vue.
JavaScript
1,263
star
2

X-Page-Editor-Vue

基于 Vue 的可视化布局编辑器插件。A Visual layout editor plugin based on vue.
Vue
467
star
3

XBoard

在线白板 Online whiteboard
JavaScript
377
star
4

F2E-Tutorial-Collect

web全栈书签收藏整理。
JavaScript
297
star
5

X-Admin-Generator-Vue

基于Vue的后台管理平台脚手架
Vue
56
star
6

FSE-SKILL-TREE

全栈工程师技能树梳理
JavaScript
43
star
7

bookmark2md

Convert chrome bookmarks to md files and push them to GitHub repository.
JavaScript
26
star
8

X-Browser-Update-Vue

A Vue.js browser-update plugin
JavaScript
25
star
9

fakeupdate.net

假装 Windows 升级界面
HTML
18
star
10

X-RESTful-API-Generator-Koa

一个基于 Koa 的 RESTful API 服务脚手架。 A RESTful API generator for Koa
JavaScript
18
star
11

X-WebDesktop-Api-Koa

The WebDesktop Api service based on Koa
JavaScript
16
star
12

X-Particles-Vue

A Vue.js particles plugin base on particles.js
JavaScript
15
star
13

X-DragAndResize-Vue

A Vue.js directive use for modal window drag and resize.
JavaScript
13
star
14

X-Desktop-Vue

A web Desktop with vue.
JavaScript
8
star
15

WebPhotoshop

仿照Photoshop的在线图像处理软件。演示地址:
Vue
8
star
16

webPS

webPS Demo
HTML
8
star
17

ColorSystem

Web开发经典配色方案
HTML
7
star
18

v2ray-free-feeds

v2ray免费可用订阅源
5
star
19

X-WebDesktop-NW

The WebDesktop system based on Vue And NW.js
Vue
5
star
20

X-Test

日常测试、demo记录。
JavaScript
4
star
21

X-WebDesktop-Electron

基于Vue & Electron 的 WebDesktop 系统 The WebDesktop system based on Vue and Electron
NSIS
4
star
22

X-Server-Koa

基于 Koa2、MongoDB 的 RESTful 接口服务
JavaScript
4
star
23

X-Admin-API-Generator-Koa

基于Vue的后台管理平台脚手架配套API服务
JavaScript
3
star
24

Vue-Markdown-Editor

The Markdown editor component encapsulated by SimpleMDE & vue2
JavaScript
3
star
25

x6

X6是一个流程图编辑器的核心库,基于@antv/g6封装实现。
JavaScript
3
star
26

oxoyo.github.io

Blog静态站
HTML
3
star
27

X-Bing-Wallpaper

A bing wallpaper plugin.
JavaScript
3
star
28

X-Highlight-Vue

A Vue.js plugin use for Syntax highlighting.
JavaScript
3
star
29

xos-ui

Web OS UI for Vue.js
2
star
30

formio.js.zh

formio.js zh docs
Shell
2
star
31

X-Preset

Vue Cli preset
2
star
32

z-view-api

JavaScript
2
star
33

echarts-themes

JavaScript
2
star
34

X-DragAndResize-Vue-Demo

A Vue.js directive use for modal window drag and resize.
JavaScript
2
star
35

OXOYO

2
star
36

g6-demo

g6 demo
HTML
1
star
37

X-Chain

JavaScript
1
star
38

qq-emoji

JavaScript
1
star
39

X-Compress-Images

Minify size your images by compress-images
JavaScript
1
star
40

2020-1024-996

2020 = 1024 + 996
1
star
41

Bootstrap-Tutorial

Bootstrap 解析
HTML
1
star
42

X-Preset-Simple

Vue Cli preset
1
star
43

PureLand

Do what u want to do.
HTML
1
star
44

z-view

刷图神器,基于uni-app开发。
Vue
1
star
45

quit-smoking

戒烟日志,加油!
1
star
46

humanify-test

使用大模型解混淆
JavaScript
1
star