H5-Dooring 是一款功能强大,专业可靠的 H5 可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的 H5 落地页最佳实践。技术栈以 react 和 typescript 为主, 后台采用 nodejs 开发, 正在探索 h5-lowcode 解决方案。
使用 GPL-3.0 开源协议
- 参考线
- 基础组件
- 可视化组件
- 媒体组件
- 商品组件
- 拖拽器
- 配置面板
- 表单设计器
- (多) 页面管理 (复制, 编辑, 删除, 新建)
- 组件动画
- 组件交互
- 数据源管理
- 快速预览
- 真机预览
- 撤销、重做
- 微信分享
- 快捷键
- 模版库
- 桌面端软件 Dooring-electron, 支持离线使用
- 上传 json,一键转换为 H5
- 图片库
- 出码能力 (下载源码, 下载 dist 包)
- 创建、保存、更新作品
- 用户管理, 权限管理
- 一键智能分析
- 数据看版
- 表单数据收集
- 表单数据展示
- 表单数据分析, 一键导出 excel, 表单多条件搜索
- 在线预览
- 二维码预览
- 模版管理
- 出码接口
- 1.视频组件添加播放时是否全屏配置项
- 2.修复 icon 组件点击失效问题
- 3.编辑器支持多尺寸切换, 支持画布尺寸自定义
- 4.修复后台管理分析表单的多语言问题
- 5.组件库支持用户自定义选择
数据结构设计
为了提供组件的自定义能力,我们需要定义一套高可用的数据结构, 这样才能实现因组件需求变更而带来的维护性优势. 在开始设计数据结构之前我们先来拆解一下模块:
更多功能广大网友可以继续挖掘。