Low-code 活动页平台实践
前言
低代码开发（Low-code）是指利用可视化的拖拽式开发环境和少量编程代码，快速构建应用程序的方法。
主要优势： 开发速度和提高开发人员的生产力。
劣势： 可能限制了定制化，无法完全满足特定业务需求。
低代码适用于想要更快构建应用程序的开发人员 低代码平台不是通用的解决方案，不能覆盖所有应用场景，它只能针对某一业务场景，比如 H5 活动页等场景是有一定的意义的，活动页大多数场景比较类似。
从目前的低代码平台来看，基本上都是靠拖拉拽来生成应用。可以说低代码平台是重前端，轻后端的产品，对于前端的技术要求更高。
需求
通过可视化搭建活动页平台 拖拽生成完成后生成 HTML 文件直接使用，并且支持二次开发，让开发专注于业务逻辑的处理。
实现
源码 搬运中...
功能点
- [x] 画布,编辑器
- [x] 拖拽添加组件
- [x] 可拖拽组件(img,form, video, swiper)
- [x] 组件属性设置(css, src)
- [x] 删除组件
- [x] 绑定事件
- [x] 支持本地缓存 / 清除缓存
- [x] 预览效果(prod)
- [x] 生成 HTML 代码, 二次开发
- [x] 支持 Vue 开发
- [x] 上传
- [x] 二次拖拽
- [x] 多平台(h5,app,小程序)
- [x] 支持埋点
- [ ] 平台画布 UI 优化
- [ ] ...
参考
https://juejin.cn/post/7101981953213071373
https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/