类似淘宝的搜索及购物车功能，如何在小程序中实现？

类似淘宝的搜索及购物车功能，如何在小程序中实现？

作者：郑嘉伟
来源：知晓课堂

今天，我们依然将以「北江纺织牛仔新时尚」为例，复盘订单收集类小程序的主要功能点是如何通过知晓云（cloud.minapp.com）实现的，主要涉及搜索和购物车这 2 个功能。

搜索功能

在「北江纺织牛仔新时尚」中，搜索是比较基础的功能，其实它就是一个查询数据的过程。

我们从一个搜索的实例去讲一下这个问题，假如我们是一个消费者，想要搜索一个裤型修身的、水洗颜色浅色的、成分全棉的童装牛仔长裤，那么我们应该怎么做这个查询呢？

看上去有点复杂，那么我们先简化一下，如何搜索童装牛仔长裤的信息？

首先，我们需要有这样一张数据表，存储了商品的信息，也就是上一篇中我们讲过的 product 表。

由于我们要搜索童装牛仔长裤，那么除了一个商品的其他基本信息外，我们肯定要为童装牛仔长裤设定一个字段用于我们的查询，我们把这个字段定义为 category_id。

根据实际的业务场景，一个产品可能会属于很多不同的分类，所以我们把 category_id 设定为数组类型。

现在我们的数据表定义已经初步完成了，那么假设 product 的 table_id 是 2, 童装的 category_id 是 3，牛仔长裤的 category_id 是 5，那么在小程序端，参考知晓云开发文档，去获取所有童装牛仔长裤。

关注「知晓程序」微信公众号，回复「知晓云」，获取知晓云开发文档。

const TABLE_ID_PRODUCT = ‘2’
const KIDS_CLOTH_CATEGORY_ID = ‘3’
const JEANS_CLOTH_CATEGORY_ID = ‘5’

let Product = new wx.BaaS.TableObject(TABLE_ID_PRODUCT)
let query = new wx.BaaS.Query()

// 设置类别为童装牛仔长裤
query.in(‘category_id’, [KID