zoukankan      html  css  js  c++  java
  • 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

     

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

  • 相关阅读:
    Codeforces Round #576 (Div. 2)
    2019 HDOJ Multi-University Training Contest Stage 3(杭电多校)
    线性基 (Linear Basis)
    2019牛客暑期多校训练营 第四场
    2019牛客暑期多校训练营 第三场
    Codeforces Round #575 (Div. 3)
    2019 HDOJ Multi-University Training Contest Stage 2(杭电多校)
    2019 HDOJ Multi-University Training Contest Stage 1(杭电多校)
    Python删除一个列表元素的方法
    Python正则表达式
  • 原文地址:https://www.cnblogs.com/fangziffff123/p/6248463.html
Copyright © 2011-2022 走看看