基于WechatApplet的礼品推荐平台的设计与实现

陈小云 陈宇

（南京理工大学紫金学院 江苏省南京市 210046）

1 引言

礼物作为人们传达心意的载体，在人际交往中起着非常重要的作用。人们在社会交往中，难免会遇到需要赠送礼品的时候，如何简单高效地选定一份合适的礼品就显得尤为关键。去传统的线下实体店选购，不仅商品种类有限制，而且耗时耗力。伴随着计算机以及网上商务的迅速发展，网上购物逐渐普及，人们越来越喜欢在网上购买礼物。在线的电子商城有更多的选择，也相对更加方便。但是也正因为选择太多，往往人们花费了大量的时间挑得眼花缭乱，也未必能挑选到满意的礼物。礼品推荐平台致力于满足人们挑选礼物时方方面面的需求，实现精准推荐，提高效率，节约时间。

基于微信小程序的礼物推荐系统有两类角色，分别是管理员和普通用户。管理员主要是对平台数据进行管理，包括礼物类别及适用场景管理、礼物管理、用户管理等，普通用户即是平台功能的主要使用者，可以方便快捷地挑选礼物。

2 微信小程序开发的相关理论基础

2.1 开发工具与开发环境

微信小程序是一种基于微信的应用方式。用户只需要打开微信就能够使用，并不需要花费时间下载。上线之后，微信小程序开始逐渐替代掉手机的应用软件。本平台前端开发使用微信开发者工具，后端开发采用HbuilderX。

2.2 小程序的开发组件

在组件使用的过程中，要在Json文件中对自定义的组件进行声明。另外，也需要将组件的模板写入WXML文件。最后在WXSS文件中放入slot样式组件，表示插槽。类似Vue中的slot。最后，需要用Component（）来注册，同时提供组件的属性定义、内部数据和自定义的方法。

2.3 小程序的API

微信小程序的API相当于是微信提供的一些函数。它调用微信小程序的底层接口，从而进行一些微信小程序特有的操作。比如一键登录、获取用户信息等。在本系统中，主要用到了wx.login（获取用户登录授权）、wx.getUserProfile（获取用户信息）、wx.navigateTo（页面跳转）、wx.request（后端请求）等API。微信小程序官方对于这些API的封装，可以使开发人员的编码数量降低，也可以提升效率，同时起到规范代码的作用。

2.4 数据库MySQL

本系统使用开源的关系型数据库MySQL来存储礼品数据。MySQL可以支持多种开发系统的运行，同时也支持各种编程语言。采用MySQL数据库，可以让本平台在设计与实现的时候更加方便和快捷，对系统的稳定性也有很大的帮助。

3 系统需求分析

礼品推荐平台旨在帮助用户解决送什么礼品的问题，致力于让用户快速高效地选到合乎心意的礼品。系统有两类用户，一类是普通用户，一类是管理员。

3.1 普通用户需求

普通用户对平台的需求主要包括：用户登录，浏览和挑选礼品，将选中的礼品添加至购物车，填写收件人地址信息，下订单等。

（1）用户通过微信授权即可登录礼品推荐小程序平台。

（2）用户可以根据平台首页的分类及导航浏览礼品，结合自己的需求进行挑选。

（3）用户将选中的礼品添加至购物车，并可以调整购物车中的礼品数量。

（4）用户可以管理收件人地址信息，可以是用户自己的地址，也可以是礼品接收者的地址。

（5）用户可以选中购物车中的部分或全部礼品进行结算，新增订单，并能跟踪查询订单状态。

3.2 管理员需求

对于一个礼品推荐平台，有管理员来管理用户信息以及设置礼品信息是非常重要的。

（1）管理员可以对礼品的分类进行管理，这对平台能否实现友好的分类和导航是十分重要的。

（2）管理员可以管理礼品的信息，包含礼品的上下架等。

（3）管理员可以实现对订单的管理，比如订单状态的更改。

（4）为保证特殊情况的可处理，对用户信息和地址信息的管理也是不可或缺的。

4 系统设计

4.1 功能模块设计

根据前面的需求分析，遵照模块化的划分思想对整个系统的功能模块进行划分。本系统的功能可具体划分为七个模块：登录模块、购物车模块、订单模块、分享模块、礼物详情模块、管理员模块、地址模块。图1为系统功能模块图。在各个模块之中，再根据具体的需求可以细分为多个不同功能的子模块。

图1：系统功能模块图

4.2 数据库设计

礼品推荐平台使用MySQL数据库，MySQL数据库是在一些中小型网站中应用最为广泛的数据库。按照上文的功能模块规划，设计本平台的数据库主要由这几个表组成：用户信息表、礼品类型表、礼品表、订单表、收件地址表、销售统计表等。以数据库中商品表为例，该表设置eid字段为主键，以便其在数据库中避免多次重复地存储。该表存储了礼品的商品编号、价格、类别、名称以及添加时间和介绍等。具体如表1所示，其余表不在这里一一赘述。

表1：礼品表

5 系统开发与实现

5.1 项目搭建

在创建小程序项目之前，需要先在官方网站注册每个用户独有的小程序APPID。创建完之后，就可以在项目创建时填入之前注册好的APPID，点击创建就可以完成项目的搭建。创建完小程序项目，就可以进行程序的开发与调试。

5.2 系统登录功能

用户点击小程序进入时，会弹出消息框让用户进行选择，是否要授权小程序。在微信公众号中，可以通过微信的API接口来获取当前用户的微信账户信息，即直接用微信号登录。只有用户微信授权登录之后，才能访问平台的内部资源，这很好地保证了平台的安全性。

登录功能的主要流程为：通过wx.getStorageSync接口检查本地缓存中是否有wxid等数据，以此来检查是否登录，如果没有登录则跳转到登录页面；再用wx.getUserProfile获取用户的基本信息，并保存到本地；最后调用后端user.php，将用户的头像、昵称保存到数据库中。

5.3 小程序的tabbar结构

当用户进入小程序后，映入眼帘的是礼品平台的首页。小程序的底部会有一个tabbar导航栏。分为首页、购物车和我的。在tabbar结构里还增添了小图标，这样使底部的导航栏看起来清晰明了。

5.4 礼品分类导航

礼品的分类导航是否好用很大程度上决定了该平台的易用性。在这个界面，将每一个礼品种类存放到一个大的框架中。点击其中的每一个图标可以进入礼品的一个子类。是否能够让用户高效地挑选到心仪的礼品，分类是否合适就显得尤为重要。为了提高用户挑选的灵活性，这里既提供按礼品本身的商品类型进行分类导航，比如：美妆、烟酒茶、图书、文创等；也提供依据礼品的适用场景及热点主题导航，比如：节日、生日、感谢、小心意、礼盒等。用户可以在各个类别中浏览商品详情挑选礼品。

5.5 礼品详情页

在分类页面，用户可以浏览礼品。当用户看到感兴趣的礼品时，可以点击跳转到礼品的详情页面查看。在详情页面会展示礼品的价格、商品详情等。用户可以在该页面点击立即购买按钮将礼品加入购物车。

5.6 购物车页面

在购物车页面，可以看到用户选购的礼品及数量，数量可以更改。选择好要付款的礼品后，会弹出让用户选择收货地址，选择确定地址后，然后点击支付按钮进行付款。

5.7 订单页面

用户在购物车，付完钱之后，就可以在订单列表就会出现刚才的礼品订单信息。如果用户对已经生成的订单不满意，或者想重新选购其他的礼品时，可以在订单页面点击取消订单这个按钮进行订单的取消，然后重新选购。需要注意的是，如果订单的状态是已发货则无法取消。

5.8 后台管理

在后台管理界面中，管理员可以查看和管理所有的用户信息、礼品信息、礼品分类和场景主题信息、订单信息等。比如：在订单管理页面，可以看到订单列表。可以查看订单单号、买家信息、订单状态等订单详情信息。还可以点击“发货”按钮，改变订单的状态，例如将订单信息从“未发货”改成“已发货”。

除此之外，还可以查看销售的统计数据等等。

6 结语

本课题研究的是基于微信小程序的礼品推荐平台的设计与实现，能够分门别类、有针对性地为用户推荐礼品，有助于用户高效快捷地挑选到合适的礼品。本系统只是一个小型的礼品推荐平台，并没有深入地研究和比较各类推荐算法，期待未来可以在这方面继续钻研和探索。