来源: 趣谈前端公众号

Dooring3.0可视化搭建平台使用指南

H5-Dooring现在现已发布3.0版别, 从技术和产品功用上做了进一步的优化和迭代, 从2.0.0到3.0.0, 大大小小差不多迭代了100个版别, 接下来就和咱们共享和介绍一下H5-Dooring以及3.0版别的一些变化.

H5-Dooring可视化建立平台介绍

H5-Dooring是一款拖拽式制造web页面的工具, 它能够轻松帮咱们制造灵活且功用强壮的H5页面, 咱们运用它几乎没有任何成本, 拖拽式的基础上还提供了丰厚的组件, 让咱们能够开箱即用. 不管你会不会编程, 都能够轻松运用它实现自己的H5制造需求:

Dooring3.0可视化搭建平台使用指南

这儿我总结一下它的特点:

  • 所见即所得(实时修改, 实时预览, 还支撑多形式预览)
  • 多形式建立(支撑智能网格布局和自在布局两种形式)
  • 丰厚且继续更新的组件物料(提供的组件基本满意各种运用需求)
  • 规划辅助才能(支撑参阅线,网格线, 支撑创立自定义参阅线, 内置颜色搭配画板)
  • 表单收集和可视化剖析才能(对收集的表单信息进行数据可视化剖析)
  • 有用的快捷键支撑
  • 图层办理面板和可调控的页面尺寸规划
  • 支撑下载代码, 轻松布置到自己服务器
  • 支撑页面本地化版别办理

Dooring3.0可视化搭建平台使用指南

当然还有许多功用, 咱们能够慢慢发掘. 接下来和咱们共享一下3.0版别的更新内容.

H5-Dooring3.0 更新内容

1. 页面办理模块UI晋级

Dooring3.0可视化搭建平台使用指南

之前的页面列表略显单调, 现在晋级成卡片形式, 多页面的仿制链接, 修改, 仿制页面, 删除页面做了更好的视觉控制规划, 便利咱们进行运用.

2. 顶部菜单功用晋级

Dooring3.0可视化搭建平台使用指南

因为之前顶部菜单功用项较多, 所以看起来很紧凑, 最近又添加了一些功用键, 所以规划了常用操作下拉按钮, 咱们能够在下拉菜单中发现许多有用的功用, 比方:

  • 新建页面
  • 下载/上传json
  • 生成海报共享图
  • 网格线开关
  • 参阅线开关
  • 新建参阅线
  • 清空参阅线

后续随着功用的迭代, 会增加更多常用功用, 最更好的分类规划.

3. 特点修改器功用迭代

Dooring3.0可视化搭建平台使用指南

2.0版别是固定在左侧的, 关于创立PC端页面, 会对画布视线做一定的遮挡, 影响建立效率. 在新版别中对交互做了进一步晋级, 特点面板支撑自在拖拽方位, 并支撑手动控制打开和收起:

Dooring3.0可视化搭建平台使用指南

上图咱们能够看到, 收起状态下几乎不占用空间, 确保了画布的最大视觉空间.

4. 下载代码才能

之前版别也支撑下载代码才能, 最近对出码模块做了晋级, 能够支撑代码下载后本地一键访问, 无需本地发动服务器.

Dooring3.0可视化搭建平台使用指南

5. 组件埋点计算, 更好的感知用户对组件运用情况

Dooring3.0可视化搭建平台使用指南

埋点计算时分可视化建立平台的辅助才能, 可是对产品规划和后续产品迭代有非常好的辅导价值, 便利后续做数据剖析和精准迭代.

6. 表单收集和表单数据剖析才能

Dooring3.0可视化搭建平台使用指南

这块主要是对表单数据进行更多的业务操作, 比方导入数据, 导出数据, 生成可视化剖析报告等.

7. 页面本地化版别办理才能

Dooring3.0可视化搭建平台使用指南

页面版别办理能够便利用户对每一次的保存做记载, 以便后面想回退, 能够一键回退. 这样做能够最大限度的协助用户下降误操作的可能性, 提高用户页面制造的安全性.

后期规划

关于零代码或许无代码建立平台来说, 尽可能的覆盖更多的场景,满意更多的用户运用场景是个不错的方向, 同时也要把每个场景做深做透, 才能让用户更好的运用和产生价值.

未来dooring会在如下几个方向做进一步优化:

  • 丰厚行业场景模版, 让用户更高效的制造页面
  • 开发小程序容器, 支撑一键导出小程序容器代码
  • 支撑更强壮的表单建立才能
  • 打通营销活动, 助力个人或许企业品牌营销
  • 上线数智化模块, 让Dooring更懂用户需求