乐趣区

关于前端:可能是最好的低代码逻辑编排方式Blueprint蓝图

jiezi

近年来，零代码和低代码开发变得十分风行。逻辑编排也备受关注，它是零代码和低代码开发计划的重要组成部分。业界许多优良的团队推出了多种可视化的逻辑编排计划。零壤是一个在低代码畛域深耕多年的团队，他们也提出了本人的低代码可视化逻辑编排计划：Blueprint，中文名：“蓝图”。

蓝图是什么

蓝图个别称为 Visual Programming 或者 Blueprint Programming，最早由空幻引擎在 UE4 中提出，用于创立游戏和交互式应用程序。它容许开发人员应用图形化界面来创立代码逻辑，而不须要编写传统的代码。蓝图能够用于创立游戏中的角色、AI、关卡、特效、动画等各种元素，同时也能够用于创立交互式应用程序中的用户界面、逻辑流程等。

蓝图应用节点和连线来示意代码逻辑，节点代表代码块，连线代表代码执行的程序。开发人员能够通过拖放节点、设置参数、连贯节点等形式来创立代码逻辑。蓝图还提供了许多内置节点和性能，例如数学计算、条件判断、循环、函数调用等，使得开发人员能够更加高效地创立简单的代码逻辑。

晚期的零代码或者低代码开发个别通过 BPM 实现了业务流程搭建。而随着需要的复杂化，基于 BPMN 规范实现的流程引擎曾经难以满足越来越简单的业务需要，低 / 零代码平台对于图灵齐备的业务逻辑编排需要也更加强烈。在这样的背景之下，零壤团队将蓝图引入到低代码利用开发平台中，以实现灵便的业务逻辑编排。

从技术层面来看，蓝图是一种通用的编程语言设计，能够在简直所有高级编程语言中实现。目前，零壤曾经胜利实现了对 JavaScript 和 Java 的蓝图反对。

这是一个比拟典型的蓝图节点：

  1. “输出”、“输入”点别离连贯逻辑的上下文；
  2. 左侧的输出参数，能够连贯任意的变量和上文节点的输入；
  3. 右侧的输入后果，能够连贯到下文节点的输出；

蓝图的应用

变量的创立和编辑

在程序中，变量是一种能够存储数据的容器。变量能够存储各种类型的数据，例如数字、文本、布尔值等，也能够是自定义的数据类型，如数组、构造体等。变量的作用在于，它能够在程序中存储数据，并且能够在程序执行过程中扭转其值。这使得程序更加灵便和可扩大。

在 Web 利用开发中，零壤平台曾经适配了目前国内最广泛应用的 Vue.js 框架。在蓝图中，通过切换至变量视图，咱们能够轻松地创立变量，并设置变量名称、默认值等属性。这些创立的变量最终将被翻译为.vue 文件中的 data。

办法逻辑的创立和信息编辑

蓝图容许用户创立 function，JavaScript 中的 function 是一种可重复使用的代码块，它能够承受输出参数并返回输入后果，或者执行一些工作，批改页面渲染成果等。

创立一个新办法非常简单，从左侧的列表拖入一个自定义办法到列表视图中，选中当前再右侧的配置面板中设置信息即可。

办法逻辑的编辑

从资源列表中，能够拖入各种节点编排逻辑；
在本例中，咱们创立了两个变量，别离是“number1”和“number2”，应用一个加法节点将这两个变量相加，最初的后果通过一个“音讯揭示”节点弹出；

代码生成

点击保留按钮，会调用翻译器生成蓝图对应的 JavaScript 代码。

count: function () {
  const _this = this;
  var _tt_temp_var_0 = this['number1'] + this['number2'];
  this.$Message.success({content: _tt_temp_var_0});
}

这里咱们能够看到曾经将对应的代码生成了进去。

蓝图的劣势和劣势

咱们都晓得，在软件开发中没有银弹。蓝图作为一种优良的可视化逻辑编排计划，在有不少长处的同时，也会存在相应的毛病，咱们对此要求比较清楚的认知。

劣势：

  1. 可视化编程：蓝图采纳可视化编程的形式，能够让开发者更直观地看到整个利用的逻辑的构造和流程，升高了编程的难度。
  2. 代码复用：蓝图中的节点能够被保留为自定义的函数，能够在其余蓝图中重复使用，进步了代码的复用性。
  3. 实时预览：在蓝图中批改逻辑后，能够实时预览批改后的成果，不便调试和优化。
  4. 可视化调试：蓝图中的节点能够被独自调试，能够更不便地查找和解决问题。
  5. AI 能力：一些简单的计算过程和获取参数等需要，能够通过自然语言形容，主动生成。

劣势：

  1. 复杂度：异样简单业务逻辑在蓝图中的实现也会相应的简单。
  2. 学习老本：蓝图的应用须要肯定的学习老本，须要把握节点的应用和连贯形式，对于没有编程教训的开发者来说可能会有肯定的难度。
  3. 灵活性受限：蓝图中的节点是预约义的，不能像编写代码一样自在地构建逻辑，一些简单的逻辑可能须要用代码来实现。

将来

将来，咱们会思考将零壤低代码中的蓝图零碎进行开源。如果你感觉蓝图对于你是有价值的，能够在评论区评论，如果呼声足够高，咱们可能会提前开源哦

零壤低代码

零壤 ORANG 低代码是高效率、高性能的拖拽式低代码利用开发平台，向上连贯前端的行业业务，向下连贯云计算的海量能力，助力企业垂直上云。零壤 ORANG 将简单的底层架构和基础设施抽象化为图形界面，通过行业化模板、拖放式组件和可视化配置疾速构建多端利用，包含手机 App、Web 利用、微信小程序等，省却了代码编写工作，让使用者可能齐全专一于业务场景，聚焦于业务自身。零壤 ORANG 以云 DevOps 作为底层撑持，集成了当先的 MSP 云原生能力，将利用搭建的整条链路齐全买通，提供高度凋谢和高效的开发环境，时刻为利用开发者提供稳固的运行监控和态势感知能力。
https://orang.cloud

退出移动版