基于微信小程序的校园二手交易平台
设计与实现

 
摘  要
随着绿色低碳消费和循环经济的理念越来越深入人心,大学生二手商品市场发展迅猛，而大部分二手交易平台运输方式与收售方式对于大学生用户群体并不适用，所以急需一款针对大学生二手商品交易的软件，而本系统是专门为在校大学生设计的二手交易平台，系统主要使用微信开发者工具进行开发，前端采用 WXML、WXSS以及 JavaScript技术，后端主要使用微信云开发服务，使用云数据库存储数据，云函数进行调用，使用CMS管理后台数据。系统主要实现了用户注册登录功能，发布二手商品需求功能，搜索二手商品功能，购买商品功能和商品评价功能，管理员可以对用户信息、订单信息、商品信息、评论信息进行管理。通过对该平台进行测试，测试结果证明该系统功能完善，界面简单，具有一定的使用价值。
关键词：微信小程序；校园二手交易平台；JavaScript技术；云数据库
 

ABSTRACT
With the concept of green and low-carbon consumption and circular economy becoming increasingly popular, the second-hand commodity market for college students is developing rapidly. However, most second-hand trading platforms' transportation and sales methods are not suitable for the college student user group, so there is an urgent need for a software for second-hand commodity trading for college students. This system is a second-hand trading platform specifically designed for college students, and the system is mainly developed using WeChat developer tools, The front-end adopts WXML, WXSS, and JavaScript technology, while the back-end mainly uses WeChat cloud development services, uses cloud databases to store data, cloud functions to call, and uses CMS to manage backend data. The system mainly implements the functions of user registration and login, publishing second-hand product requirements, searching for second-hand products, purchasing products, and evaluating products. Administrators can manage user information, order information, product information, and comment information. Through testing the platform, the test results have proven that the system has complete functionality, simple interface, and certain practical value.
Key words:WeChat mini program; Campus second-hand trading platform; JavaScript technology; Cloud database
 
目  录
第1章 绪论
1.1 研究背景
1.2 国内外研究现状
1.3 研究内容
第2章 开发技术介绍
2.1 微信小程序介绍
2.2 WXML
2.3 WXSS
2.4 JavaScript
2.5 微信云开发服务
第3章 系统分析
3.1 可行性分析
3.3.1 经济可行性分析
3.3.2 技术可行性分析
3.3.3 操作可行性分析
3.2 需求分析
3.3 系统功能分析
第4章 系统设计
4.1 系统功能模块设计
4.2 CMS可视化管理后台搭建
4.3 数据库设计
4.3.1 用户表的设计
4.3.2 订单表的设计
4.3.3 回收商表的设计
4.3.4 商品表的设计
4.3.5 评论表的设计
第5章 系统实现
5.1 系统功能模块
5.1.1 用户注册界面
5.1.2 用户登录界面
5.1.3 发布二手商品界面
5.1.4 搜索二手商品界面
5.1.5 商品详情页面
5.1.6 购物车界面
5.1.7 下单界面
5.1.8 订单界面
5.1.9 评论商品界面
5.2 管理员功能界面
5.2.1 用户管理界面
5.2.2 订单管理界面
5.2.3 回收商管理界面
5.2.4 商品管理界面
5.2.5 评论管理界面
第6章 系统测试
6.1 测试目的及意义
6.2 测试
6.3 测试分析
总结
参考文献
致谢
 
第1章 绪论
1.1 研究背景
互联网飞速发展的今天，信息科学技术和网络技术不断向上进步提高，互联网广泛应用于人们的生活之中。网购已经成为了一种趋势，特别是在大学生群体，在人群中占比很高，当大学生们毕业在即，许多日用品、文体用品、新旧书籍、老旧服装等因为运输费用高昂、邮寄不便等困扰，运输变成了一件十分麻烦的事情，所以造成了很多东西无法及时卖掉直接丢弃，很多东西都是非常不幸的被直接当做垃圾扔掉了，有一大批可以使用的东西都无法发挥利用完它的价值，不能物尽其用，造成了很大的资源浪费，让我十分痛心，而大学校园中买卖二手商品都是通过聊天群、表白墙、操场摆摊、贴吧等方式进行的，这些方式效率低下而且存在隐私安全隐患，因此可以在网络上进行有目的性的选择，并且找到性价比高的自己需要的二手物品，高效率，安全系数高，开发出一套基于微信小程序的校园二手交易平台是非常必要的。
1.2 国内外研究现状
在学校购买二手物品通常非常难找，学生往往要花费很多的时间和精力，在学校表白墙上或者学校群里，找买家很不方便，找卖家更难，很容易发生卖家找不到买家，买家找不到卖家。这样就导致了在学校里面，很多的二手交易信息都是不流通的，而且传播方式复杂缓慢，而且信息十分杂乱，这就导致了有需求的学生很难找到自己想要的信息。因此，针对高校普遍存在的二手交易现象，但却缺少特定交易平台的问题[1]。2019年，颜浩瀚,叶建林. 在《“二货”校园二手交易平台Android端的设计与实现》中提出实名账户登录：为了保证注册用户为在校师生，以确保交易安全。该APP要求实名认证，注册账号要求使用者输入使用者在该校的学/工号、姓名、专业、联系方式以及账户密码。[1]2020年，宇海萍,张渤洋.在《基于微信小程序的校园二手交易平台开发》中指出微信小程序依赖微信应用而生，它提供的一套API实现了应用“触手可及”的梦想，也体现了“即来即用，用完即走”的理念。微信小程序的开发和HTML5普通网页的开发很相似，都是采用Javascript脚本语言。[5]
随着计算机技术和网络信息技术的发展，电子商务行业发展壮大，并且在未来将会有更广阔的发展前景。美国在这一发展模式下遥遥领先，他们建立的购物网站在全球得到广泛应用比如Amzaon.com、eBay等。虽然欧洲刚开始对这一新发展模式不甚了解，但是在他们发现新模式给美国带来巨大的经济效益，也逐步推广实施这一发展模式，虽然起步时间稍逊美国，但是他们的发展速度却十分迅猛，尤其是《欧盟电子商务动议》的出台与推行，不断开放欧洲的电信市场，使得欧洲的电信用户使用者和消费群体数量越来越多，促使市场不断壮大，欧洲发展趋势越来越好。国外一些国家的电子商务体系系统发展相对来说环境规则已经完善，但其中不乏会有一些缺陷和漏洞的存在，他们大多数都忽略了旧物、闲置物以及转卖品的商品交易市场的特殊环境和二手闲置物品交易市场的庞大，所以二手旧物闲置物转卖品的网络信息的数据拟购交易发展还没有形成完善的体系体制建构。2019年Chandrasekaran Padmavathy,Murali Swapana,Justin Paul在《Online second-hand shopping motivation - Conceptualization, scale development, and validation》尽管在线二手点对点/客户对客户（P2P/C2C）电子商务越来越受欢迎和增长，但对在线二手购物的研究仍然有限。开发和验证了一个衡量在线二手购物动机 （OSSM） 的量表。2022年Bae Yoonjae,Choi Jungyeon,Gantumur Munguljin,Kim Nayeon.在《Technology-Based Strategies for Online Secondhand Platforms Promoting Sustainable Retailing》中说到在线转售平台是一个蓬勃发展的行业，促进安全交易、引人入胜的用户体验和用户界面设计以及个人兼容性的功能在影响用户转售平台使用方面最有效。有了这些前辈们的经验，进行深刻学习后发现基于微信小程序的校园二手交易平台可以使用他们原有的基础上进行改进从而创建一个二手商品交易平台。
1.3 研究内容
这一次系统设计是通过微信开发者工具来展开的，同时利用微信开发者工具所自带的 WXML、 WXSS的基础组件以及 Java Script技术来设计前端页面，后端使用微信小程序云服务功能的云函数和云数据库设计实现，平台计划实现用户注册登录、个人信息管理、用户发布商品功能、订单管理、下单购买等内容。用户通过学校分类可以直接找到自己学校内买卖二手物品信息，并且在购买后可以自选联系商家进行上门取货或者是送货上门服务，在此基础上形成校园二手交易平台。 

第2章 开发技术介绍
2.1 微信小程序介绍
微信在我国迅速普及，成为老少皆宜的聊天应用工具，微信在我国的普及率非常高，而在这一前提下,在2017年年初，微信小程序开始了对其进行测试和使用。因为其不需要下载，没有推送提醒等优点，所以各行各业都开始了对微信小程序开发应用工作。经过这些年的发展，一个个微信小程序已经变成了微信软件中的一个个特殊功能。因为它不需要安装下载，可以方便获取，在用户中迅速普及和传播，给了用户出色的用户体验，发展的速度是其他软件无法比拟、难以超越的。
2.2 WXML
WXML（WeiXin Markup Language）是框架设计的一套标签语言，它与HTML非常相似、结合基础组件、事件系统，可以构建出页面的结构。WXML也可以简单理解为HTML。WXML是微信为我们提供的一整套的标签语言，但是它与HTML的标签名不同，属性节点也不同，当然WXML也提供了类似于vue中的模板语法可以实现数据绑定，列表渲染，多条件渲染等等。
2.3 WXSS
WXSS (WeiXin Style Sheets)是一套样式语言，WXSS也是微信小程序为我们提供的一整套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。
2.4 JavaScript 
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。它被广泛应用于各种前段页面交互设计，由于它的便利性和交互效果好的特性，因此它人们广泛使用。
2.5 微信云开发服务
“微信云”是由微信团队和腾讯云共同打造的一款专门为小程序开发而生的一款软件，是基于微信原生能力打造的一个开发平台，微信云开发服务包括四大模块分别是：云数据库、云存储、云函数和云调用。云数据库：现在的数据库都是按照一定的格式进行存储，而微信的这款云开发服务，就是基于云计算发展而来的 JSON型数据库，这类数据库将数据储存在云端，所以在访问的时候就会更加便捷和快速。云存储：小程序端是不能直接访问到文件的，所以微信将这种数据存储方式进行了改变，那就是将其提供给了小程序端和云功能端。云函数：云函数是指在云开发服务中的功能。比如说将一个业务分解成多个云函数，然后再一键上传到服务端并进行部署，这就叫“云函数”。云调用：其实所谓的“云调用”也是类似于“云数据库”和“云存储”一样的概念。只不过在“云调用”中，开发者可以将业务进行拆解，然后将其分解成多个云功能。然后开发者就可以在小程序端和云功能端通过 API对这些云功能进行访问，而这样子的话就很方便了。
 
第3章 系统分析
3.1 可行性分析
基于微信小程序的二手交易平台是根据大学校园二手物品资源不能得到有效利用，微信小程序在现今得到普及，微信小程序体积小，方便快捷，不用下载，操作流程简单，用户使用过程方便快捷，并且小程序开发成本低，应用范围广，用户体验好，推广速度快，在微信这个平台上更是有着天然的优势。所以在此基础上，设计本系统。
3.3.1 经济可行性分析
从经济效益上讲，不管是从程序的开发，还是从经济背景上讲，以微信小程序为基础的校园二手交易平台，这个小程序的开发实现成本极低，普通电脑即可开发。并且，作为毕业设计来讲，开发成本极低，并且维护成本极低，在后期基本不需要怎么维护，而且这个小程序的开发是为了让校园二手商品资源的有效利用，促进节约型校园文化，节约了我国国家资源，实现绿色低碳环保，可以让资源回收再利用。所以在经济上是可行的。
3.3.2 技术可行性分析
在电脑端用Windows平台，运行微信小程序开发者工具，使用 WXML超文本标签语言、 WXSS进行网页基本样式的设计、 JavaScript设计前端页面交互、使用云服务功能，构建CMS平台，搭建云数据库。在技术上，WXML和WXSS是微信小程序专用的HTML和CSS更适用微信小程序，网络前端框架多，开发更加方便快捷，JavaScript非常快捷、简单、人气高，互操作性好，可以很好的和其他语言一起使用，有丰富的接口。拖放组件或滑块可为网站提供丰富的界面。扩展功能强大，功能多能够满足校园二手交易平台开发，微信云服务支持有丰富的云代码，支持链接云数据库，并且被配CMS可视化管理后台，可以轻松实现后台数据的增删改查功能，比以往数据库链接更加方便快捷实现高质量的开发，为后续开发升级，维护提供便利，由此看出在技术方面是可行的。
3.3.3 操作可行性分析
现在随着互联网行业和计算机技术行业的飞速发展，微信小程序早已经进入了人们的日常生活中，微信小程序越来越适合当前生活需求，不需要下载，运行快。这使得微信小程序使用更加方便快捷。操作的多样性也变高了。因此，微信小程序是现代社会发展而带来的必然趋势，各种微信小程序层出不穷，不同的小程序能完成用户不同的需求，这不仅拓宽了用户对小程序的需求，还让现代生活更加方便。校园二手交易平台，这个系统是操作起来简单方便，从没有使用过的人也能很好地掌握。从这个角度来说，这个系统的使用是可行的。
3.2 需求分析
基于微信小程序的校园二手交易平台，是为了给用户提供简便的收售二手商品服务。系统包括用户注册登录、发布需求或商品信息、查询商品信息、下单购买、订单管理、评论管理、用户信息管理和商品信息管理等功能。用户可以通过浏览本学校发布的二手商品进行购买，也可以搜索需求商品进行购买，在下单购买后，可以管理订单进行确认收货或者取消订单操作，在确认收货后，可以对购买商品进行评价。整个系统的设计与实现将考虑用户的体验，能够使其快速、方便的对本学校商品进行收售，为大学生二手交易提供良好平台。
3.3 系统功能分析
通过走访和调查问卷等形式，确定系统角色为用户和管理员，管理员采用微信小程序自带的云服务使用CMS管理二手交易平台后台。管理员可以进行用户管理，订单管理，回收商管理，商品管理和评论管理。管理员用例图如图3-1所示。
 
图3-1 管理员用例图
用户可以实现注册登录、发布需求信息、发布商品、查询商品信息、订单管理、个人信息管理和购买商品功能。用户用例图如图3-2所示。

 
图3-2 用户用例图