wex5 实战 框架拓展之1 公共data组件(Data)

一 前言

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

 

 

 扫描二维码，看高清教学视频。