freedomdebug / WidgetsPlayground

前端组件管理系统

WidgetsPlayground

介绍

前端组件管理系统，前端基于Vue2/Vue-router/Vuex实现，界面基于Flow-UI实现，后端基于野狗云实现。

除了组件管理以外，本项目同时演示了一种不依赖构建工具开发Vue项目的思路，详细介绍参见如何不用构建工具开发Vue全家桶项目

功能

组件管理

• 二级分类
• 标签筛选
• 时间/名称排序
• 关键词搜索

组件演示

• 实时编辑
• 多组件组合
• 所见即所得

组件应用

• HTML/CSS/JS代码一键复制
• 还可以将编辑结果生成配置代码，实现编辑结果一键再现

用户管理

• 接入野狗云后端，实现用户管理
• 用户使用痕迹数据统计

配置

• 项目直接丢进服务器环境就可以运行
• 运行前，先修改index.html底部脚本中的seajs.root为/（以本地服务路径为准）
• seajs.widgetRootPath变量是演示组件库（/widgets）的位置，通常不需要修改
• seajs.config.base是Flow-UI模块库的地址，通常不需要修改

演示

http://refined-x.com/WidgetsPlayground/