Giter Site home page Giter Site logo

tower1229 / widgetsplayground Goto Github PK

View Code? Open in Web Editor NEW
165.0 19.0 59.0 775 KB

前端组件管理系统

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

License: GNU General Public License v3.0

CSS 21.47% HTML 7.26% Vue 71.28%
widget vue2 playground

widgetsplayground's Introduction

WidgetsPlayground

compatibility GitHub release license

介绍

前端组件管理系统,前端基于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/

widgetsplayground's People

Contributors

tower1229 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

widgetsplayground's Issues

同意楼上,不知道怎么运行

本人近期才接触vue,用的是seajs+vue+axios+es6,看到博主的文章进来的,但是不知道怎么运行,我现在的 项目还不是前后端分离的。
另,看源码发现
1、box的引用识别不到,整个工程也没有box.js相关的文件
2、有几个地方用了jq的事件委托,不会有影响吗,为什么不用vue的click
3、vue相关js的引用为什么不放到seajs的config里,特意这样的?因为我是放里面了
4、每个模板都单独写了个文件夹,模板的html都写在了temp.htm,但是我不知道怎么调用到这个htm的
。。。。发现自己不知道的东西太多了,求大神解答

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.