请问怎么在小程序里实现菜单—商品页功能展示？

效果展示

通过使用循环容器的设置值激活第一项，同时配置点击激活某一项，实现点击菜单，展示不同的商品内容功能。

创建数据表

注意：在数据中心你可以创建属于自己应用程序的数据表格，数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心。

创建数据表：商品分类。

字段包含：分类名称。

点击数据中心。

创建数据表：商品。

字段包含：商品名称、商品图片、商品分类。

其中商品分类字段单表关联商品分类表。

创建事件

注意：事件是构建数据与界面元素组件链接的抽象逻辑，数据表与界面元素组件通过事件连接。

点击事件中心。

创建查询事件：查询分类。

添加一个成功的响应接口。

点击事件中心。

创建事件：查询商品。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：设置值，默认第一项是激活项。

选中流式布局列表。

点击检查面板中的触发器面板。

创建触发器：获取商品。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：获取商品。

选中循环容器的列表条目。

点击检查面板中的触发器面板。

创建触发器：激活。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：查询商品分类。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：取消激活。

选中循环容器的列表条目上的标签文本。

点击检查面板中的触发器面板。

创建触发器：切换菜单。

绑定数据

注意：绑定数据可以将事件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

选中流式布局组件的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

打开【设置】，下滑找到【应用】，选择【权限管理】-【微信】，点击【创建桌面快捷方式】，选择【允许】，返回桌面打开【微信】，下拉聊天界面打开小程序，选择一个小程序，点击【三点图标】，选择【添加到桌面】，最后选择【添加】即可。

以微信小程序为例，打开微信——点击发现——小程序——打开需要的小程序——点击右上角“...”菜单按钮——添加到桌面就可以了。小程序使得我们可以不必安装众多的APP到手机里也能体验其他APP带来的服务，为了能够快捷的打开使用我们的微信小程序，我们需要将我们的微信小程序添加到桌面上。添加小程序到桌面很简单，只需要几个步骤即可。1、打开我们的微信APP2、点击微信底部的“发现”按钮3、进入微信的“发现”界面后，点击“小程序”项目4、接着，找到我们要添加到桌面的微信小程序，点击打开它5、进入微信小程序后，点击小程序右上角的“...”菜单按钮6、接着，点击“添加到桌面”项目，我们就可以将我们的微信小程序添加到桌面了。7、这时候，我们在点击home键，返回我们的系统桌面，就可以看到我们添加到桌面的微信小程序了。小程序添加到桌面注意事项：1、首先Android用户可以在桌面添加微信小程序快捷方式。2、遇到小程序无法添加到桌面的问题时可能是锁定桌面了，关闭这个功能就可以了。在Android上，大部分桌面App提供一种名为「锁定桌面」的功能。有了它，一些流氓App就无法在桌面恶意添加快捷方式，「弄乱」你的桌面。在部分机型上，这个功能也会影响小程序在桌面生成快捷方式。此时，我们只需要将这个功能临时关闭，并再次尝试「添加到桌面」，就可以将小程序快捷方式添加到桌面了。

1、重新设计小程序菜单结构：重新设计小程序的菜单结构，将一些次要的菜单项合并到主菜单中。

2、使用底部导航栏：可以考虑使用底部导航栏，将这些核心功能作为导航栏的按钮，用户可以通过点击底部导航栏快速进入相应页面，使用起来更加便捷。

3、使用标签页切换：将内容模块分成多个标签页展示，用户可以通过点击标签页切换按钮快速切换到相应的内容模块。

---