微搭低代码零基础进阶课(第二课)

简介: 微搭低代码零基础进阶课(第二课)

我们在上一篇中介绍了低码中的分支语句的语法及具体操作,本节我们介绍一下循环。编程里可能第一个门槛就是对循环的理解了,所谓的循环就是重复的干一件事,直到满足一定的条件。

如果拿生活场景打比方,比如我们去超市购物,我想买五包牛奶。那么我从货架上每取一包牛奶就计数一次,直到我拿够五包牛奶为止。

要实现这个生活场景,低码中我们使用循环语句来实现

for(牛奶的数量初始=0;牛奶的数量<5;牛奶的数量+1){
  拿牛奶到购物车
}

这里循环一共是四部分组成,第一部分是初始条件,我们这里是初始时牛奶的数量赋值为0。第二部分是判断条件,我们这里一般是使用表达式来判断结果,这里的表达式是牛奶的数量小于等于5。第三部分是计数器,一般是自增运算符,用i++来让每次的循环变量都加1。第四部分就是循环体,里边具体要执行的操作,我们这里的动作是拿牛奶到购物车。

如果用代码实现以上的逻辑的话表示为如下:

let carts = [];
for(int i=0;i<5;i++){
  carts.push("第"+i+"盒牛奶");
}
console.log(carts);

为了验证上述代码的效果,我们可以在生命周期函数中添加上述代码,在控制台中看效果

除了在低代码编辑器中实现循环外,我们还可以在组件上进行绑定,比如我们创建一个数组变量,然后使用普通容器和文本组件实现循环的效果。

实现的思路是在普通容器上绑定循环展示

在文本组件上绑定循环的内容

总结


低码中实现循环的方式有两种,一种是在低码编辑器用纯代码的方式,另一种是在组件上进行变量绑定。两种方式各有各的用途,一般如果需要对循环再进行逻辑处理的用纯码模式。如果只是简单的显示用低码做绑定即可。

相关文章
|
机器学习/深度学习 边缘计算 人工智能
边缘计算 - 英特尔Movidius神经计算棒及其应用
预计到2020年,全球将有200亿联网设备,设备端与云端的数据传输量将高达数百亿PB。对物联网而言,如果边缘计算技术取得突破,意味着数据将通过本地设备处理并做出反馈,而无需交由云端,计算处理过程将在本地边缘端完成。这无疑将大大提升处理效率,减轻云端的负荷,还可为用户带来更快的响应,减少数据隐私泄露,提高边缘端计算可靠性等等好处。
1317 0
边缘计算 - 英特尔Movidius神经计算棒及其应用
|
存储 并行计算 算法
C++进程间通信之共享内存
C++进程间通信之共享内存
1195 0
|
关系型数据库 MySQL Java
MySQL的主从复制 && SpringBoot整合Sharding-JDBC解决读写分离
MySQL的主从复制 && SpringBoot整合Sharding-JDBC解决读写分离
444 0
|
缓存 前端开发 JavaScript
浅浅阅读umi中InitialState插件源码 - 杨磊
InitialState插件源码的简要介绍
1246 0
浅浅阅读umi中InitialState插件源码 - 杨磊
|
存储 开发框架 前端开发
在EasyUI项目中使用FileBox控件实现文件上传处理
在EasyUI项目中使用FileBox控件实现文件上传处理
|
负载均衡 中间件 Go
五分钟给你的 gRPC 服务加上 HTTP 接口
五分钟给你的 gRPC 服务加上 HTTP 接口
|
IDE 开发工具
Edge浏览器——如何设置跨域请求
Edge浏览器——如何设置跨域请求
1021 0
|
设计模式 数据采集 数据可视化
ECharts与Excel的火花
在数据爆炸的时代,如何有效地呈现和解析数据变得至关重要。ECharts和Excel作为两种广泛使用的数据处理和可视化工具,各自拥有其独特的魅力和功能。本文将深入探讨这两者之间的火花碰撞,以及如何结合它们以实现更强大的数据可视化效果。ECharts与Excel的结合,不仅可以充分发挥两者的优势,还可以实现更强大的数据可视化效果。无论是从数据处理、图表创建还是故事叙述的角度,这种结合都能为数据分析师、业务人员和决策者提供更丰富、更直观的数据洞察。
320 1
|
缓存 网络协议 安全
「Web应用架构」WebSocket用例,性能和性能检查列表
「Web应用架构」WebSocket用例,性能和性能检查列表
|
Web App开发 数据采集 JavaScript
用 pyppeteer 制作 PDF文件
之前介绍过一些将html转换为PDF文件的库,比如 wkhtmltopdf、WeasyPrint,今天再介绍另一个神器Pyppeteer可将html页面转换为PDF。
288 0
下一篇
开通oss服务