分享六款yyds的可视化搭建开源项目( 二 )


项目链接: https://github.com/MrXujiang/h5-Dooring
4、mometa——面向研发的低代码元编程编辑器 

分享六款yyds的可视化搭建开源项目

文章插图
 
mometa 不是传统主流的低代码平台(如 amis/h5-dooring),mometa 是面向研发的、代码可视设计编辑平台;它更像是 dreamweaver、gui 可视编辑之于程序员 。
它用于解决的问题有:
  • 对低代码平台不形成依赖,二次开发可以无缝进入代码开发模式 。
  • 同时支持所见即所得的可视编辑,用于提效,提升开发体验 。
  • 提供物料生态,可自定义物料,提升物料使用体验,提升复用率 。
mometa 定位更多是 基于程序员本地开发的模式,新增了可视化编码的能力(修改的也是本地的代码文件本身); 它更像是辅助编码工具,而不是 No-Code (amis/h5-dooring) 的平台方案 。
项目链接: https://github.com/imcuttle/mometa 。
更多特性介绍:
 
分享六款yyds的可视化搭建开源项目

文章插图
 
5、V6.Dooring——可视化大屏制作工具 
分享六款yyds的可视化搭建开源项目

文章插图
 
说到数据可视化,想必大家多多少少稍接触过,从技术层面谈,最直观的就是前端可视化框架,比如:
  • echart
  • antv
  • Chart.js
  • D3.js
  • Vega
这些库都能帮我们轻松制作可视化图表 。V6.Dooring 提供了一种设计方案, 可以将不同的可视化图表通过拖拽的方式整合成一张数字化大屏, 极大的降低了开发成本和周期, 加速企业数字化转型, 其技术架构如下:
 
分享六款yyds的可视化搭建开源项目

文章插图
 
为了实现产品的易用性, V6.Dooring设计了如下几个核心模块:
  • 拖拽器实现
  • 物料中心设计
  • 动态渲染器实现
  • 配置面板设计
  • 控制中心
  • 功能辅助设计
下面是它的编辑器:
 
分享六款yyds的可视化搭建开源项目

文章插图
 
值得注意的是, V6.Dooring 也是由 H5-Dooring 作者主导研发的, 如果大家感兴趣可以研究一下.
6、form-generator——基于Element UI表单设计及代码生成器 
分享六款yyds的可视化搭建开源项目

文章插图
 
Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单 。
我觉得它和 Formily 有点相似, 都是技术侧搭建项目 。
项目链接: https://github.com/JakHuang/form-generator 。
总结好啦, 今天的分享就到这啦, 后期会持续分享高价值的使用项目和技术实战分享 。

【分享六款yyds的可视化搭建开源项目】


推荐阅读