关于我做了一个Vue3的开源的可视化框架这件事情。
无界魔方项目地址
我们在项目研发之初进行了一些内容的探讨,下一代可视化框架应该解决哪些问题?
-
如何摆脱可视化=低代码=没啥用的观念?
-
如何让可视化框架应用更高效?
-
如何让非行业人员可以快速做出一个专业从业人员所能做出的页面?
接下来,我们分析一下各个问题的痛点。
如何摆脱可视化=低代码=没啥用的观念?
目前的可视化项目基本包含两个方案,一个可视化表单。一个可视化页面。
本质上没什么区别。
都是将常用到的组件进行复杂的封装展现给大家。
但这是我们想要的么,很明显不是。
复杂封装的组件代表项目中会存在大量的无用节点。
这将潜在的影响我们项目中的性能。
在多的组件封装。总会有许多我们迫切需要且没有的功能。
而这些功能不被可视化项目所具备。
我们无法对它进行任何的二次开发或者其他干预。
只能按照可视化项目所拥有的能力来使用。
如何解决?
我们在无界魔方中采用全新的方案。在去除大量无用节点的基础上。为它带来了以下能力:
- 直接引入项目中所有的已注册组件,不需要进行二次封装。
- 可以写入严格的组件关系逻辑。
如何让可视化框架应用更高效?
目前市面上大部分交互操作都是进行简单功能的封装,如果出现复杂功能。通常采用以下两种方案:
- 通过js进行代码写入。
- 简单的写法却需要更加专业的知识。
如何解决?
我们在无界魔方中配备了交互支持。可以对大量的内置事件进行变量绑定以及数据交互,你也可以为它配置专有的计算方法。
为什么采用数据交互?
- 数据交互可以为我们带来更加细腻的组件控制。
- 我们可以对数据进行变动来控制组件的显示效果。
如何让非行业人员可以快速做出一个专业从业人员所能做出的页面?
通常非行业人员只会描述而不会去做。目前市面上的可视化项目基本都是为前端从业人员准备的。非行业人员入手难度相当大。哪怕仅仅是拖拉拽。依旧存在很大的问题。
如何解决?
我们正在为无界魔方配备了AI模型,在这同时我们的AI模型正在进行大量的专项训练。以保证它在各项描述中都能回答出我们所需要的问题。
你只需要向它描述。需要我要做什么?它就会为您生成你所需要的内容。它所生成的内容将以您当前项目所使用的UI库为基准。
我们在完成页面制作的同时可以将它直接生成组合式或者选项式的代码。
当然我们也配备了相应的render可以让您直接应用。