基于微信小程序的“助农”销售系统的设计与开发

杨米娜

（山西工程科技职业大学 山西省晋中市 030600）

坐标山西吕梁的“助农”农产品销售公司，主要销售吕梁本地特产，诸如藜麦、小米、核桃、红枣等。山西吕梁是革命老区，也是经济发展滞后的地区，农产品不仅产量低而且滞销严重。为了帮助山西农业发展，把农业做“特”做“优”，将山西吕梁的农产品推向全国。 “助农”农产品销售公司，设计与制作了“助农”微信小程序，将企业农产品销售和移动端互联网有机的结合，让用户能更方便的在移动设备中使用小程序下单，直接使用微信支付完成交易。

1 设计优势

微信小程序平台，凭借的是微信10 亿用户和简单的操作，从而带动农产品的销售。使用微信小程序，有以下两大优势：

（1）从用户的角度来说，微信小程序只需要使用时打开，用完之后随手关闭，不需要下载安装。而且微信小程序也能免去注册、登录这些繁琐的操作，使用时只需要对小程序授权即可，而且使用效果和APP 相同。

（2）从微信小程序开发的角度来说，小程序的开发、维护以及推广的成本都比较低[3]。在开发过程中，小程序的兼容性强，不需要考虑安卓、苹果等系统因素，也不需要考虑屏幕分辨率、机型，大大的降低了系统的开发难度。

2 系统分析

在“助农”小程序中，为了减少中间商环节，及时将滞销的农产品销售出去，在微信上，搭建了一个和网上商城一样的销售系统，让用户和商家直接进行商品买卖，本系统主要分为前台销售系统和后台管理系统。

2.1 前台销售系统

前台销售系统主要为用户提供管理功能，用户在第一次使用需要对小程序进行授权，授权登录后开放全部用户功能。用户需要在手机微信端进行农产品选择，拥有购物车管理、订单信息的查询权限。登录后默认为用户页面，可以完成下单、订单查询等操作。

2.2 后台管理系统

后台管理系统主要为商家提供管理权限，商家在系统中主要是维护商品数据、接单。商家拥有对商品的增加、删除、修改、查询等权限，以及查询合作快递公司配送员信息的权限[4]。

通过系统分析，基于微信小程序的“助农”销售系统设置前台和后台两种角色，第一种角色具有用户信息管理、购物车商品添加删除、订单信息管理等功能，第二种角色具有商品分类管理、商品信息管理、订单管理等功能。系统总体功能模块设计如图1所示。

图1：系统功能模块图

3 微信小程序设计与制作

3.1 前端开发

微信小程序开发之前需要先注册小程序账号。注册后，登录小程序后台，选择“开发”菜单中的“开发设置”，查看获取的AppID[1]。这里的AppID 和身份证一样，每一个小程序唯一拥有，是微信平台允许小程序开发的授权。注册之后，可以对小程序的基本信息进行填充，比如微信小程序标志、名称及服务范围等。

使用授权的AppID 打开“微信开发者工具”，创建“项目”，编写代码制作微信小程序，开发期间可以利用“调试”模拟小程序在客户端的效果。完成小程序开发后，提交代码审核，审核通过即可以在微信平台上发布小程序。

3.2 界面设计

要想取得更好的销售和营销效果，小程序用户界面设计就非常重要。布局合理、内容清晰、操作便捷的UI 设计才能吸引更多的用户，小程序才能被广泛应用。

微信小程序框架中提供了一系列的UI 组件，构成了视图层（View）的组成单元[2]。视图层位于前台负责与用户的视觉交互，由微信提供的WXML 和WXSS 语言编写完成界面布局设计和数据渲染，构造良好的用户体验。

3.3 后台开发

在系统中使用Linux 系统作为服务器系统，由Naginx 加上Tomcat 搭建的集群作为应用服务器，并且使用MySQL 来作为后台的数据库。后台开发使用了Java 高级程序设计语言，主要开发框架使用的是SpringBoot，集成开发环境（IDE）采用的是JetBrains软件公司的IntelliJ IDEA。

3.4 平台运行效果

在平台开发完成后反复测试，最终此平台能够很好的完成预期设计目标。试用时平台运行流畅稳定，各项功能均能正常、不卡顿的运行。

3.4.1 “助农”微信小程序logo 标志

将“农”汉字与互联网用语“@”结合到一起，使用了绿色为标准色，设计制作了“助农”小程序的logo，方便用户查找和记忆，“助农”微信小程序logo 标志见图2。

图2：“助农”微信小程序logo 标志

3.4.2 小程序运行主页面

当用户进入小程序并且获得微信授权之后，将会跳转至首页。首页还没有加载出来时设计制作的闪屏页，将“助农”logo 及广告语添加进去。

当首页打开时，用户可以选择首页中推荐的农产品，或者搜索想要购买的农产品；还可以进入分类页面，从不同的分类中选择所需农产品，加入购物车下单购买。“助农”微信小程序首页及分类页效果如图3所示。

图3：微信小程序“首页”及“分类”页面

在这些主页面中，重点突出、减少了无关的设计元素对用户目标的干扰，流程明确、导航清晰、各页面之间尽量使用一致的控件和交互方式，让用户有良好的用户体验。

3.4.3 后台管理系统运行效果

在后台管理系统使用了“助农”微信小程序的绿色作为主色调。商家具有后台系统的管理权限，可以在该平台对商品、订单、用户等进行管理。如图4所示。

图4：后台管理平台

4 结论

本系统以农产品销售为核心， 采用WXML、WXSS、SpringBoot 及MySQL 数据库设计开发了“助农”微信小程序。设计制作的“助农”微信小程序具有以下特点：

4.1 开发难度低

小程序在制作上使用了比较方便、容易操作的开发技术。这些技术相对来说比较成熟，这就使得整个系统实现的难度降低。

4.2 操作简单

微信小程序不需要像APP 一样下载和安装，通过关键字搜索小程序或扫描二维码即可直接使用，减少了手机内存的占用。

4.3 运营成本低

对于企业来说，小程序的开发、运营维护及推广成本比开发一款APP 成本要低得多。同时为企业省掉一大笔平台抽点费用，还能实现线上线下相融合，完成网络转型。

但是系统在安全性、内容涵盖面、用户交互性等方面还需要进一步完善和优化，在后期还可以使用公众号+小程序的方法，打造微信生态圈，从而使其功能更加丰富全面。