关于微信小程序:如何动态实现搜索框下方展示历史搜索记录

通过应用数据中心的创立事件和 API Hub 中定义胜利的搜寻图片接口实现一个历史搜寻展现

成果展现

前置筹备

• 在 API Hub 中创立胜利的图片搜寻接口

具体步骤

• 创立数据表

• 制作搜寻界面

• 创立事件

• 创立触发器

• 绑定数据

步骤合成

创立数据表

• 点击 数据中心

• 创立 数据表

制作搜寻界面

• 拖拽 组件切换器 到 根容器

• 拖拽 容器 到 编辑区

• 选中 组件切换器

• 点击 查看面板 中的 数据绑定与款式

• 设置关联内容

• 选中 组件素材

• 拖拽 搜寻框 到 容器

拖拽 流式布局 到 容器

拖拽 循环容器 到 容器

拖拽 图片 到 流式布局 的 条目

拖拽 标签文本 到 循环容器 的 条目

创立事件

• 点击 事件核心

• 配置事件

创立触发器

• 选中 组件切换器

• 点击 查看面板 中的 触发器

• 创立 触发器

选中 循环容器

点击 查看面板 中的 触发器

创立 触发器

• 选中 输入框

• 点击 查看面板 中的 触发器

• 创立 触发器

• 选中搜寻图标

• 点击 查看面板 中的 触发器

• 创立 触发器

• 选中 输入框

• 点击 查看面板 中的 触发器

• 创立 触发器

绑定数据

• 选中 循环条目

• 点击 查看面板 中的 数据绑定与设置

• 绑定数据

这样就能够实现动静实时搜寻框下方展现历史搜寻记录了。
官网链接：https://www.towify.com/#/