一 前言
wex5作为开发利器,框架本身的集成能力与拓展能力可谓简单强大。在学习过程中,对框架的拓展能力,需要通过实践来丰富。今天,我以实际工作中的实例,先来看一看,框架上的公共data组件的实现与用法。
有朋友问了,每个页面都有data,为什么要做一个公共data组件呢?
我的设计原因是:
1. 比如商城页面里,首页,商品页,微淘页,等多个页面,同时用到了同一个商品data,并且通过list来装载商品列表。如果每个页面都加载data,数据库资源显然要访问三次,
页面响应显然会是重复加载,速度变慢。
2 在设计过程中,会不断修改共用data的字段,一旦数据库字段修改,前端data组件不能及时同步更新,需要手动重新链接表。这样,会显得操作很繁琐。
3. 充分发挥框架的拓展能力,简化设计思路,便于维护。
二 效果演示:
三 代码实现
1 框架首页,创建公共data, 这里主要讲商品goodsdata
2 首页加载完成后创建全局变量,并引用为goodsdata
3 list绑定公共data
(注意) list 绑定data ,必须是全局变量的变量名,这里是goodsData,goddsData.datas表示公共data里的数据。
4 list中的行绑定方法
5 调用公共data
(注)不是想像中的window.xxxxx,而是直接取全局变量名,虽然提示未定义,经测试,可以直接使用。基于wex5的框架能力,全局data虽然未在页面中定义,但是做为全局变量可以在其它页面中直接调用变量名。
四 总结
1 全局data利于简化开发思路
2 全局变量易于调式修改
3 基于全局data更利于简化项目多页面的调度
相关视频制作完成,上传优酷。教学app制作中。我是邯郸戏曲开发,tel:15175073123,qq:1017945251
扫描二维码,看高清教学视频。