ymm-tech/gods-pen：基于vue的高扩展在线网页制作平台

【Github】项目名：ymm – tech/gods – pen：基于vue的高扩展在线网页制作平台

项目简介

ymm – tech/gods – pen是一个基于vue的高扩展在线网页制作平台。它具有多种功能，如可自定义组件、添加脚本以及进行数据统计等，类似Amobilepagebuilder/editor。其官网为https://godspen.ymm56.com/，还提供使用手册、在线体验、私有部署、组件商城等相关链接。该项目已不再维护，主要用于学习参考，在其基础上有升级版本（详情见https://saas.mlml.design/home.）。

项目目的

创建一个开源免费的平台，希望有才的人在平台上贡献自己的组件、脚本、设计模板页面，支持组件或脚本开发者设置免费或收费使用，也支持公司内部搭建使用。既服务于运营人员制作轻业务的营销页面，也可作为开发者快速业务迭代的工具。

核心技术

此项目主要基于Vue，Vue占比达66.1%，还有JavaScript（22.1%）、CSS（6.2%）、SCSS（4.1%）等技术。在功能方面，支持编辑器多角色切换工作台、拖拽组件、动画编辑（实时预览且可按帧拖动）、脚本功能（可灵活扩展编辑器面板属性）、样式编辑（基础和代码模式）、在线预览（二维码预览）、可导入psd、支持双端（pc和移动端）。组件商城有25 +组件，支持组件的上传、下载、出售、购买等操作。后台管理方面，类似gitlab管理项目，有权限管理、表单数据收集、页面的pvuv及自定义埋点信息、资源和组件管理等功能，还支持第三方组件快速导入自己搭建的系统，也可上传自己开发的组件供他人使用。另外，通过脚本扩展组件功能，每个脚本是一个Vue对象，方便熟悉Vue的开发者使用。对于动画方面，使用Animate.css提供一套CSS动画用于运营活动中的简单动画制作（入场和出场动画）并提供逐帧设置预览。

项目总结

ymm – tech/gods – pen是一个功能丰富的在线网页制作平台，虽然已不再维护但仍有很大的学习价值，并且在此基础上有了更好的升级版本。希望大家在了解这个项目之后可以在评论区留言分享自己的想法或者经验。

项目地址

GitHub链接直达