网站首页 >> 牛刀云小程序开发 >> 第1篇制作模式 >> 管理后台制作 >> 自定义功能

2.6.3.5 实战案例:订单统计

【学习目标】

通过制作订单统计功能,掌握管理后台页面的制作方法。

【案例说明】

订单统计功能提供按日期段统计每日销售额和按年月段统计每月销售额的功能。分为两个页签,一个是日销售统计,一个是月销售统计。在每个页签中,又分为两部分,上面是工具栏,提供日期范围输入,下面是统计列表。运行效果如图7-17所示。

7-17  订单统计功能运行效果

【开发过程】

1、数据制作

订单统计功能中需要使用3个数据集,2个统计数据集“日销售统计”和“月销售统计”,2个静态数据集“页面数据”和“页面数据2”。日销售统计数据集实现按日期汇总订单金额的功能。月销售统计数据集实现按年月汇总订单金额的功能。2个页面数据数据集作为页面中的临时数据存储单元。

日销售统计数据集中“统计数据对象”选择订单 ,“分组列”选择日期,“统计列”选择订单金额,“统计函数”选择求和,这样就表示,按订单数据集的日期列分组,对订单金额列求和。设置情况如图7-18所示。

7-18  日销售统计数据集设置

统计列的设置除了包含需要统计的列,还要包括分组列。分组列不必选择统计函数。在“显示名”中,定义列的显示名称,用于页面中的显示。设置情况如图7-19所示。

7-19  日销售统计数据集统计列设置

月销售统计数据集和日销售统计数据集基本一样,只是分组列改为年和月两列,这样就表示:按订单数据集的年、月列分组,对订单金额列求和。

页面数据数据集的结构,如图7-20所示。给页面数据数据集添加一条空记录,便于页面中的使用。

7-20  页面数据数据集结构

 

2、页面制作

    新建“订单统计”页面,在页面中添加日销售统计数据集、月销售统计数据集和2个页面数据数据集。数据集组件的属性见表7-6

7-6  订单统计页数据集说明

数据集类型

数据名称

属性设置

统计数据集

日销售统计

自动加载数据=取消选中

过滤=日期 大于等于 页面数据.开始日期

     日期 小于等于 页面数据.截至日期

排序=销售日期 降序

统计数据集

月销售统计

自动加载数据=取消选中

过滤=日期大于等于 月第一天(页面数据2.起始日期)

     日期小于等于 月最后一天(页面数据2.截至日期)

排序=:降序,:降序

静态数据集

页面数据

自动加载=

数据改变后=刷新

目标数据集=日销售统计

静态数据集

页面数据2

自动加载=

数据改变后=刷新

目标数据集=月销售统计

 

订单统计分为统计每日销售额和每月销售额,因此分为两个页签。“多页切换”组件不能直接放到“页面”组件中,由于“页面”组件自身没有高度,导致显示不出页签。必须将“多页切换”组件放在“上中下布局”组件的“内容区域”中,才能正常显示。另外,显示数据集中的数据用“列表(简单) ”组件更方便。按照表7-7列出的订单统计页组件设置说明,制作订单统计页面。

7-7  订单统计页组件说明

添加组件

父组件

属性设置

上中下布局

页面

删除头部和底部区域,只保留内容区域

多页切换

内容区域

添加一个tab,变成2tab,设置第一个tab的页签名称为日销售统计,设置第二个tab的页签名称为月销售统计

行列

内容页1

添加1列,共4

文本

文本=查询日期

输入框

绑定数据列=页面数据.开始日期 截至日期

列表(简单)

内容页1

引用数据=日销售统计

单击“添加列”按钮,添加全部列

行列

内容页2

添加1列,共4

文本

文本=查询年月

输入框

绑定数据列=页面数据2. 起始日期 截至日期

数据格式=yyyy-MM

列表(简单)

内容页2

引用数据= 月销售统计

单击“添加列”按钮,添加全部列

 

订单统计页制作完成后,运行效果如图7-17所示。

圆角矩形: 特别说明:在选择某个日期后,刷新统计数据集,这个操作不能在输入框的值改变事件中实现,因为输入框组件绑定了数据集,数据集组件加载数据时,会写入输入框,就会触发值改变事件,导致打开页面时就刷新统计数据集。因此应该写在输入框绑定数据集组件的数据改变后事件中。