首页 > 其他分享 >【低代码】可视化低代码产品实现基本架构

【低代码】可视化低代码产品实现基本架构

时间:2023-06-05 16:39:28浏览次数:40  
标签:架构 代码 平台 动效 API 可视化 组件


低代码在做什么

第一性原理意味着你抛弃一切,直击真相本质,然后从那里开始推理。1

通过第一性原理思维方式去思考低代码,首先不管我们做什么方式进行编程,一定是为了获得一个满足我们需求的程序,低代码和传统方式的区别在于进一步降低了编程门槛,将编程变成了一种更直观更容易理解方式,并未改变编程的本质。使用低代码平台进行开发,和普通的写代码开发并未发生本质的区别,它的作用在于降低门槛,提高受众面积,提高开发效率。

那不难推理出,低代码是一种工具,和编程语言一样。那我们应该怎样去做一款低代码的产品呢?

这个问题可能没有具体答案,笔者之前的博客中也提到过,低代码不限于方式,也很难有明确的标准,但从第一性原理的思维方式可以推理出,我们去实现一款低代码产品最好的方式就是像去设计一款编程语言去实现它。这样或许不太容易理解,笔者会在后续的具体实现中进行阐述。


可视化低代码平台组成

【低代码】可视化低代码产品实现基本架构_低代码实现方案

可视化编辑器

可视化编辑器是由低代码平台方提供的一个程序编辑环境,如同你的idea、vscode或者processOn之类的工具,只是这个工具里可以不进行代码编写或者只进行少量代码编写,类似在processOn中只需要拖拽图形组件就能做出流程图,不过低代码平台可能更加复杂。

  • processOn
  • mendix

工具套件

在可视化低代码平台中往往会有各种简单编辑的组件,包括UI组件、逻辑组件、数据相关组件、API组件等等…

  • UI组件
    像一个按钮、一个文本框等等都是一个UI组件,在可视化低代码平台中只需要将你所需要的组件拖拽到你想要的位置就会到达你想要的效果,不用想写代码那样要对组件的位置进行定位啊、还有一系列布局的精心设计。
  • 逻辑组件
    和写代码中的逻辑运算类似,逻辑组件在低代码平台中也可以做成可视化的形式,就像设计流程图那样就可以进行逻辑上的处理。我们平时编写的很多代码也是if、else之类的来控制程序流程,在可视化低代码平台中只是表现的方式可能不同。

【低代码】可视化低代码产品实现基本架构_低代码实现方案_02

  • 数据相关组件
    我们编写的程序往往需要用到数据的增删改查啊,就像每个CRUD body/girl所做的一样,低代码平台的用户也逃离不了CRUD的魔爪,不过一般低代码平台的数据表数据库相关的服务往往使用更加简单。相信绝大部分开发人员都使用过诸如Navicat这样的工具,因为确实太方便了,就拿Navicat mysql客户端为例,用户只需要进行表格配置就可以完成表的创建,可视化的数据新增、编辑、筛选功能,这可比你写SQL快多了(巨佬除外)。

【低代码】可视化低代码产品实现基本架构_低代码实现方案_03

  • API组件
    在WEB开发中你可能离不开API,前后端交互很多需要后台的实现。在可视化低代码平台中,可以通过简单的配置就可以完成API的定义,再加上API使用的触发逻辑即可完成API的调用。这儿可能很多开发人员使用过一款叫postMan的软件,通过定义接口,定义报文的一些字段,入参就可以完成接口测试调用。

【低代码】可视化低代码产品实现基本架构_低代码平台架构_04

  • 动效组件
    现代程序中往往有很多动效的使用,就像PPT中用到的一些动画效果,像一些常见动效,渐入、渐变、淡出、弹出、飞入、百叶窗都是动效的形式,不过动效往往除了常见的之外很多都需要定制,我们很难在一个低代码平台中实现满足用户对全部动效的需求。

播放器

播放器往往是一款低代码平台设计的灵魂,因为用户在编辑器里做出来的东西可能还只是一个模型,如果把这个模型文件单独拿出来可能什么也无法实现。

播放器需要将用户编辑出来的模型播放出来,就相当于解析的过程,可能是播放器直接将模型动态的展示出来,也可以先将模型翻译成HTML这样的普遍的呈现方式,这样浏览器就可以运行翻译出来的文件。

播放器的实现方式并非是特定的,可以更具具体的设计方案来实现。


  1. Elon Musk explains “first principles” ↩︎


标签:架构,代码,平台,动效,API,可视化,组件
From: https://blog.51cto.com/u_16151322/6417528

相关文章

  • 【低代码】低代码概述
    1初识低代码机缘巧合,2021年接触到了低代码,初见充满神秘,再见仍别具魅力。首先,低代码并非一个新的事物,但也并非新杯装陈酒。从历史来看,低代码并非横空出世;从应用发展来看,它任然稚幼。在行业内并没有低代码的一套统一的标准,整个行业还处于百家争鸣的时段,当然低代码作为aPaas/Saas(Soft......
  • API接口获取快手商品详情(封装代码)
    快手是中国最大的短视频平台之一,也是许多电商企业进行推广的重要渠道。为了更好地了解快手的商品信息,我们可以通过API接口来获取商品详情。首先,我们需要了解快手API接口和相应的文档接下来,我们需要准备请求接口的工具。在这里,我要介绍Python语言和requests库。requests是一个很......
  • go map gc的测试代码
    **本文章由githubcopilot协助生成**遇到一个离职同事写的代码,如下:```gopackagemapGCfuncmapGc(){lock:=sync.Mutex{}gofunc(){for{time.Sleep(12*time.Hour)tmp:=make(map[string]interface{})lo......
  • 【IDE】IntelliJ IDEA 插件之Alibaba Java Coding Guidelines - 阿里巴巴Java代码检测
    一、安装进入插件安装界面|-File |-Settings |-Plugins输入alibabainstallAlibabaJavaCodingGuidelines重启IDEA,开始使用二、使用编码规范扫描该插件在扫描代码后,将不符合《java开发手册》的代码按Blocker/Critical/Major三个等级进行显示在Snoar中对代码规则有五......
  • 10、Keepalived实现双业务双主架构
    实现Master/Master的Keepalived双主架构master/slave的单主架构,同一时间只有一个Keepalived对外提供服务,此主机繁忙,而另一台主机却很空闲,利用率低下,可以使用master/master的双主架构,解决此问题.Master/Master的双主架构:即将两个或以上VIP分别运行在不同的keepalived服......
  • springmvc架构流程
    1、 用户发送请求至前端控制器DispatcherServlet2、 DispatcherServlet收到请求调用HandlerMapping处理器映射器。3、 处理器映射器根据请求url找到具体的处理器,生成处理器对象及处理器拦截器(如果有则生成)一并返回给DispatcherServlet。4、 DispatcherServlet通过HandlerAdap......
  • 零代码编程:用ChatGPT批量下载播客音频文件
    国外有很多优质的播客podcast资源,且都是可以免费下载的。比如,我们想下载ChatGPT相关的播客。可以先打开播客搜索网站:https://podnews.net/在搜索框里面输入:ChatGPT,上面是stories,往下拉一下,就可以看到所有chatgpt相关的podcasts了:选择一个打开,可以在苹果podcast、pocketcasts、spot......
  • Java建造者模式,用代码体验LEGO的快乐
    前言本文主要讲述Java设计模式中的建造者模式,文中使用通俗易懂的案例,使你更好的学习本章知识点并理解原理,做到有道无术。一.什么是建造者模式建造者模式是23种设计模式中创建型模式的一种,它关注的是对象创建的步骤,将一个复杂的对象抽象出来,一步步地把一个复杂的对象创建出来。......
  • 浏览器请求转换成Postman和postman请求转Java/JS.等后端代码
     unirest为例:<!--与postman非常友好的RPC框架--><dependency><groupId>com.konghq</groupId><artifactId>unirest-java</artifactId><version>3.5.00</version></depend......
  • 从0到1:如何建立一个大规模多语言代码生成预训练模型
    国产AI辅助编程工具CodeGeeX是一个使用AI大模型为基座的辅助编程工具,帮助开发人员更快的编写代码。可以自动完成整个函数的编写,只需要根据注释或Tab按键即可。它已经在Java、JavaScript和Python等二十多种语言上进行了训练,并基于大量公开的开源代码、官方文档和公共论坛上的代码来......