微信小程序云开发-数据库-商品列表数据排序
2024-08-29 21:53:43
一、wxml添加升序和降序
在商品列表的wxml文件中添加超链接a标签,分别用于升序和降序的点击。分别绑定升序和降序的点击事件。
二、js文件实现升序和降序
分别写对应的按价格升序函数sortByPriceAsc()和按价格降序函数sortByPricDesc()。此时已完成升序和降序的功能。
三、代码优化去除冗余代码
以上代码的写法可以满足功能需要,但是性能方面想要更优化,需要对代码进行去除冗余的处理。该页面存在三次查询数据库:
- 1.页面加载的时候,查询商品信息展示在列表页(即onload()里面需要查询数据库表goods访问数据,不需排序)
- 2.按价格升序的时候,查询商品信息展示在列表页(即sortByPriceAsc()里面查询数据库表goods访问数据,需要按价格升序排序)
- 3.按价格降序的时候,查询商品信息展示在列表页(即sortByPriceDesc()里面查询数据库表goods访问数据,需要按价格降序排序)
我们可以将三者重复的部分提取出来,定义一个函数getGoods()用于查询商品数据。传递参数type,定义type:0代表不做任何排序 1代表升序 -1代表降序。
然后分别在需要的时候调用getGoods()函数,分别传递对应的参数即可。
onload()里面,调用getGoods(),type传递0表示不根据任何排序查询商品数据。
sortByPriceAsc()里面,调用getGoods(1),type传递1表示根据价格升序查询商品数据。
sortByPriceDesc()里面,调用getGoods(-1),type传递-1表示根据价格降序查询商品数据。
最新文章
- .NET笔记(二)
- 编写一个Singleton程序(单例)
- C语言解析Ini格式文件
- Myeclipse 2016 &; 2014 下载
- C# 读取JSON
- C++文件读写练习
- 理解ThreadLocal
- Inno Setup打包注意事项
- selenium+requests访问微博
- 修复 Ubuntu 14.04 的系统设置残缺问题
- mahout系列----minhash聚类
- 使用 TRESTClient 与 TRESTRequest 作为 HTTP Client
- mysql Navicat 导入导出
- Spring Boot application.yml bootstrap.yml
- 【docker】docker部署spring boot服务 选择配置文件启动
- Python 类的初见
- linux下informatica服务安装和配置
- java 注解总结
- 转载:【Linux+windows】PHP5.5安装PHPRedis扩展
- 03 java基本