微信小程序动态容器功能组件-教程-微信小程序制作-即速应用

微信小程序动态容器功能组件-教程-微信小程序制作

浏览量：5028 时间：2020-03-25 来源：即速应用

观看此功能视频教程请点击
：http://school.jisuapp.cn/courses/151-31.html一、动态容器是什么？ “动态容器是详情页里可以展示其他数据的窗口”，详情页一般默认只能绑定的一个后台数据，但是动态容器可以在详情页里展示详情页以外的内容。它能够展示应用数据、电商、预约、到店、视频等信息。且能够在详情页里跳转到另一个详情页。

二、组件优点①能够在详情页里展示其他数据②能够在详情页里跳转到其他详情页③只需添加少数组件，即可展示大量内容④小程序上线后，后台可直接修改内容，线上即同步更新（修改内容无需重新打包）⑤小程序使用动态容器添加的数据内容，打包时不会影响到代码包大小⑥同比其他组件，动态容器在小程序中可以更加自由的排版。⑦动态列表可以调用多种数据，如：应用数据、电商、预约、到店、视频等。
三、动态容器怎么使用提示：使用动态容器是建立在动态列表与详情页之上，建议先学习动态列表组件的使用方法
使用条件：①动态容器组件必须要放置在详情页内②所放置详情页必须绑定数据内容③动态容器必须配合【外键】功能使用
1. 添加组件我们先在详情页下方，添加【动态容器】组件
然后我们往【动态容器】里添加一些组件：【自由面板】【图片】【文本】，并排版好
不知道是哪条数据？若不知道对应的是哪个应用数据，可以点击页面“file:///C:UsersADMINI~1AppDataLocalTempksohtmlwps44BE.tmp.jpg”按钮，在下方页面“绑定对象”内找到，如下图
2. 建立“数据外键”我们点击【动态容器】右上方的“管理对象”，进入到后台
自动来到后台的应用数据项，这里我们找到详情页所绑定的数据对象，点编辑进去
进入后，添加一条新字段，类型选【外键】再选择你需要展示的数据类型，保存即建立完成
本次教程将以展示【商品】为例
支持外键类型：①应用数据②商品③预约④到店⑤视频
3. 添加“外键”内的数据添加完成后，我们点击【数据管理】，来添加内容
进来我们会看到已有的数据内容，由于外键是刚添加的，它并没有相关的外键数据，那我们点击【编辑】，进入添加
展开一个数据栏，点击“编辑外键”展开一个选择栏，
勾选上你想在详情页展示的数据（支持多选），
确定保存即可
4. 绑定数据、数据字段保存完成后，我们直接返回到前端详情页里，点击【动态容器】在右上方，绑定数据
（该处数据来源于后台的“外键数据” ）
再给里边添加的组件绑定上，数据字段，即可完成！
（此处可以绑定其他字段，不同字段展示名称对应的内容）
实际效果

观看此功能视频教程请点击
：http://school.jisuapp.cn/courses/151-31.html开发平台, 图片, 动态