无界魔方-开发笔记-基于vue3的拖拽式组件库框架

288 阅读2分钟

这两年低代码无代码平台相继火爆。

我也使用过一些低代码的表单设计器以及页面设计器。

但是看了很多框架。都需要自己进行组件封装。而且每个组件的封装都会极为的复杂。

代码生成上甚至需要做一些配置才可同时兼容。

这两年。我也尝试做了低代码平台,这里也不过多介绍。

哪怕我们开放了更多的组件以及模板功能。还是存在不少的问题。下面列举一下。

对于前端人员来讲。我们使用低代码的目的无非是提高我们的开发效率。

但是目前的低代码平台不管在使用上生成上,都需要我们耗费更大的精力来完善组件库。

基本需要使用的组件都需要进行二次封装才可以使用。

目前国内行情来讲,每一个项目的时间都很紧基本没有过多时间来封装这些组件。

这也导致了现在可视化拖拽框架很普遍的一个问题,形如玩具。

简单的项目不需要,复杂的项目用不了。

对于不懂的人来讲,只能使用这些基础组件。

稍微自己想要的东西一点做不了,直接麻瓜。

基于上面的考虑。我们在想是否能直接基于组件库来提供一个辅助编程级的拖拽式组件库框架。于是就有了我们的无界魔方。

该项目我们目前也发布到了github供大家预览及使用。无界魔方

它可以直接引入你的组件而不需要二次封装。

它直接支持组件库。您只需要将插槽内容以及选择项内容提供给他。

剩下的都交由它来完成。

它可以直接使用所有插槽。使用所有属性。使用所有事件。甚至可以使用原生事件以及生命周期。

最重要的它提供了render以及代码生成两种概念。

它所有的内容都将是组件库的标签以及HTML5标签。

这就意味着你可以用它来使用你所有代码级的需求。

因为其中涉及的功能点过多,大体先介绍到这里,后期我们会在做一些功能介绍的文章。