目录

• 引言
• 需求分析
• 功能实现
• • 绑定数据源
  • 组件图
  • 属性设置
• 预览发布
• 总结

引言

上一节中我们介绍了新增预约功能，本节我们主要介绍一下如何查询自己提交的预约记录

需求分析

家长打开家教预约小程序，在底部的导航栏点击快速请家教，可以点击我的预约栏目查看历史预约过的记录

功能实现

低码开发的话，总体就是几步，绑定数据源，拖拽组件，设置属性和事件

绑定数据源

点击导航条的变量管理，我们创建一个list变量，选择我们的数据源，选择查询列表

组件图

组件图比较简单就是迭代列表元素就可以

属性设置

我们先需要给列表元素绑定一个for循环变量

($page.dataset.state.list||[]).slice()

然后依次设置左侧的内容和右侧的内容

`辅导科目:${forItems.id9.course}`

`${new Date(forItems.id9.createdAt).getFullYear()}-${new Date(forItems.id9.createdAt).getMonth()+1}-${new Date(forItems.id9.createdAt).getDate()}`

这个地方涉及到表达式比较高阶的用法，后续等官方文档完善了我看明白了再做解释，可以先按照我的进行设置

预览发布

全部设置好了之后就可以看一下预览后的效果，因为涉及到查询数据库，所以编辑器看到的效果和发布后的效果是不一样的

总结

本节我们通过设置列表元素组件来循环展示我们的预约记录，总体设置的内容还是有一定难度，尤其表达式涉及到了特殊的写法，待官方文档完善后再总结表达式的各种用法，如果有用记得点赞哦。

标签：forItems,id9,预约,数据源,用云,开发,设置,组件
来源： https://blog.csdn.net/u012877217/article/details/113771409