孙先德 姚永忠 赵晓凡 陈燕

【摘 要】近年来，随着网络购物的兴起，横跨地域的物品不再遥不可及，各种新奇物品进入人们的视野，网购已经成为了大部分人购买物品和猎奇的主要途径。充满着活力与好奇心的大学生已然成为了一个庞大的网购群体，购买的物品越来越多，导致许多物品无法处置。本文基于微信开发者工具开发的校园物品交易小程序，应用于大学生对闲置物等物品的近距离交易。

【关键词】校园物品;交易;微信小程序

一、引言

随着互联网技术的发展，网络购物已经基本普及，而对于大学生来说，网购更是一个很好的购买方式，比较于传统的实体店购物，网购更能给正值十七八岁大学生一个安全的购物环境以及有保障的购物品质。但渐渐的，大学生购物更加偏向了新奇物品，一时的兴趣而去购买一些不必要的物品，把玩一段时间就弃置一旁，以至于这样的物品堆积成山。据调查显示大学生闲置物品种类繁多，调查的64个学生宿舍中，闲置衣物共188件，书籍报刊共162份，玩具，电器日，用品等共计159件。对于堆积的闲置物，多数大学生选择在毕业的时候随意丢弃，仅少量人选择带回家中继续使用。由此造成了一个庞大的物品资源浪费。同时，对于大学生来说，经济条件并不充裕，因此更想要用较低的价格去购买所需要的物品。所以对于保存完整且较新的闲置物品二次出售，成交率极高。

国内以咸鱼交易网为代表的大型二手物品交易网站，为全国大范围的人群提供了一个良好的二手交易环境。对于大学生来说，校园内的同学之间更加具有可信度，安全度更高，且更加便捷，因此校园内的物品交易更能被大学生所接受，成交率也更高。据了解，如今大学校园一些学生将自己的闲置物品挂在校内表白墙上进行售卖，由表白墙发布后，心仪人员与卖家私下联系售卖，这样安全度极低，并且所挂商品不易被更多人浏览。本文以校园交易为背景，设计一个用于校园内物品交易的微信小程序，给在校大学生提供一个安全，系统的环境去买卖物品，更方便的帮助大学生处置自己所闲置的物品。

二、微信开发者工具

微信开发者工具是腾讯公司基于微信公众号网页调试工具而推出的一款集合公众号网页调试和小程序调试两种开发模式的应用App，用户可以使用此开发工具完成小程序的API和页面的开发调试，代码的查看与编写，小程序的预览与发布等功能。为用户提供了一个稳定安全的开发环境。

微信开发者工具结合了HTML+CSS页面设计，python与JavaScript功能实现为一体，将网页设计的特点继承至手机，页面编写结合了python对程序页面进行数据交互。平台提供了多种组件，简化了JavaScript等代码编写负担，同时将多种语言混合编写，使程序逻辑更容易编写与观察，灵活多变的结合，节省了代码编写量，也方便后期开发者预览检查代码。同时此工具还具备模拟器，模拟微信小程序在客户端真实的逻辑表现，对于绝大部分的API均能够在模拟器上呈现出正确的状态。

其应用具备云开发功能，无需用户自己另外搭建数据库，服务器。同時开发者不需要管理后端服务框架，即可轻松拥有各种后端能力。极大的简化了用户的开发工程量。云开发主要运用平台提供的API进行核心业务开发，与开发者已经使用的云服务相互兼容，并不互斥，如下图1所示。云开发还提供了四大基础能力的支持：

1.云函数，用于在云端运行代码，开发者只需要编写自身业务逻辑代码。

2.云数据库，一个既可在小程序前端操作，也能在云函数中读写的 JSON 数据库。

3.云储存，在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理。

4.云调用，基于云函数免鉴权使用小程序开放接口的能力，包括服务端调用、获取开放数据等能力。

开发完成后，可利用真机进行功能测试，对于注册用户，开发功能完善后可提交发布申请，经审核后，开发者可以在开发者管理平台的开发管理中进行发布。

三、校园交易微信小程序

（一）适用人群及使用方法

本系统主要面向在校大学生及在校教师等职工人员，利用微信授权登录此小程序，无需用户另行下载App，程序内具有定位系统，可定位用户所在校园，依据定位来访问此范围内商品，同时程序首页具有商品推荐列表，可供用户对商品进行预览选购。对于每一个用户而言，其都可成为商家来售卖自己的物品，经信息认证完毕，即可开通卖家权限。操作相对便捷，对于交易双方提供两种付款方式，平台交易与线下付款，灵活多变，更符合大学生怕麻烦的心理。

本系统更是商客互动交流平台，可以使买家进一步的了解心仪的商品以及确定交易时间与地点。为保障买家与商家的交易安全，程序设立反馈举报功能，对未能正当交易的一方，由学院进行排查处理。

（二）界面布局与功能开发

1.页面结构

基于wxml+wxss对页面进行布局美化，页面的整体设计主要分为五点规范，分别为流程明确、色彩对比、使用便捷、特效流畅优美和视觉规范。如下图2 所示：

其中，流程明确表现为用户登录到交易完成便捷高效，共分为微信授权登录，搜索或预览商品，加入购物车，与商家联系，与购物车中支付，线下交易商品这些步骤。交易完成后还可对商品进行评价。

2.功能框架

在功能的设计中，在js文件的页面初始数据data中，定义商品图片，价格，名称，简介等参数，由生命周期函数onReady（）定义基本参数的变量并获取参数值，再页面中利用“{{}}”语法绑定变量来实现生命周期函数中参数值的显示。

购物车功能将用户选中添加的商品简略的显示在页面中，同时添加复选按钮用于帮助用户选中并支付，其中用到JS页面data的数据参数传输保证用户所选商品与购物车中商品一致。页面顶部放置搜索栏，在JS中调用请求数据函数getSearchResult（），并定义一个响应成功后的函数getSearchResultSucc（），判断响应的数据是否存在。如果存在通过this.setData（）方法将响应后的数据赋值给list，由此对数据库中所有商品进行检索。利用swiper滑块视图容器实现页面内容的滚动，也即商品推荐板块的内容浏览，此容器可以在有限的界面中浏览更多的商品。，方便用户“逛”商品来寻找感兴趣的物品。

小程序还具备一键打电话功能，利用callGroom和callBride事件处理函数实现拨打电话，函数中的wx.makePhoneCall（）接口用来实现呼叫功能，参数可利用js文件中checkPhone（）函数结合页面中绑定的blur事件实现表单验证，利用bindsubmit事件配合按钮的from-type=”submit”，在js中用data.detail.value获取数据，由此实现买家可在商品页面直接对商家进行呼叫。

3.商品及用户信息的存储

在微信开发者工具中，云平台提供的云数据库可以简化开发工程，直接利用constdb=wx.cloud.database（）获取数据库的引用，然后创建数据表利用data数据进行添加数据。用户信息与商品信息将由两个数据表分开储存，数据导出有两种格式，当选择导出格式为JSON时，若不填写字段项，则默认导出所有数据。当选择导出格式为CSV时，则字段为必填项，字段之间使用英文逗号隔开。数据库管理样式如下图3所示。

四、小结

本文在论述当前大学生处理堆积物的背景下，结合网络购物这一特殊领域，研究了基于微信平台的网上交易小程序，实现了对大学校园中学生之间的小型交易平台的开发。该程序使用范围小，操作方便，无需下载，因此符合当代大学生需求。

【参考文献】

[1]宫曼曼等.基于微信公众号的校园二手物品交易平台——以泰州学院为例[J].电子世界，2020，21：163-164.

[2]郭雨洁等.基于Android的校园二手物品交易平台的设计与实现[J].信息与电脑（理论版），2020，04：70-72.

[3]赵永刚等.“互联网+”模式下的高校二手物品交易平台研究[J].中国市场，2019，29：185-186+192.

[4]徐佳慧等，基于微信公众号的校园二手物品交易的研究[J].现代经济信息，2018，24：163.

[5]易莉等.共享经济下大学生闲置物品二手交易现状研究及解决方案——以成都高校为例[J].现代商业，2020，08：21-23.