当前位置: 首页 > news >正文

网站建设 青岛推广获客

网站建设 青岛,推广获客,如何做网站推广精,网页设计网站模板我们上一篇讲解了基础布局组件,讲解了普通容器和文本组件的用法,本篇我们继续介绍布局组件。 小程序中经常会有个功能是轮播图展示的功能,多张图片可以顺序进行切换。我们学习使用轮播容器的时候,先考虑切换的图片从哪来&#xf…

我们上一篇讲解了基础布局组件,讲解了普通容器和文本组件的用法,本篇我们继续介绍布局组件。

小程序中经常会有个功能是轮播图展示的功能,多张图片可以顺序进行切换。我们学习使用轮播容器的时候,先考虑切换的图片从哪来,通常图片都是存储到数据库中,轮播图通过调取数据库中的图片进行切换。

01 建立数据源

登录微搭控制台,点击数据模型,点击新建数据模型

在这里插入图片描述

输入数据模型的名称,会根据名称自动生成标识

在这里插入图片描述

点击右上角的编辑按钮,添加字段

在这里插入图片描述

点击添加字段,我们增加一个图片类型的字段

在这里插入图片描述

回到数据模型的列表页面,点击管理数据,我们添加一些测试数据

在这里插入图片描述
在这里插入图片描述

02 定义变量

我们的需求是从数据源中读取图片,就需要创建一个变量用来存放我们从数据源读取到的数据。

在应用模块,点击编辑应用,进入我们已经创建好的应用

在这里插入图片描述

打开应用编辑器,点击顶部导航条上的变量

在这里插入图片描述

点击新建变量

在这里插入图片描述

输入变量名,类型选择对象,选择我们刚刚创建的数据源

在这里插入图片描述

03 数据绑定

现在我们变量已经定义好了,微搭中将变量中存放的数据显示到页面上的概念叫数据绑定。轮播容器因为需要显示多张图片,就需要绑定循环展示。

先往页面中添加轮播容器组件

在这里插入图片描述

轮播容器自带三张图片进行切换,我们只保留一个图片组件

在这里插入图片描述

选中图片组件,点击循环展示旁边的超链接图标

在这里插入图片描述

选择我们刚刚定义的数组变量

在这里插入图片描述

然后给图片组件的地址属性绑定变量,我们从循环对象里选择图片字段

在这里插入图片描述
在这里插入图片描述

这样一个轮播容器就配置好了

总结

像轮播容器这种需要从数据源读取数据的组件,总是先需要考虑定义数据源的结构,也就是考虑数据源都需要哪些字段,字段的类型选择什么。

构造好数据源之后,在编辑器中想调取数据的,需要定义变量。最后的一步配置就是根据组件的各类属性,做数据绑定。不同的属性需要选择不同类型的变量。

像我们的循环展示,我们需要绑定为数组,而我们的图片的地址则需要绑定为文本类型的变量。

还有一点需要注意的就是,真正我们的循环内容是从循环变量里选择对应的字段。

以上就是今天讲解的全部内容。

http://www.yidumall.com/news/104741.html

相关文章:

  • 建立网站的注意事项产品网络营销方案
  • 武汉专业做网站网站制作的流程
  • 西安优惠电商平台网站seo分析案例
  • 如何做环保管家网站怎么创建网站赚钱
  • 企业网站可以免费做吗培训方案
  • 广州app制作公司厦门百度关键词seo收费
  • 什么网站好网络推广工具
  • 二手书店网站建设规划书推广平台怎么找客源
  • wordpress怎么导入产品珠海百度搜索排名优化
  • 门户网站开发源代码百度推广怎么才能效果好
  • 开发者模式要不要开上海抖音seo公司
  • 苏州苏网建设工程有限公司南昌seo排名优化
  • 做k线图网站加盟
  • 网站正在建设中 色app下载推广
  • 维护网站建设空间出租近10天的时事新闻
  • 宝山网站建设公司百度号码认证
  • 网站维护与更新网址大全导航
  • 怎么做flash网站设计百度推广深圳分公司
  • 常见b2c网站购物车的设计网域名解析ip查询
  • 网站备案有哪些资料如何网站关键词优化
  • 怎么制作平台网站简述网络营销的概念
  • phpmyadmin做网站nba最新消息交易
  • 关于医院网站建设的通知推广引流渠道有哪些
  • 网站设计公司有哪些百度seo2022新算法更新
  • 简单网页模版南京seo外包
  • 织梦网站可以微信登录吗杭州企业seo
  • wikiesu wordpress郑州网站优化排名
  • 真实网站建设报价泰安seo网络公司
  • html下载安装自己做seo网站推广
  • wordpress wp_create_user东莞百度搜索优化