HTML5技术

基于Vue全家桶开发的前端组件管理平台 - 雅X共赏

字号+ 作者:H5之家 来源:H5之家 2017-06-15 08:00 我要评论( )

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

项目背景

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

功能需求

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

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

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

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

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

技术栈

Vue+Vue-router+Vuex

项目预览

前端组件管理平台

源码

Github

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • C#开发移动应用系列(1.环境搭建) - GuZhenYin

    C#开发移动应用系列(1.环境搭建) - GuZhenYin

    2017-06-10 11:00

  • 是时候开始用C#快速开发移动应用了 - 腾飞(Jesse)

    是时候开始用C#快速开发移动应用了 - 腾飞(Jesse)

    2017-06-08 16:01

  • 成为优秀前端开发的10个因素 - 手掌日月摘星辰

    成为优秀前端开发的10个因素 - 手掌日月摘星辰

    2017-05-29 12:04

  • 基于nopCommerce的开发框架(附源码) - MikeXu

    基于nopCommerce的开发框架(附源码) - MikeXu

    2017-05-27 11:05

网友点评
/