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

简介: 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。

预览

相关文章
|
Rust 算法 数据安全/隐私保护
【密码学】一文读懂XTEA加密
本篇文章,我们来看一下上一次讲过的TEA加密算法的一个升级版XTEA, 相比于TEA, XTEA的安全性显然是更高的,其中的过程要比TEA稍微复杂一点点。
1933 0
【密码学】一文读懂XTEA加密
|
12月前
|
人工智能 数据挖掘
阿里云联合米兰设计周全国高校设计大赛共同助力高校艺术设计AI人才培养
7月11日,第九届米兰设计周-中国高校设计学科师生优秀作品展人工智能+设计专项赛场颁奖典礼在D20全球设计院长峰会现场举办。活动以“人工智能+设计,助力新质生产力”与“AI技术助力乡村振兴”为主题,由阿里云联合江南大学、浙江理工大学、西南交通大学等高校共同发起,吸引了众多高校师生及获奖团队参与。活动旨在推动AI与设计融合,促进设计人才培养与设计范式创新,助力乡村振兴,探索AI技术在设计领域的广泛应用。
|
10月前
|
机器学习/深度学习 人工智能 机器人
目标检测数据集 — 田间杂草检测数据集(4000张图片已划分、已标注)
未来,随着数据量的进一步扩充,可以细分更多类别,如不同种类的杂草与不同生长阶段的作物,从而实现更精细化的识别与管理。通过该数据集,研究人员与开发者可以为 农业现代化与智慧农业 提供坚实的数据基础,加速农业 AI 技术在实际生产中的落地。
|
8月前
|
人工智能 自然语言处理 搜索推荐
意图识别不准?大模型电话语音机器人让首轮解决率提升50%
基于大模型的电话语音机器人通过精准意图识别,显著提升客服首轮解决率50%,降低转接率。合力亿捷方案在零售、制造等行业实现智能分流与高效服务,推动企业服务体验与运营效率双提升。
|
JSON 人工智能 自然语言处理
剖析大模型连“Strawberry”的“r”都数不对的原因
本文将从两个常见的大模型翻车问题入手解析这些问题背后体现的大模型技术原理,并解释了为什么会导致这些问题,接着我们利用CoT(思维链)方法解决这些问题并基于上述原理试图剖析CoT方法起作用的可能原因,最后提出【理由先行】风格这一简单有效的Prompt Trick。
2024 36
|
Ubuntu Linux 网络安全
Linux服务器上安装软件
Linux服务器上安装软件
563 2
|
安全 JavaScript 前端开发
跨域问题如何解决
跨域问题是指浏览器同源策略限制了不同域名之间的资源访问。解决方法包括:1. CORS(跨域资源共享):服务器设置Access-Control-Allow-Origin响应头;2. JSONP:利用script标签不受同源策略限制的特点;3. 代理服务器:通过后端代理转发请求。
|
机器学习/深度学习 PyTorch TensorFlow
ONNX 与量化:提高模型效率
【8月更文第27天】随着人工智能技术的广泛应用,模型部署变得越来越重要。为了在资源受限的设备上运行复杂的机器学习模型,模型量化技术成为了一种有效的手段。Open Neural Network Exchange (ONNX) 作为一种开放格式,支持在不同框架之间交换训练好的模型,同时也支持模型量化。本文将探讨如何结合 ONNX 和模型量化技术来提高模型的效率,减少模型大小并加快推理速度。
3233 2
|
前端开发 JavaScript API
前端开发新趋势:探索WebAssembly与WebGL在游戏开发中的应用
【10月更文挑战第1天】前端开发新趋势:探索WebAssembly与WebGL在游戏开发中的应用
722 2
|
存储 Ubuntu 安全
如何在 Ubuntu 14.04 上安装和配置 Syncthing 来同步目录
如何在 Ubuntu 14.04 上安装和配置 Syncthing 来同步目录
683 0

热门文章

最新文章