用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

即速应用 | 教程

咫尺论坛 | 即速应用 - 微信小程序社区

六、小程序 | 电商系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

七、小程序 | 预约系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

八、小程序 | 外卖系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

九、小程序 | 到店系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十、小程序 | 社区系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十一、小程序 | 视频系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    818

    主题

    1985

    帖子

    2万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2016-1-27 14:08:43 zhichi_admin 管理员 楼主 41345600
    一、动态列表是什么?
    “动态列表是展示后台数据的一个窗口”,它有些类似于商品列表,但是它不是固定化的,它可以展示我们在后台添加的数据。与其他组件相比,它的内容数据在后台添加,因为这点它可以展示更多后台的信息,比如:多商家店铺、商品、视频、应用数据等,以及跳转对应详情页。
    动态列表60.gif

    二、组件优点
    ①在动态列表中只需添加少数组件,即可展示大量的内容
    小程序上线后,后台可直接修改内容,线上即同步更新
    ③小程序使用动态列表添加的数据内容,打包时不会影响代码包大小
    ④同比其他组件,动态列表在小程序中可以实现更加自由的排版。
    ⑤动态列表可以调用多种数据以及功能,如:商品、视频、多商家、拨打电话等。

    三、动态列表使用方法   
    1.使用动态列表需要先添加组件,先在编辑页内添加一个【动态列表】组件

    三.1

    三.1


    2.添加之后需要添加子组件,选中动态列表在右侧分别添加【自由面板】【图片】【文本】三个子组件,添加【自由面板】时,自由面板会进入在【动态列表】内,随后将【图片】【文本】使用鼠标拖入自由面板内。

    三.2

    三.2


    3.组件添加完后需要添加数据对象,点击动态列表右下方“数据绑定”中的【新建】按钮来建立后台对象,点开后我们看到“添加数据对象”的窗口。

    三.3

    三.3

    4.在顶部填写对象描述,点击窗口右上角的【添加字段】,对应刚刚添加的图片文本组件,添加两个字段,一个类型选择【图片】,一个选择【文本】并给字段填写名称,点确定,对象就建立完了。
    ( 该操作是自行建立一个数据对象,并描述数据内可获取的内容 )

    三.4

    三.4
    数据对象名称:这个数据的名称
    数据对象描述:这个数据的描述
    添加字段:添加一个数据内的字段,可添加多个。
    字段名称:数据内字段的名称
    类型:该条字段属于的类型,可选:图片/文本/富文本/外键/拨打电话/轮播项/视频/数字
    必填:打开后必须填本项
    搜索项:打开后可通过【搜索】组件搜索到

    5.对象建立完成之后,要在右下方选择绑定了我们建立的数据。绑定完成之后点击下方
    【后台录入数据】,进入后台录入

    三.5

    三.5

    三.5.1

    三.5.1

    6.来到后台,我们看到中间显示无相关数据,点击左上角的【添加数据】进行添加
    (该操作是在我们新建立的“数据对象”内添加数据内容 )

    三.6

    三.6

    7.这里只能添加【图片】和【文本】,这与刚刚建立字段时是对应的。
    添加一张图片,并输入相关的文字。点击保存

    三.7

    三.7
    选择分类:添加分类后,可以给这项数据进行分类
    城市定位:开启后可以使用【城市定位】组件找到该数据

    8.保存完毕之后,我们直接返回到编辑页,保存刷新一下页面。然后点击【动态列表】里的图片和文本组件,右侧开启“绑定对象”按钮,并绑定对应的后台数据
    (该操作是将动态列表中的组件一一绑定到对应的后台数据 )

    三.8

    三.8

    三.8.1

    三.8.1

    9.绑定完成后,点击保存并预览查看,我们可以看到最终效果。可以发现后台添加的数据展示到前端来了。

    三.9

    三.9

    如果我们在后台同一个数据对象内多添加一条数据,将会按照排序的方式展示下去

    三.9.1

    三.9.1
    【一些小功能】

    三.9.2

    三.9.2
    ①搜索组件:添加后组件内的数据可以进行搜索
    ②排序组件:添加后组件内的数据可以选择类型排序
    ③分类组件:添加后组件内的数据可以根据后台分类刷新展示
    ④城市定位组件:添加后组件内的数据可根据后台定位展示城市位置
    ⑤内容部分显示:组件可只展示后台单个分类里的数据


    【组件样式】

    三.9.3

    三.9.3
    ①组件样式选择:动态列表可选择四种不同展示样式
    ②组件位置:可调整组件的位置
    ③组件颜色:可以设置组件的背景、行背景、透明度
    ④组件展示高度类型:调整组件自适应或限制它的高度
    ⑤组件加载方式:组件可以选为点击加载或滚动加载

    四、跳转详情页
    动态列表制作完成之后,还可以实现跳转详情页来查看具体的详情内容。
    1.【动态列表】组件右下方,“详情页”有一个新建按钮,点击会自动新建一个详情页

    四.1

    四.1

    2. 进入详情页中,分别添加【图片】和【文本】组件,并给组件绑定上数据对象,就完成了。

    四.2

    四.2

    四2.1

    四2.1

    四.2.2

    四.2.2

    四.2.3

    四.2.3

    【注意事项】

    四.2.4

    四.2.4
    ①【设为详情页】开关在页面设置按钮当中
    ②详情页的【绑定对象】在页面设置按钮当中
    ③应用数据对应的详情页目前仅能通过【动态列表】组件进入

    【组件样式注意事项】

    四.2.5

    四.2.5

    我们给动态列表选择其他样式时,会发现右侧边框无法编辑,该样式属于正常现象。
    该种样式是会以左侧组件排版为标准,所使用的一种镜像模式,如下图,数据内容将会一条条向右侧排序

    四.2.6

    四.2.6

    使用道具 举报 回复
    ???怎么不让看
    终于找到你,还好没放弃
    为什么总会提示“请求数据失败 param empty”?
    2017-7-7 20:35:53 LXH 新人求带
    5#
    感谢分享
    使用道具 举报 回复
    感谢分享
    使用道具 举报 回复
    怎么查看?
    使用道具 举报 回复

    可以了

    已经修复了
    动态列表到了微信端口就显示不了图片了。requestk
    *滑动验证:
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X