基于vue的高扩展在线网页制作平台

🏠 官网

官网: https://godspen.ymm56.com/

使用手册: https://godspen.ymm56.com/doc/cookbook/introduce.html

在线体验: https://godspen.ymm56.com/admin/#/home

私有部署: https://godspen.ymm56.com/doc/cookbook/install.html

组件商城: https://godspen.ymm56.com/shop/

👉 `喜欢别忘了点个 Star 支持我们,你的支持是我们坚持的动力` 👈

码良是什么

码良是一个在线生成 H5 页面并提供页面管理和页面编辑的平台,用于快速制作 H5 页面。用户无需掌握复杂的编程技术,通过简单拖拽、少量配置即可制作精美的页面,可用于营销场景下的页面制作。同时,也为开发者提供了完备的编程接入能力,通过脚本和组件的形式获得强大的组件行为和交互控制能力。

码良为谁而作

如上所述,码良不仅可服务于运营人员用来制作轻业务的营销页面,基于完备的编程接入能力,甚至可以作为开发者进行快速业务迭代的工具。 码良的初心是创建一个开源免费的平台,希望有才的人在平台上贡献自己的组件,脚本,设计模板页面,如果需要后续可以提供组件或脚本开发者设置免费或则收费使用 当然完全也支持公司内部搭建使用。

码良现状

码良发布于2018年3月初,截止2020年13月目前已经支撑运满满3500多个活动页面。期间也得到了很多反馈、建议,以及 Bug 报告,基于此,我们持续迭代,致力于提升操作效率,打磨用户体验。道阻且长,仍需努力。目前你在官网上体验的所有能力 完全开源开放。

支持功能

  1. 编辑器
    •  面向不同角色切换工作台,并可以自行拖拽
    •  组件,以及组合组件
    •  实时预览的动画编辑
    •  实时预览,并可按帧拖动预览的动画编辑
    •  脚本功能,灵活的扩展编辑器面板的属性(非常容易给组件额外添加自定义的属性和方法,完全自己代码控制)
    •  样式编辑,基础模式,代码模式。方便开发和运营不同角色使用
    •  在线预览
    •  二维码预览
    •  可导入psd
    •  支持pc端和移动端
  2. 组件商城
    •  25+组件,也欢迎开发者贡献自己的组件,查看所有组件
    •  可上传,下载自己或别人的组件
    •  可出售自己开发的组件
    •  可购买别人的组件
  3. 后台管理与数据
    •  可按团队管理页面 类似gitlab管理项目。合理的权限管理
    •  表单数据收集,并有数据同居
    •  支持页面的pv uv以及自定义埋点信息
    •  方便的资源和组件管理

组件商城

提供第三方组件快速导入自己搭建的系统,也可以把自己开发比较好的组件上传到组件商城提供他人免费或者付费使用

组件接入简单

如果第三方组件满足不了你,我们提供方便的脚手架创建组件,你可以把一个小功能,一个页面,一个项目做成一个组件,暴露参数给其他同学在编辑器里面填写 组件开发文档

图为组件开发套件使用动图

脚本扩展组件功能

每个特定功能的组件可以通过组合各种功能(点击跳转,打点等等任何逻辑)脚本来达到对组件功能的扩展。完成特定的功能,并友好的提供参数给到组件的使用者在编辑器上填写。目前每个脚本都是一个 Vue 对象,这对熟悉 Vue 的开发者非常友好,深入了解请前往 码良是如何设计高扩展的在线网页制作平台的 

图为编辑器工作区界面 

组件动画展示

运营活动对一些简单的动画提供支持,方便做一些入场和出场的动画,提升活动的交互感,我们使用了 Animate.css 提供的一套 CSS 动画。并提供逐帧设置预览,方便使用。下面提供简单的展示 

合成组件展示

合成组件就是选择已有的节点保存为一个通用的组件,方便下次直接使用

使用组合组件

导出组合组件

模板页面

页面模板的目的和组合组件类似,都是提供已经做好的内容,运营快速选择使用达到快速上线活动的目的,下面是简单的演示 


项目来源github,如有侵权,请联系博主,谢谢观看

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注