CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格02

摘要

本文是网易数帆CodeWave智能开发平台系列的第10篇，主要介绍了基于CodeWave平台文档的新手入门进行学习，实现一个完整的应用，本文主要完成07供应商数据表格下

CodeWave智能开发平台的10次接触

CodeWave参考资源

网易数帆CodeWave开发者社区课程中心

网易数帆CodeWave开发者社区文档中心

网易数帆CodeWave开发者社区考试认证

应用开发流程

经过上篇文章的初级入门，对CodeWave低代码平台有了一定的认知，在模板的范围内开发一个特点的程序还是比较容易的，但同时需要说明的是，低代码平台有很多自己的逻辑，如果都学完在操作，实在是需要较长时间，本文结合应用开发流程，进行专题学习，应用创建☀️☀️

应用开发-搭建采购管理系统

视频来源

应用开发流程-07-供应商数据表格

进入自己的CodeWave智能开发平台
https://itzhang.codewave.163.com/dashboard/product/Home

待实现效果

批量操作供应商功能

获取批量操作的值

在数据表格上方拖入一条线性布局，线性布局内拖入两个按钮，都是次要按钮样式，按钮文本分别修改为批量禁用供应商状态和批量删除供应商信息。

逻辑

当我们选择多个信息后，点击批量禁用供应商状态按钮时，所选的供应商状态就应该设置为禁用，那么这里系统就应该需要获得我们所选的所有供应商信息。
上面的这个功能可以借助数据表格中的属性-值字段（值字段的含义是，当我们选中数据时，需要获取数据中哪一个字段的值），也就是需要获取哪一个属性的数据，这里为了获取所有选择信息的数据不重复，系统默认获取的就是supplier.id。因为只有主键id是不可能重复的。

选择的数据需要一个变量来承接，承接的位置就是 值字段 后面单选值和多选值的位置，我们需要一个变量，来接受多选后返回出来的ID信息。
在供应商管理页面下创建一个局部变量idList，用来接受返回的多个ID信息，把idList数据类型设置为一个list，里面是多个整数类型数据。

在把这个idList绑定到多选值里。
绑定时，提示

表示让数据和变量能够实时同步数据，选择开启

测试

在批量禁用供应商状态等旁边放置一个文本，绑定为idList，测试多选效果。
然后把序号列的列类型改为多选列，并且删除文本内容。

预览

选择后，才显示批量按钮实现

两个批量操作按钮都是一起显示或隐藏的，把按钮外层的线性布局设定为显隐条件

显隐条件为idList的的length值不等于0的时候

测试

给第一个批量禁用供应商状态实现逻辑

给批量禁用供应商状态添加点击事件逻辑，在这里需要批量修改数据，平台提供了批量更新的逻辑（左侧逻辑标签页下面），找到spplier实体下批量更新数据的这条逻辑batchUpdate。把batchUpdate逻辑拖到事件中，改逻辑需要一个list参数，参数存放供应商实体数据，但我们只有idList，我们就需要使用idList来获取所有供应商信息。

首先创建一个服务端逻辑getSupplierByIdList，在这个逻辑中，先创建一个输出参数result，用来接受查询到的参数，并传递出去。

在创建一个输入参数，参数类型为List，泛型为Integer，用来接收idList中的数据。
把result结果拖入到事件逻辑中，赋值的右侧拖入数据查询组件，双击数据查询组件，首先查询的数据源就是Supplier，

需要idList选择列表里ID对应的供应商信息,筛选条件是范围内匹配（用一个in组件来进行范围内匹配筛选）,左侧为supplier实体下的supplier.id，右侧为传入的idList。

表示从数据库中通过ID匹配出选中供应商信息，把数据查询的输出值为supplier的列表

接下来回到批量禁用按钮的事件逻辑中，来调用这条服务端逻辑。
在批量禁用按钮的事件逻辑中，先创建一个局部变量variable1来接受查询出来的信息。把variable1拖到事件中，右侧拖入调用逻辑组件（逻辑为getSupplierByIdList，传入的idList参数为supplier实体中的局部变量多选值列表idList）

要把每一个supplier信息的状态值都改为禁用，需要使用到ForEach循环组件，循环可以指定某一项数组，将数组里的每一项数据都进行指定的操作，这里要操作的数组就是批量禁用供应商状态组件中的变量variable1数组，把variable1拖入循环的值，点击索引设置，结束值代表执行几次，这里默认会跟进列表的长度进行次数判断。也可以自己输入，那么在这个循环里，item就表示每一次循环拿到的数据，每条数据还会有索引，使用index表示，起始值为0。我们要将每一项存执supplier信息里面的状态改为禁用，可以拖入一个赋值组件，直接对item中的status赋值，成功实现对每一项中供应商的状态进行更改。

所有的赋值更新完之后，需要将更新后的supplier信息存储到一个列表中。创建事件下的局部变量variable2，数据类型设置为list放实体数据。

使用一个平台自带的列表函数中的add函数，list列表容器就是variable2，将改完之后的item中的supplier信息作为列表中的item存储到这个变量中

那么当循环结束后，所有更新好状态的供应商信息就存储在variable2中了。

最后在循环外调用批量更新逻辑，把variable2作为参数传入批量更新逻辑中

后面需要reload刷新数据表格

这个时候已经完成了批量禁用，但禁用后，多选列还是选中的效果，我们应该要将多选的内容情况，让表格列恢复原来的样子。在批量禁用供应商状态的事件逻辑下，在刷新了表格后，还需要把多选的idList变量清空一下。

点击预览查询效果

为减少查询次数，用单独的服务端逻辑进行查询，而不是在foreach中进行查询。

给批量删除供应商状态实现逻辑

给批量删除按钮添加一个点击事件，然后进入到逻辑中找到Supplier实体的批量删除逻辑，把批量删除拖入进来，这个逻辑需要传入的body变量，需要传入的是一个List<interger>变量，这个变量就是指需要删除的所有供应商信息的ID集合，这里只需要将idList直接传入即可。接着刷新数据表格，清空idList。

预览