当前位置: 首页 > 科技观察

如何打造低代码平台?看看这个开源项目!

时间:2023-03-14 22:33:59 科技观察

每天,当你写代码的时候,你一定在思考如何提高你的工作效率。一种方法是提高您的编码水平。工具还可以提高开发效率。今天TJ君要给大家分享的就是这样一个场景化的低代码(LowCode)构建工作台sparrow,通过简单的操作实时输出源码。Sparrow支持基于vue和element-ui组件库的中后台项目输出。目标只有一个,那就是:提高开发效率!使用之后,你会发现sparrow的优势主要体现在两个方面:1、简单易用。通过将代码与业务逻辑进行组装,只需拖拽即可完成功能层面的项目构建,无需过多的手写代码,源代码即可开发。2.可扩展性。可以通过AST读取组件的源码,并进行组合。只要把页面的逻辑拆开,就可以任意组装。基于以上两方面,sparrow的特点可以概括为三个特点:低代码开发,快速生成可读性强的vueelement-ui组件库源码。可视化开发,通过GUI生成页面代码源文件。资产市场、代码资源共享,包括组件、编辑块、静态块、搜索业务组件、插件、场景搭建编辑器。Workbench安装方式:全局安装#全局安装$npminstall-gsparrow-code#在项目中运行$sparrowInstall#在项目中安装$npminstallsparrow-code-D#package.jsonaddsparrow"scripts":{"sparrow":"sparrowstart-mpage"}#在项目中安装GUI组件$npminstall@sparrow-vue/develop-ui-S#ReferenceApp.vue在项目中小伙伴们可能有点担心,这样low-code工作台能否满足各种开发需求?对此,sparrow提供了多种不同类型的素材源,帮助用户提高研发效率。TJ老师举了几个例子:Component:vueelement-ui基础组件container:存储基础组件editingblock:场景特定的代码片段,可以增删改staticblock:代码片段搜索组件:官方内置特定逻辑组件插件:第三方对自定义组件的实用性还有疑虑的朋友可以看看下面这个动图:作者还提供了在线试用版,和上面的演示效果是一致的。感兴趣的朋友可以先在线体验一下。一、然后决定是否下载完整的项目代码进行学习研究。TJ认为这款workbench不仅适合想开发但编码能力一般的小伙伴,因为上手简单;也适合那些以学习和研究实现方法为目标的大伙伴。毕竟,并非每个低代码工作平台都是开源的。所以想用的朋友赶紧学起来吧!