【基于微信小程序的校园二手书交易平台设计与实现9700字（论文）】

基于微信小程序的校园二手书交易平台设计与实现摘要本小程序意在为校园内的学生们提供一个二手书交易平台，加强二手书的循环利用，让学生们能够将闲置的二手书转售出去，不浪费二手图书资源又能利用很少的钱购买到自己需要的书。小程序基于JS+WXML+WXSS进行设计与开发，前端开发采用微信小程序MINA框架。用户通过本小程序可以实现线上选购二手图书，用户可以通过本小程序的发布功能对自己不需要的二手书籍进行二次售卖；也可以在首页查看二手图书信息选择购买；购买和发布之后用户可以在“我的”界面查看自己的订单；此外小程序还提供客服解答，当用户遇到订单或与小程序相关的问题可直接通过电话、公众号等方式联系开发者。此小程序让用户的选择更广，更容易挑选到自己所需要的二手图书。关键词：二手书；WXML；JS；WXSS;微信小程序目录摘要 I1绪论 31.1课题背景及意义 31.2国内外研究现状 32需求分析 52.1功能需求分析 52.2可行性分析 72.2.1经济可行性 72.2.2技术可行性 73系统详细设计 93.1系统基本架构设计 93.2平台功能模块设计 93.3工作流程的划分与设计 113.4数据库设计 133.4.1概念设计 133.4.2数据库设计 154系统功能的实现 194.1代码结构概要说明 194.1.1前台代码结构 194.1.2后台结构 224.1.3接口代码结构 234.2前台用户功能模块 234.2.1小程序主菜单页面 234.2.2微信授权登录 244.2.3图书详情 254.2.4图书发布 264.2.5订单 274.2.6我的钱包 284.2.7客服 284.3后台管理员功能模块 294.3.1系统管理员登录页面 294.3.2用户账号管理页面 294.3.3发布信息管理 304.3.4图书信息管理 304.3.5订单信息管理 314.3.5收支记录信息管理 315系统功能测试 325.1测试的方法与目的 325.2测试用例 325.2.1用户微信授权登录功能测试用例 325.2.2用户发布功能测试用例 336 总结 366.1设计中完成的工作与总结 366.2存在的问题 366.3展望 36参考文献 37

1绪论1.1课题背景及意义受经济条件和生活空间的限制,个人并不能随心所欲地购买新书,于是二手图书成为大众的选择。高校学生是读者中较为庞大的一个群体,对二手图书有稳定的需求量,并且更新淘汰二手图书持有量快,为二手图书市场在校园发展提供了可能。同时,大学生群体资金有限,阅读需求高,二手图书有助于该群体节约资金投入,获取更多的阅读体验。基于此,本小程序为学生们提供一个交易平台。1.2国内外研究现状随着时代背景发生变化，世界旧书行业已经得到了极大的发展，有关旧书的产业在发展中逐渐完善[1]。我国每年各个学校都会产生大量的二手书,尤其随着学生升学,他们在上个学期所使用的教材就变成了名副其实的二手图书,另外还有课外书等[4]。这些二手书大多还完整无缺,能够进行重复利用[2]。目前学生需要购买的课本和参考资料的价格较高,这对于暂无收入的学生来说是一笔很大的开支[5]。对于二手书,目前除了被人们当作废品卖掉或扔掉外,有些懂得二手图书珍贵的人会摆地摊卖掉,但是其利用效果并不明显[2]。若想解决二手书的合理利用问题,必须借助互联网平台,创建一个高效率的二手书管理模式,有效利用网络平台使二手书能够有其用武之地,使得二手书也能跟上时代步伐,创造更大的利用价值[3]。在实际生活中,二手书交易并非不存在,而是已不同的形式存在,不是规范的交易活动[3]。近年来，环保和循环经济是当下社会倡导发展的，二手书市场也因此得以发展起来。从数据上来看，全国共有3000所高等学校，如此庞大的高校生群体所需的教育资源也是庞大[1]。每年印制的二手图书也呈阶梯式增长[1]。根据中国造纸协会年度数据显示，国内每年造纸大多以废纸浆为原料，以原木等为原材料仅占12%，并且只12%的原木材料有将近六成来自国外进口，因此国内造纸原料还是以人工速生林为主[1]。另外，根据调查，购买的新书五成新以上被作为一次性资源，阅读一两次后便废弃，这造成了极大的资源浪费和资金浪费，某些废弃的书本不经处理的扔弃造成了恶劣的环境污染[3]。虽说纸张可以进行循环利用，但并不意味着回收二手书没有必要[1]。不可否认，再生纸张印制新的二手图书依旧会耗费电力和创造污染，而二手书则能有效地解决再印制等问题[1]。校园电子商务作为一种新型的电子商务,是指在校园范围内,以校园网为依托服务于广大师生员工,并由学生自主经营,满足校园内单位、企业或个人进行商务、工作、学习、生活各方面活动需要的一种商务形式[6]。校园二手书交易网上进行交易的是各高校的在校学生,他们在进入网站注册时填写的都是真实信息,在发布供求信息时都提供了真实的联系方式,商品价格及质量可以直接当面确定,不像那些纯商业网站,买卖双方都存在很大的不确定性，这样最大程度上规避了交易风险[6]。在建立二手书交易网站时,可以考虑从勤工俭学的学生中选拔一些工作认真负责、踏实努力的学生组建一支校园物流配送队伍[6]。所以,秉着“资源再利用”的宗旨,回收大学里的旧书籍,进行整理归类,或者在旧书的基础上翻新,最后以较低价格出售给需要的学生[8]。这种方式直接给需要书籍的学生提供了方便,同时也在购置旧书的活动中,培养着他们的环保和节约意识,帮助他们建立理性的消费观的同时也使得闲置旧书的价值得到再次的发挥与利用,国家的资源也得到节约,利于国家的可持续发展[8]。

2需求分析2.1功能需求分析本小程序主要是针对校园内群体，使其能够在线上完成二手书的交易，所以应完成以下功能。小程序需要有系统管理员和普通用户两个角色，分别对系统管理员和普通用户授予相应的权限。系统管理员可以对后台进行管理，普通用户可以在前台实现注册登录、购物售卖等功能。小程序需要有前台和后台，前台用于用户的操作实现小程序的基本功能，后台主要应用于系统管理员。小程序需要拥有登录注册功能，如果用户没有登录则无法使用主要功能，只能浏览首页二手图书信息。小程序前台需要有三个主要界面：首页、发布、我的。首页：浏览二手图书信息、搜索二手图书信息、轮播图。发布：通过扫ISBN码发布所要售卖的二手图书。我的：查看发布信息、查看购买订单、查看交易中订单，查看已取消的订单、查看我的钱包、联系客服、帮助等功能。小程序后台模块可以完成系统管理员对用户的管理功能，系统管理员可以查看用户的发布信息、购买信息和用户信息，也可以删除用户的发布信息和购买信息。如果订单或者二手图书信息有错误，系统管理员可以在后台进行修改操作。经过以上的功能需求分析，可以使用UML建立以下两种用例模型：普通用户用例模型普通用户分为已注册用户和未注册用户，未注册用户只能进行查看二手图书详情不能购买、售卖二手图书，进行注册之后才能使用小程序的其他功能，已注册用户可以进行所有功能的操作。具体功能如下：用户登录：对小程序进行过微信授权的用户再次进入小程序不需要再次进行注册登录操作，小程序会自动登录。用户注册：进入小程序时未进行微信授权操作的用户无法使用小程序的购买发布（售卖）功能，只有重新进入小程序在微信授权登录弹窗选择允许才能注册登录正常使用小程序的功能。首页二手图书搜索：用户可以根据自己的需求在顶方的搜索栏中输入自己想要的二手图书以此查找到二手图书内容，用户的搜索历史会保存在搜索界面的下方，搜索界面下方也会有推荐二手图书推荐给用户。首页二手图书浏览：二手图书浏览界面展示二手图书，用户可以根据自己习惯切换二手图书展示方式为列表模式或者宫格模式，点开某个二手图书，会跳转到二手图书详情界面。二手图书购买：用户可以在二手图书详情界面点击购买按钮购买二手图书。发布二手图书：用户可以通过扫ISBN码发布所要售卖的二手图书也可以直接输入ISBN码发布所要售卖的二手图书。发布订单：用户可以查看发布二手图书订单，对发布的二手图书进行删除和擦亮的操作。购买订单：用户可以查看自己的购买订单，也可以根据具体情况取消订单和确认收货。在购买订单中还可以看到交易中和已完成的购买订单。提现和充值：用户可以将钱充值到小程序，购买二手图书时使用；提现功能是针对售卖二手图书，买家购买二手图书后的付款不会直接转到卖家微信账户而是转到小程序账户中，用户可以将小程序中的钱提现到自己的微信账户中。客服：用户如果对小程序或者订单有投诉可以点击客服询问人工客服，点击之后会跳转到微信客服界面。图2-1用户用例图系统管理员用例模型系统管理员对后台模块进行管理，具体功能如下：用户信息管理：系统管理员可以对用户的信息进行管理。发布信息管理：系统管理员可以查看用户的发布信息，如果用户发布的图书信息出现违规内容，系统管理员可以删除用户的发布信息。图书信息管理：系统管理员可以查看所有二手图书信息，包括用户已发布和已删除的图书信息。订单信息管理：系统管理员可以查看修改购买订单和售卖订单的信息。图2-2系统管理员用例图2.2可行性分析2.2.1经济可行性本小程序主要是完成校园二手书交易平台设计与实现，进行设计与实现没有很大的困难，小程序前端是使用微信开发者工具来完成，微信开发者工具里面自带有很多接口对开发工作带来了便利缩短了开发的周期。2.2.2技术可行性本小程序基于JS+WXML+WXSS进行设计与开发。前端开发采用微信小程序MINA框架，该框架封装了微信客户端提供的基础功能，包括文件系统、网络通信、任务管理等,开发者可以使用API快速完成应用开发[10]。系统前端所使用的技术主要有:JSON、WXML、WXSS和JAVASCRIPT[10]。JSON主要用于保存小程序的全局配置信息和系统各页面配置信息;WXML即微信标记语言用来表现小程序页面结构和内容,类似于HTML但却和HTML有很大的区别;WXSS即微信样式表用来表现小程序页面样式,它与Web前端开发中的CSS几乎完全相同，可以通用;JAVASCRIPT用来表现小程序的逻辑结构,包含页面操作处理和小程序的API调用等[10]。后端采用小程序·云开发。小程序·云开发是微信与腾讯云联合开发的一种原生serverless云服务，终端客户不需要部署、配置或管理服务器服务，代码运行所需要的服务器服务皆由云端平台来提供[9]。小程序·云开发可以让开发者只专注于业务逻辑的实现，而无须理会服务器搭建、域名注册、后端数据接口实现等繁缛末节，开发门槛更低，效率更高[9]。

3系统详细设计3.1系统基本架构设计本小程序基于JS+WXML+WXSS进行设计与开发。前端开发采用微信小程序MINA框架，框架的核心是一个响应的数据绑定系统。框架包括三个层面：视图层、逻辑层、系统层（即数据层）。视图层：包括所有的.wxml和.wxss文件，.wxml文件表现小程序页面的内容和结构，.wxss文件表现.wxml文件的样式。逻辑层：包括所有的.js文件，微信小程序在逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。系图层：即数据层，包括页面临时缓存数据、本地存储、网络存储与调用。开发者通过框架将视图层的数据与逻辑层的数据进行绑定，以此来进行数据的交互。图3-1系统架构图3.2平台功能模块设计根据系统分析，可以把平台分为前台功能模块和后台功能模块。前台功能模块可实现用户相关的操作功能。所能实现的功能如图3-2所示：图3-2平台系统前台功能模块结构图注册：未注册的用户在登录前进行注册。登录：已注册用户可直接登录。搜索：用户登录之后可在搜索栏根据自己的需求去搜索想要购买的二手图书。浏览：二手图书浏览界面展示二手图书，用户可以根据自己习惯切换二手图书展示方式为列表模式或者宫格模式，点开某个二手图书，会跳转到二手图书详情界面。发布：用户可以通过扫描二手图书后面的ISBN码或者通过手动输入二手图书的ISBN码来发布书籍，发布书籍可以根据自己想要的价格来制定二手价格。查看订单：用户可以在“我的”界面查看我的购买订单和发布订单，购买订单包括全部订单、交易中的订单、已交易订单和取消的订单，用户如果不需要这本书籍可以在收到货物之前与卖家沟通之后点击取消订单来退货；如果已收到货物确认无任何问题可以点击确认收货，此订单会加入到已交易订单列表。客服：用户如果对小程序或者订单有投诉可以点击客服询问人工客服，点击之后会跳转到微信客服界面。图3-3平台系统后台功能模块结构图用户信息管理：系统管理员可以对用户的信息进行管理。发布信息管理：系统管理员可以查看用户的发布信息，如果用户发布的图书信息出现违规内容，系统管理员可以删除用户的发布信息。图书信息管理：系统管理员可以查看所有二手图书信息，包括用户已发布和已删除的图书信息。订单信息管理：系统管理员可以查看修改购买订单和售卖订单的信息。3.3工作流程的划分与设计本小程序的工作流程可划分两部分：一是普通用户部分，二是系统管理员部分。具体工作流程描述如下：小程序先判断普通用户是否已经注册，如果未注册则会弹出微信登录授权弹窗让未注册用户通过允许微信授权登录来登录小程序；如果是已注册用户，用户则可以直接登录进小程序，看到小程序的主菜单。主菜单包括：首页、发布和我的。二手图书的购买：用户可以通过搜索二手图书或者浏览二手图书列表来选择自己所要购买的二手图书，确定了自己所需要购买的二手图书之后，点击图书界面会跳转到二手图书详情界面，点击购买按钮进行购买。用户购买前小程序会先判断是否有货，如果如果没有货则提示用户此二手图书已经抢光了。如果有货且卖家的取货方式是帮送，买家用户则需要输入自己的地址否则提示“请输入地址”；如果卖家的取货方式是自提或者买家用户输入了正确的地址则开始判断钱包是否有钱。如果钱包有钱则开始支付，支付成功后可以查看购买订单里的二手图书，支付失败则会提示支付失败用户会返回图书详情；如果钱包没有钱则会提示用户进行充值，充值完成后用户再自己找到刚才自己所需要的二手图书进行购买。二手图书的发布：用户登录之后点击主菜单的“发布”，输入或者扫描ISBN码，如果ISBN码错误则提示请检查ISBN码，重新输入ISBN码；如果ISBN码正确，用户则开始补充二手图书信息，输入二手图书的二手价格、取货方式、发布时长等信息，当所有的信息无误时点击发布发布二手图书，发布成功之后可以点击“我的——我的发布”查看用户自己发布订单。系统管理员可以直接登录cms对小程序的数据进行管理。用户操作流程图如图3-4所示：图3-4用户操作工作流程图3.4数据库设计3.4.1概念设计根据上述的分析，可以得知小程序需要在云数据库中创建以下实体：用户信息（user）、首页轮播图（banner）、书籍信息（books）、钱包收支记录（history）、购买订单信息（order）、发布信息（publish）。各个实体在云数据库中的权限均设置为所有用户可读，仅创建者可读写。各个实体所拥有的属性如图3-5至3-10所示：用户信息（user）图3-5用户信息实体图首页轮播图（banner）图3-6首页轮播图实体图书籍信息（books）图3-7书籍信息实体图钱包收支记录（history）图3-8钱包收支记录实体图购买订单信息（order）图3-9购买订单实体图发布信息（publish）图3-10发布消息实体图数据库设计本小程序的数据库中包括六张表，分别为：用户信息表（user）首页轮播图表（banner）书籍信息表（books）钱包收支记录表（history）购买订单表（order）发布信息表（publish）各表如表3—1至表3-6所示：表3-1用户信息表（user）字段名数据类型主外键是否可为空idstringPK否openidstringN否Username（用户名）stringN否Country（国家）stringN可City（城市）stringN可Gender（性别）numN可表3-2首页轮播图表（banner）字段名数据类型主外键是否可为空idstringPK否Img（图片地址）stringN否url（地址）stringN可表3-3书籍信息表（books）字段名数据类型主外键是否可为空idStringPK否openidStringN否Title（书名）StringN否Author（作者）StringN否Price（价格）NumberN否Keyword（书籍类型）StringN否Publisher（出版方）StringN否Summary（简介）StringN否Page（页数）NumberN否Binding（装帧）StringN否ISBN（书籍ISBN码）StringN否Pic（书籍图片）StringN否表3-4钱包收支记录表（history）字段名数据类型主外键是否可为空IdStringPK否OpenidStringN否Name（支付方式名字）StringN否Num（支付金额）NumberN否Oid（和openid相同）StringN否表3-5购买订单表（order）字段名数据类型主外键是否可为空IDStringPK否OpenidStringN否Bookinfo（书籍信息）ObjectN否Deliveryid（配送方式）NumberN否Price（售价）NumberN否Psplace（配送地址）StringN否Ztplace（自提地址）StringN否表3-6发布信息表（publish）字段名数据类型主外键是否可为空IDStringPK否OpenidStringN否Bookinfo（书籍信息）ObjectN否Deliveryid（配送方式）StringN否Price（售价）NumberN否Status（订单状态）NumberN否Kindid（类别）NumberN否注：Status：0在售；1买家已付款，但卖家未发货；2买家确认收获，交易完成；3、交易作废，退还买家钱款。Deliveryid：0自提；1帮送。Kindid：0通用；1专业。4系统功能的实现4.1代码结构概要说明4.1.1前台代码结构参考配置该小程序使用小程序MINA框架，在app.json中对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置多tab等，配置参考如下图，其中pages决定页面文件的路径，在app.json中创建之后会自动在微信开发者工具中创建此页面文件夹，文件夹下包括此页面的.wxml、.wxss、.js和.json文件；window决定窗口表现，可根据需求对窗口界面进行设置；tabBar：设定了小程序有几个tabBar和tabBar的样式。图4-1参考配置页面配置在本小程序中一共有十五个pages页面，如下图：图4-2本小程序页面配置其中页面代表的意思和实现的内容为："pages/my/my"：“我的”页面，微信授权登录之后直接进入此页面，页面内容包括：我的发布、我的购买、帮助中心、我的钱包、联系客服、应用分享。"pages/publish/publish"：“发布”页面，发布图书操作在此页面进行。"pages/index/index"：“首页”页面，页面包括：搜索栏、分类导航、图书列表，其中图书列表有两种显示方式，一是宫格显示；二是列表显示。"pages/detail/detail"：“图书详情”页面，显示图书的详细信息和发布信息；在底部有导航，导航包括：首页、分享、海报和立即购买；另外还要悬浮客服功能。"pages/success/success"：“订单支付完成”页面，除了包含基本的订单信息，在底部还有订单列表按钮和返回首页按钮。"pages/order/detail/detail"：“购买订单详情”页面，包含基本的订单信息和卖家信息，在底部有取消订单按钮和确认收货按钮。"pages/order/list/list"：“我的购买”页面，展示了全部订单、交易中订单、交易完成订单、已取消订单。"pages/help/help"：“帮助中心”页面，向用户展示用户对小程序的基本问题，底部有联系客服和问题反馈按钮。"pages/kefu/kefu"：“联系客服”页面，显示四种方式：在线咨询、官方微信、qq联系和电话。"pages/parse/parse"：“我的钱包”页面，有充值按钮和提现按钮，显示余额和交易明细。"pages/reflect/reflect"：“提现”页面，显示余额和进行提现操作。"pages/sell/list/list"：“我的发布”页面，显示发布订单列表，可进行删除和擦亮操作。"pages/sell/detail/detail"：“订单详情”页面，包括订单基本信息和买家信息。"pages/recharge/recharge"：“充值”页面，进行充值操作。"pages/search/search"：“搜索”页面。window的配置图4-3window的配置tabBar的配置图4-4tabBar配置其中小程序一共有三个tabBar，分别为：首页、发布、我的。4.1.2后台结构本小程序采用云开发，不需要自己去搭建后台。开发者可在云开发控制台中开通内容管理，内容管理是基于云开发搭建的可视化的内容管理平台，功能具有多样性，开发者无需自己编写代码，并且此平台支持文本、图片、枚举、关联等多种类型内容的可视化编辑。开发者可以直接在CMS后台根据小程序的需求创建新的内容和数据集合，新创建的数据集合和字段会自动在云数据库中创建，如果在CMS中删除数据集合和字段，也会同步删除云数据库中的数据集合和字段，因此使用CMS对数据的管理很方便。图4-5CMS4.1.3接口代码结构小程序框架提供了丰富的微信原生API（应用程序编程接口），可以方便的使用微信所提供的功能，如微信支付、获取用户信息、授权登录等功能，因为有微信原生API的存在，使开发者进行开发时更有效率。本小程序部署了了以下云函数去供开发者调用，云调用是云开发提供的基于云函数使用小程序开放接口的能力，支持在云函数调用服务端开放接口。图4-6云函数4.2前台用户功能模块4.2.1小程序主菜单页面小程序主菜单界面显示，如下图所示：图4-7小程序主菜单界面4.2.2微信授权登录用户进入小程序之后点击授权登录，之后会弹出授权登录弹窗，微信授权登录如图所示：图4-8用户授权登录界面

4.2.3图书详情用户登录后在首页浏览图书信息，可以根据导航栏或者搜索来查找自己所需要的书籍，点击某个图书之后进入图书详情页面，如下图所示：图4-9图书首页图4-10图书搜索栏页面图4-11图书详情界面4.2.4图书发布用户登录后可以在发布页面发布二手图书，如下图所示。图4-12二手图书发布4.2.5订单当用户发布二手图书或者购买二手图书后可在我的发布和我的购买查看订单，如下图所示：图4-13发布订单图4-14购买订单4.2.6我的钱包用户可在我的钱包页面进行充值和提现，如下图所示：图4-15我的钱包4.2.7客服用户可以点击首页右上方的个人账号按钮，点击进入个人中心页面，可以通过右侧菜单栏选择自己想要查看或修改的信息，如下图所示：图4-16客服4.3后台管理员功能模块4.3.1系统管理员登录页面管理员通过云开发控制台的内容管理进入到后台界面，再输入管理员的相关账户信息进行登录，如下图所示：图4-17管理员登录界面4.3.2用户账号管理页面管理员可以在右侧菜单栏中选择用户管理选项，然后对用户账号的进行相关操作，如下图所示：图4-14用户管理界面4.3.3发布信息管理管理员可以在根据需求对发布信息进行管理，如图所示：图4-18发布信息管理4.3.4图书信息管理管理员可以在根据需求对图书信息进行管理，如图所示：图4-19图书信息管理页面4.3.5订单信息管理管理员可以在根据需求对订单信息进行管理，如图所示：图4-20订单信息管理页面4.3.5收支记录信息管理管理员可以在根据需求对收支记录信息进行管理，如图所示：图4-21收支记录信息管理页面5系统功能测试5.1测试的方法与目的测试方法：黑盒测试和白盒测试；目的：在小程序设计完成之后对小程序进行测试，检查小程序中是否存在问题与缺陷以便及时发现去修正，确保小程序能够正常运行和基本功能的实现。5.2测试用例5.2.1用户微信授权登录功能测试用例测试名称：用户微信授权登录功能测试目的：验证登录功能能否实现。测试数据：微信账号SZ。测试内容：用户先在云数据库查看是否有该用户信息，之后点击授权登录，在授权登录弹窗弹出后点击一次拒绝，拒绝之后再次查看云数据库中是否存在该用户信息，然后重复此操作在在授权登录弹窗弹出后点击一次允许，允许之后查看云数据库中是否存在该用户信息。预期结果：未进行过微信授权登录的用户在云数据库中没有用户信息，点击拒绝之后也查找不到该用户信息，在点击允许之后能够在云数据库中查找到该用户信息说明授权登录成功。实际结果：与预期一致。测试过程与过程如下图所示： 图5-1云数据库用户信息图5-2授权登录弹窗图5-3点击拒绝后结果图5-4点击允许后结果5.2.2用户发布功能测试用例测试名称：用户发布功能测试目的：验证发布功能能否正常实现。测试数据：ISBN码：9787111589105和1234567891011。测试内容：用户随意输入一串错误的ISBN码，如：1234567891011。预期结果：ISBN码错误提示请检查ISBN码。实际结果：与预