以前我一直在科学研究低代码数据可视化有关的技术和产品, 也核心过不少数据可视化构建新项目, 目的是为了减轻企业研发经费和减少商品交付周期, 近年来随着技术发展也接连不断有许多出色的创新产品面世, 下面我便跟大家分享几种十分有意义的数据可视化构建新项目, 助推企业数字化转型.
1. Formily——阿里统一前面表格解决方法
上边大家看到的都是Formily的在线编辑器的截图, 是由阿里技术精英团队开发设计, 彻底开源系统, 我们可以使用它制做自然流合理布局的表格构建运用, 假如你是专业技术人员, 还能够订制自己喜欢的部件, 现阶段Formily 早已适用好几个组件库和架构,如下所示:
- antd
- element
- vant
- next
- semi
因此不论你是react
架构开发人员或是vue
架构开发人员, 你都可以使用这些构建自已的表单设计服务平台.
可是唯一的主要缺点对于非专业技术人员不足友善, 例如它拖动是自然流合理布局, 元素位置无法完全的权利挪动, 所以对于一些个性化或是自由性的画面而言就不是很可用了, 下列就是它的框架图:
新项目连接: github.com/alibaba/des…
大伙儿有兴趣的话可以学习培训参考一下.
2. Amis——百度搜索前面低代码框架
amis
是一个低代码前端ui框架,它使用 JSON 配备来形成网页页面,能够减少页面开发任务量,巨大提升工作效率。
前端工程师正变得更加繁杂,学习培训门坎越来越高,需要使用比较流行的 UI
组件库,我们应该懂 npm
、yarn
, webpack
、react/vue
等,务必了解 ES6 词法,最好是还要掌握状态管理,例如 Redux
,假如没有接触过函数式编程,光新手入门都太费劲,而新手入门后会发觉它还有着极大生态,有关的库有 2347
个,许多功能相似,选择成本相对高。
要实现用非常简单方法来形成绝大多数网页页面,amis
解决方案都是基于 JSON
来配备,它与众不同好处就是:
- 不用懂前面:在搜索引擎内部结构,绝大多数
amis
客户以前从未读过前端界面,都不会 JavaScript,却可以做出技术专业且繁杂的后台管理界面,这是每个别的前面UI
库都很难做到的; - 不会受到web前端升级更新的危害:百度搜索内部结构最早的
amis
网页页面是 6 年有余前建立的,迄今为止使用,而曾经的Angular/Vue/React
版本号现在废旧了,当初最流行的Gulp
又被Webpack
替代了,如果这个网页页面而不是用amis
,现今维护费用会比较高; - 能够完全应用数据可视化网页页面在线编辑器制作网页页面:一般前面可视化编辑器只有拿来做静态数据原形,而
amis
可视化编辑器作出页面是完全可以推出的
新项目连接: github.com/baidu/amis
大伙儿有兴趣的也可以学参考一下.
3. H5-Dooring——H5网页页面构建软件(每个人都可简单化制做网页页面)
H5-Dooring 是一款由国内技术大佬研发的专业型数据可视化低代码新项目, 制做H5网页页面能够像积木游戏一样简单, 轻轻松松构建H5网页页面, H5网址, PC端网址,LowCode
服务平台.
与此同时在线编辑器适用多种语言, 并提供多种渲染模式, 例如智能网格合理布局, 随意合理布局, 适合非专业技术人员应用, 10min搭建一个精致网页页面, 系统架构如下所示:
值得关注的是大家在H5-Dooring 上根据数据可视化构建页面, 能一键发布, 而且适用下载网页编码, 这样对不明白技术性工作的人员, 都可以轻松将网页页面部署到自己的网站上, 真是是是非非技术人员的福利. 服务平台目前正在持续迭代, 打造出更强的使用体验.
新项目连接: github.com/MrXujiang/h…
4. mometa——面对研制的低代码元编程在线编辑器
mometa
并不是传统式热门的低代码平台(如 amis/h5-dooring),mometa
主要面向研制的、编码可视性设计方案编写服务平台;它更像 dreamweaver
、gui
可视性编写对于程序猿。
它用以解决问题有:
- 对低代码平台不产生依赖于,二次开发能够无缝拼接进到代码开发方式
- 并且支持眼见为实的可视性编写,用以提质增效,提高开发设计感受
- 给予原材料绿色生态,可自定原材料,提高原材料使用感受,提高复用率
mometa
精准定位更多的是 根据程序猿当地开发设计的方式,增加了数据可视化编号能力(改动基本都是当地的编码文档自身);
它更像辅助编码专用工具,而非 No-Code
(amis/h5-dooring) 的渠道计划方案.
新项目连接: github.com/imcuttle/mo…
大量特点详细介绍:
5. V6.Dooring——可视化大屏制作设备
提到大数据可视化, 相信大家或多或少稍接触, 从技术方面谈, 最明显的便是前面数据可视化架构, 例如:
- echart
- antv
- Chart.js
- D3.js
- Vega
这种库都可以帮助我们轻轻松松制做可视化图表。V6.Dooring
提供了一种设计, 能将不同类型的可视化图表根据拖动的形式融合成一张智能化大屏幕, 很大的减少了项目成本和周期时间, 加快企业数字化转型, 其系统架构如下所示:
要实现新产品的便捷性, V6.Dooring
制定了如下所示好多个关键控制模块:
- 拖动器完成
- 原材料核心设计方案
- 动态性3d渲染器完成
- 配备外壳设计
- 监测中心
- 作用协同设计
下边就是它的在线编辑器:
值得关注的是, V6.Dooring
都是由 H5-Dooring
创作者核心研制的, 如果你们有兴趣能够研究一下.
6. form-generator——根据Element UI表单制作及代码生成器
Element UI
表单制作及代码生成器,可以将产生的编码立即工作在根据Element
的vue
工程中;也可以导出来JSON
表格,应用配套在线解析将JSON
分析成真实表格。
我觉得它和 Formily
有点儿类似, 全是技术性侧构建新项目.
新项目连接: github.com/JakHuang/fo…
汇总
好了, 今天这篇文章就到了这啦, 中后期将持续共享高颜值应用项目及技术性实战演练共享, 如果你们有中肯的建议也欢迎随时意见反馈.