跳到主要内容

逻辑代码块

逻辑代码块,是一种创新的编程模式,它解决了传统编程中代码臃肿、难以维护的痛点。逻辑代码块的核心思想是将代码分解为多个逻辑块,每个逻辑块只处理一件事情,通过逻辑块之间的连接,完成复杂的逻辑处理。

分拆的优雅

逻辑代码块将复杂的代码逻辑拆分成独立的小块,每个小块都有自己独立的职责。这种分拆的方式,提高了代码的可读性和可维护性,同时也提高了业务的可维护性。

逻辑块的连接

我们创新了函数型连接,通过代码编辑器中的 block 语法,可以将多个逻辑块连接起来,形成一个完整的逻辑链条。

调用方式

使用方式

工具函数

名称:每个 block 都要设置一个直观且具有描述性的名称,以便在设计过程中快速识别和调用

函数类型:支持两种类型:方法和变量。

描述:通过添加详细的描述,为团队成员提供更多的上下文信息

编辑区:可以编写代码,处理数据和业务逻辑,供主函数调用

函数类型之变量

例如:需要选中表格的多条数据进行操作,而选中的数据就需要变量来存储,这种需求可以新建一个变量类型的代码块或者工具函数去实现此需要。

实现步骤:

  • 先在工具函数中或者代码块新建一个变量,设置初始值,可以是 数组对象嵌套结构引用变量

  • 在代码编辑器中编写操作代码


if(params.value === false){

ctx.utils.storageTableItem.splice(params.index,1)

}else{

ctx.utils.storageTableItem[params.index] = params.row['input_xed1bjtasyqar']

}

console.log("datadatadatadatadatadatadatadata,,,,,,,",ctx.utils.storageTableItem)

// 打印数据为 datadatadatadatadatadatadatadata,,,,,,, (2) ['1', '2']
}