前端组件管理系统

项目背景

项目背景是外包类建站公司里,设计环节沉淀了大量可复用组件,设计师往往只需要微调组件就拼凑出页面,交付给前端,理论上这些组件在前端也可以复用,但实际上前端每次都要重新实现整个页面,浪费很多人力。


功能需求

这个项目的思路是,将所有组件开发出来,统一录入到一个平台上管理,设计师可以到平台上挑选组件,并实时预览和调整组件,整个过程所见即所得,平台会将调整结果生成一串代码,只要将代码交给前端,就可以用这串代码在平台上重现设计师修改后的组件,并能一键复制组件的html/css/js代码,快速应用到项目中去,使组件部分的前端开发成本接近于零。平台需要实现以下几个功能:

* 管理组件,支持分类、搜索、排序

* 展示组件,支持组件在线预览/编辑

* 组件交接,支持生成组件代码和基于代码重现组件

* 使用统计,支持统计组件的使用情况,便于进一步优化组件

技术栈

Vue+Vue-router+Vuex

项目预览

WidgetsPlayground

源码

Github

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,862评论 25 708
  • 久歌未央/文 还记得多年前的冬天,我们团坐在茶几上吃着饺子,看着春晚。 还记得多年前的春节,我们拿着划炮举着窜天猴...
    这个周末阅读 192评论 0 1
  • 我的大姐大我四岁,但我们一同出入却都说我是姐姐,她是妹妹。大姐天生长得娇小可爱,非常秀气、精神。别看大姐人长得小...
    雪中竹绿阅读 517评论 2 5
  • 光阴似冬日北方早上雾霭袅袅的晨雾,虚幻飘渺而又短暂。
    三河散人阅读 130评论 0 0