本周实验课完成《电影周周看》的第二个版本,主要包括三方面:
- 介绍基于DOM API 手动更新视图的缺点 — 引入data binding ;
- 介绍 pageObject 的注册,也会讲到 pageObject 的 data 属性;
- 运算表达式的数据绑定
- 使用工发者工具查看和修改页面状态数据
1. 数据绑定
在前面讲到的 about.wxml 和 weekly.wxml 页,所有的数据都是直接硬编码的。
这种方式对于about页是没有问题的,因为里面关于小程序的名称、属性等数据,是不会变化的。在小程序编写的时候,就已经确定了,这种我们叫做静态数据,这些进行硬编码是没有问题。
但是我们看一下 weekly 页面,如下图所示:
本周推荐的是《教父》这部电影,这里使用硬编码是不可取的。因为每周推荐的电影,肯定是要变化的。如果我们使用硬编码的方式,这就意味着,每周我都要修改 wxml 代码,然后对小程序进行重新打包,并进行上传发布,这样是非常麻烦的。
这里我们期待的是,每周推荐电影的详细数据,在小程序运行过程中,可以动态的从服务器端获取,然后再渲染出到这个视图中进行显示。