【《基于微信小程序的二手商城系统设计》10000字（论文）】

基于微信小程序的二手商城系统设计目录TOC\o"1-3"\h\u24971第1章绪论 367971.1背景与意义 3107771.1.1研究背景 3217461.1.2选题意义 4277381.2二手商品交易平台国内外研究现状 4125321.3论文研究内容及结构 527221.3.1论文内容 5285001.3.2论文结构 529564第2章相关理论与技术 7312252.1MINA框架 7288232.1.1视图层 7260312.1.2逻辑层 7220112.1.3数据层 7181862.2后端开发技术 8235422.2.1LNMP框架 869392.2.2数据管理端 8353第3章需求分析 10192283.1平台特点分析 103093.2用户特征分析 11190113.3可行性分析 11321233.3.1经济可行性 1118793.3.2技术可行性 11212883.3.3操作可行性 1130652第4章系统设计 12259494.1系统总体设计 12286874.1.1技术架构设计 12256364.1.2系统架构设计 12242134.2用户管理功能详细设计 13290944.2.1用户注册 13240554.2.2用户登录 13251894.2.3用户退出 1428634.3商品管理功能模块设计 14307264.3.1商品发布 1480814.3.2商品分类展示 15132294.3.5购物车 1562224.4数据库设计 1610214.4.1数据库概念结构设计 16161054.4.2数据库逻辑结构设计 1729742第5章系统实现与测试 18170095.1用户管理功能实现 18278775.1.1用户注册 18203555.1.2用户登录 20237225.1.3用户退出 22177595.2商品管理功能实现 2333785.2.1商品发布 23226745.2.2商品分类展示 26214655.2.3商品详情信息展示 27143395.2.4商品收藏 28325055.3系统测试 30121385.3.1功能上线测试 30120435.3.2测试结果 3123161结语 32摘要为解决大学生们大量闲置物品的堆积问题，本文设计实现了一个基于微信小程序的校园二手商城，方便大学生处理闲置物品。首先，对校园二手商品交易平台的发展现状进行系统分析。研究总结当今主流购物平台所具备的功能，完成系统需求分析与系统设计。系统功能设计主要包括商品分类的展示、用户注册登录、购物车（商品收藏）和商品的发布模块。其次，完成了系统开发工作。本校园二手商城系统由微信小程序客户端、MySQL数据库、后端服务器(使用PHP作为后端开发语言)三部分组成；微信小程序采用微信官方提供的MINA框架，运用MINA框架视图层、应用逻辑层、数据层三个部分进行微信小程序的开发。用户在微信小程序视图层操作将通过逻辑层向后端PHP接口发送网络请求，访问数据库中数据并在PHP接口进行数据处理。数据处理完毕后将返回数据层，经视图层的渲染后，形成用户可查看操作的界面。真机测试结果表明，校园二手商城小程序基本实现了各个模块的功能，可以满足大学生购物的需求。关键词：微信小程序；二手商城；PHP；MINA框架第1章绪论1.1背景与意义1.1.1研究背景21世纪经济的高速发展、信息技术的日新月异，也潜移默化地影响着人们的购物观念以及购物方式，特别是网络购物已经成为一种新型的购物方式[1]。传统的购物方式需要考虑时间和空间的局限性，而网络购物的流行改变了传统的购物方式，使购物更加便利、简略、快捷，足不出户便可购买所需物品。中国社会的飞速发展，对优秀人才的需求愈发旺盛，大学生的数量也随之不断增加。大学生群体在校园生活中不仅会购买许多生活日常用品，随着大学生消费水平的提高，物质生活的追求也愈发地向高档次发展，正常使用的物品也出现了被淘汰替换的情况。加上每年的毕业季，毕业学生的相继离校将会留下许多不方便携带的物品，导致了大量闲置商品的出现。在中国高校这商品购买量大、使用周期短的集中地，可以想象得到同学们日夜不断的购买商品将会产生多少闲置物品。这些闲置物品不仅给大学生们的生活徒增烦恼，处理不当也将会造成校园的污染。既然有闲置物品的堆积，不可避免地有关于闲置物品处理的问题，校园二手商城也由此应运而生。1.1.2选题意义据《中国分享经济报告》提出：分享经济借助互联网开放的特点，分享闲置物品，使闲置资源最大化的被利用，满足用户各类需求的一种经济活动[2]，二手商品交易平台的存在也正是分享经济的体现。校园二手商城平台交易的对象多为高校的学生，买卖双方便于联系。卖家二手商品的价格和质量都可以当面确定，不会因买卖双方地理位置遥远而产生的种种弊端，售后问题也有所保障，避免了价格欺诈、商品质量无保障等风险。校园二手商城提供了很多方便学生学习和生活的商品。比如去书店或其他购物平台买辅导书可能要花费很贵的价钱，而选择校园二手商城购买便可以用便宜的价钱买到相同的书。生活用品方面也是如此，不仅可以用优惠价格购买高质量物品，而且若购买的商品不适合还可以发布校园二手商城出售，在一定程度上实现了物尽其用。无论是小电器还是小家具等任何物品，都可以发布到校园二手商城，对大学生很方便。在快节奏的时代潮流下，即便同样是网络购物，若购物平台存在复杂的操作仍不会被用户接受，微信小程序的出世使得设计开发一款操作便捷、即用即走的轻应用成为了可能[3]。针对上述问题，本选题设计并实现了基于微信小程序的校园二手商城系统，不仅能减少用户耗费购物平台的操作时间，而且对用户手机要求门槛低，因此本选题具有较好的实用性价值。1.2二手商品交易平台国内外研究现状早在19世纪初，一些欧美国家便有市民自发举办二手商品交易集市，后来随着科技与网络的飞速发展，许多欧美大型互联网公司的平台应用纷纷加入二手商品交易的功能。譬如，美国广为流传的Letgo二手商品交易移动终端平台，自2015上线仅半年时间，其下载量便超过200万，至今已有上亿下载量[4]。中国的二手商品交易相对国外来说虽起步较晚，但其发展较快。从2014年开始，二手交易市场用户数量便开始了爆炸式的增长。2015年达到一千万，2016年同比增长了近3倍，达到2800万[5]。发展至2020年用户规模已破1.5亿，增速迅猛。不需要安装、用完即走、不需要卸载是微信小程序作为轻型应用的特点[6]。微信小程序上线至今发展速度十分惊人。2019年，微信小程序的每日在线人数已超三亿人次，全年交易总额突破八千亿元[7]。到2020年，小程序日访问次数和日人均的使用个数分别上涨了45%和98%，且用户重复的使用微信小程序的频率也在不断的上升[8]。下面举例用户使用美团外卖原生APP和小程序的生命周期进行对比：1.使用美团外卖APP需先进行安装，将耗费时间等待下载安装完成，直到卸载APP为止将一直占用手机存储空间。若使用美团外卖APP后未将其关闭便使用其他程序，该APP将会进入后台运行且一直占用运行内存。可见APP对存储空间及运行内存要求极高。2.使用微信小程序只需在微信内搜索“美团外卖”即可通过微信小程序的onLoad()、onShow()方法打开，无需安装占用存储空间。可用微信身份一键登录，购买外卖的功能及界面与原生APP无任何区别，购买外卖后点关闭即可调用onUnload()方法销毁小程序，不再占用任何内存。点击返回时调用onHide()方法进入后台，超过一段时间未唤起或占用系统资源过高的话将调用onUnload()方法自动销毁，不会占用存储空间，对任何支持微信的手机均十分友好。由此可见，在如今移动互联网的时代，轻应用型微信小程序将成为比APP应用程序更适合作为校园二手商城平台的存在。1.3论文研究内容及结构1.3.1论文内容本系统主要实现了大学校园内同学间发布、购买二手商品的功能，旨在让同学购得物美价廉商品的同时处理闲置物品，以期实现物尽其用的目标，本论文的主要工作如下：1.阅读大量闲置物品循环利用、现代大学生购物消费心理、微信小程序购物平台相关的文献，明确大学生购物需求并进行可行性分析。2.系统开发方面在LNMP开发环境下实现了校园二手商城系统的后端，采用微信小程序作为客户端，在解决大学生剩余资源再次利用问题的前提下，进一步简化购物和发布商品的操作，提高大学生进行二手商品交易的用户体验。3.基于大学生购物习惯与消费心理设计实现主流购物平台所拥有的功能界面，设计分类功能，依据自身商品属性进行分类的特点，便于用户针对性浏览商品。添加我的发布功能和购物车（商品收藏）功能，解决卖家查看已发布的商品、买家将喜欢的商品收藏的需求。1.3.2论文结构论文主要以提升大学生购物体验为目的，围绕系统的需求分析、功能设计以及功能实现与测试几部分详尽介绍和说明，章节内容概要如下：第一章：绪论。介绍本文的研究的背景与选题意义，分析国内外二手交易平台的研究现状，概括各章节研究的内容。第二章：相关理论与技术。梳理与校园二手商城、大学生购物心理相关的研究文献与微信小程序开发技术。通过对文献的研究并系统学习相关技术，为本系统的开发奠定了理论技术的基础。第三章：需求分析。对微信小程序作为二手商品交易平台进行可行性分析，并根据在校大学生二手商品交易现状进行需求分析。第四章：系统设计。针对校园二手商城的功能进行系统设计，画出用户注册与登录、商品收藏、商品分类、商品发布等功能模块的时序图进行分析。第五章：系统实现与测试。详细介绍了微信小程序功能模块逻辑代码的实现，附带界面截图展示，介绍后端接口与数据库结合的功能，并将本系统上线服务器进行真机测试，测试不同身份操作本系统是否符合预期设计的结果。

第2章相关理论与技术2.1MINA框架本系统微信小程序客户端开发使用微信官方的MINA框架。MINA框架是一个可以方便快捷开发网络应用的框架。MINA框架可分为三部分，包括界面视图层、应用逻辑层和数据层。2.1.1视图层对于微信小程序而言，界面视图层是由WXML的文件加WXSS文件组合而成的，二者相互结合呈现出用户所看到的界面。WXML用于描述构建页面结构，类似于HTML，是一种使用<标签>和</标签>构建页面结构的语言，WXML在视图层中以组件的形式应用，具有数据绑定、模板、列表渲染、事件、条件渲染和引用的特性[9]。WXSS是为WXML组件渲染样式（例如设置尺寸、颜色、边框效果等）的语言，其语法格式极其类似CSS语言。2.1.2逻辑层微信小程序的逻辑层由JavaScript编写和实现。逻辑层的主要作用是将处理后端传递的数据发送给视图层渲染，并且接受视图层的反馈再将数据处理后发送至后端接口，接口负责将数据存储至数据库。例如，用户注册时，逻辑层负责判断用户注册信息符合要求后将数据传递给PHP接口，PHP接口负责将用户数据存储至用户信息表。简单的概括，逻辑层就是各个页面的JavaScript脚本文件。为了更加匹配小程序环境，微信在的JavaScript基础上进行了进一步的优化，微信官方提供了大量的微信原生的API接口，可以方便的获取微信用户信息、本地的存储、扫一扫功能、微信运动等功能。需要注意的是由于MINA框架不在浏览器中运行，所以JavaScript语言与浏览器相关的一些功能（例如：document、window等）无法使用。2.1.3数据层数据层包括临时数据、本机存储和网络存储。1.页面临时数据data()：在逻辑层page()中，只需使用setData()方法修改data()中的数据，因视图层WXML具有的数据绑定的功能，视图层中的数据也将同步更新。所以一旦逻辑层中的数据变更，视图层中的组件将重新渲染更新数据。2.本机存储：微信官方提供的API接口：wx.setStorage()（可将数据存储在本地缓存指定的key中）、wx.getStorage()（从本地缓存中获取指定key的内容）、wx.removeStorage()（从本地缓存中移除指定缓存key）、wx.clearStorage()（清理本地所有数据缓存）。3.网络存储：微信官方提供的API接口：wx.request()（发起网络请求链接后端接口）、wx.uploadFile()（将本机文件上传至服务器）、wx.downloadFile()（下载文件到本机）。2.2后端开发技术本次微信小程序后端开发主要由服务器端、数据管理端构成。2.2.1LNMP框架LNMP框架是指Linux系统下由Nginx服务器提供Web服务、由MySQL数据库提供的数据查找存取管理等服务、由PHP编程语言开发处理数据所组成的一套Web架构，因其同时具备高性能和轻量级的特点，得到了许多主流网站的支持和青睐，是多年来蓬勃发展的代表性网站服务器架构[10]。相比于LAMP框架中的Apache服务器，Nginx灵活免费且高效，本身由C语言编写因此使用更少的资源，支持更多的并发连接，支持不间断运行，可以在服务器运行期间对系统进行升级，体现更高的效率[11]。PHP是一种服务器端动态语言，是一种通用开源脚本语言，语法吸收了C语言、Java的特点，利于学习。PHP的特点就是简单、面向对象、解释执行、独立于架构、动态，在任何平台均能运行，非常适合写小程序接口。2.2.2数据管理端为了便于开发和管理，此次开发借助了帝国cms的数据库管理功能，方便对注册的用户信息修改。PHP更多的功能是作为微信小程序与服务器、数据库之间的接口，小程序链接数据库的接口也放到帝国cms中。帝国cms源码放在服务器中，由PHP接口对接微信小程序。用户在小程序端用户注册与发布商品信息，小程序管理员可在帝国后台进行对会员与商品的管理，搜索用户账号、手机号、用户发布的信息（即商品），修改用户密码，删除用户账号、用户发布的商品等功能。在链接小程序方面，PHP接口文件可以作为插件直接显示在帝国cms界面中，直接进行接口调试与预览，方便测试与小程序的链接。小程序请求访问数据库时直接request帝国cms插件网址，实现向数据库写入用户注册账号、写入商品信息、读取商品信息、读取账号数据等功能。

第3章需求分析3.1平台特点分析1.操作简单众多用户已经习惯淘宝、京东的购物流程，本系统的购物操作与主流的网络购物平台的购物流程基本一致，区别在于因为用户是在校学生，为了安全起见线下付款，操作更加安全、便于用户接受，满足在校大学生售卖二手商品和购物的需求。2.用户定位准确且数量众多本系统仅为在校大学生提供服务，用户定位准确。推广运营等均在高校中进行，所开发的一切功能均服务于高校大学生。当买卖双方均为同校大学生，交易将变得更加方便，不论是安全性还是方便性均高于其他购物平台。中国高校数量达到2688所，2020年高校毕业人数达到874万人，可想而知中国高校在校人数将不少于3000万人[13]，针对高校大学生提供的服务的校园二手商城的用户市场是极为广大的。3.商品质量高本系统是作为大学生校园内闲置物品交易的平台，用户群体是高校大学生，买卖双方均为大学生商品质量有保障。商品种类多样化，从宿舍生活日常用品、考研考证辅导用品到高档消费品，适合大学生用的一切物品均可在校园二手商城中交易。在本系统中，卖家需留联系方式才可上线发布商品，若出现问题也便于买家第一时间找到卖家，确保商品具有较高的质量，避免卖家欺骗消费者的情况。4.个性化服务遵循智慧校园的服务标准，以用户需求为中心的思想进行交互设计，用主流购物平台作为参考贴合用户的购物操作习惯[14]。本系统开发了个性化的分类商品、将所需商品加入购物车、记录已经发布商品的功能。①分类商品的功能便于用户精准购物，有目的性的消费，避免过滤不需要商品浪费时间。②加入购物车可以让用户在犹豫不决购物的同时，将选择权留到下次购物，并且登录与否均可使用此功能。③我的发布功能方便卖家管理已发布的信息，当用户所发布的商品被购买时便于第一时间删除商品，防止出现已卖商品反复被买家询问的情况。3.2用户特征分析随着社会经济的发展，人们收入提升的同时，大学生的生活费及消费能力也在不断提高。目前在校大学生成为网购主力，人均一年收到的快递超过20件，人均年网购消费千元以上[15]。大学生节约消费的观念愈发淡薄，越来越多的学生会追求更高生活品质的生活用品，不断替换现有正常使用的生活用品。为贴合大学生需求与倡导节约环保观念，基于用户需求开发校园二手商城，处理大学生被淘汰替换的生活用品，同时进一步完善校园二手商城的功能界面设计，以减少用户复杂的操作，最大化提高用户体验。3.3可行性分析3.3.1经济可行性本系统由个人开发完成，无额外研究费用。后续的支出多为推广运营费用，包括推广人员的工作、推广场地的租赁、网络运营的花费等，开发与运营成本低廉，本系统因基于微信小程序方便维护，无需额外维护成本。大学生用户量巨大，闲置物品二次利用的需求旺盛。且基于微信小程序方便积累与留住用户，流量十分可观，所以本系统通过用户浏览商品详情时弹窗广告实现流量变现，收入远远大于成本与支出。因此，本文所研究的基于微信小程序的校园二手商城具有经济可行性价值。3.3.2技术可行性微信官方提供开源的微信开放文档，非常方便的帮助微信小程序开发者们进行开发工作，对于后端的PHP技术已进行系统的学习，且具有使用PHP开发网站后端的经验，足以进行本系统的开发工作。微信官方给用户提供了一套系统的、完善的微信开发者工具作为本系统的开发平台，使开发本系统变得极为方便快捷。3.3.3操作可行性本系统的功能模块以及界面操作与现在主流购物平台一致。本系统从视觉设计、交互设计和使用流程3方面对转转、闲鱼原生APP与小程序进行对比模仿，用户体验极佳[16]。微信是一个非常实用的社交软件，因为几乎人人都需要使用微信进行社交或者阅读公众号的文章。直接在微信中搜索本小程序的名称就可以使用校园二手商城系统进行购物或发布二手商品信息，十分契合当下人们快节奏的生活习惯[17]。微信小程序在微信内可被方便的获取和传播，众多的微信用户保证了它易于引流与方便用户打开的特性。

第4章系统设计4.1系统总体设计4.1.1技术架构设计本系统采用C/S结构，用微信小程序作为系统客户端，后端采用LNMP架构。微信小程序通过wx.request()的post()方法传送数据给服务器，服务器通过API接口进行接收后，将数据存入MySQL数据库，并将处理的结果以输出流的形式传给客户端。图4-1技术架构设计图4.1.2系统架构设计本系统的主要功能模块包括用户管理和商品管理模块，用户管理的模块主要包括我的发布（卖家查看已发布商品）、用户注册、用户登录与退出等功能；商品管理模块分为商品列表展示、商品发布、商品详情页展示、分类查阅商品、购物车（商品收藏）等功能。具体结构层次图如下：图4-2系统结构层次图4.2用户管理功能详细设计4.2.1用户注册用户可以用游客身份浏览商品，第一次进入小程序默认为未登陆进入首页，可以进入商品详情页，不影响用户的购买与联系卖家；当用户想要进入用户信息页面或发布商品时，会弹出提示注册界面。进行注册时，用户需输入未重名账号与大于6位的密码，点击提交即可进行注册，系统判断用户名密码是否为空，均不为空判断密码是否大于6位。账号密码符合上述条件后，系统通过PHP查询数据库中的数据判断用户名是否重名，重名时会提示令用户重命名；检测无重名后，注册成功。图4-3用户注册时序图4.2.2用户登录用户注册成功一秒后将跳转登录的界面，填写正确用户信息（账号和密码）即可登录。系统判断用户名密码是否为空，二者均不为空时使用PHP接口的功能，查询后台数据库数据判断账号密码是否输入正确，账号密码均输入正确则跳转用户信息（我的）页面；图4-4用户登录时序图4.2.3用户退出用户点击用户信息页面中的“注销”按钮后，将退出用户账号，变成游客身份，可以退出切换账号。图4-5用户退出时序图4.3商品管理功能模块设计4.3.1商品发布当用户登录之后可以作为卖家发布商品，可以点击底部菜单栏发布按钮，进入发布商品界面，可以将二手商品发布售卖。图4-6商品发布时序图4.3.2商品分类展示用户进入首页时将在轮播图下滑动展示商品的分类：“全部—服装—电器—书籍—美妆—其他”。当用户点击首页分类列表的某项分类（如服装）时，首页将展示该分类下的商品（首页仅显示服装分类的商品），便于用户筛选感兴趣的商品，用户体验极好。图4-7商品分类时序图4.3.5购物车购物车的功能即商品收藏的功能，当用户对该商品感兴趣但暂时不方便购买时，可以将其添加到购物车。在首页点击感兴趣的商品，进入商品详细信息界面，点击加入购物车按钮，可将该商品成功添加到购物车列表，并跳转到：用户信息（我的）页面——购物车列表页。图4-8购物车时序图4.4数据库设计4.4.1数据库概念结构设计①用户信息相关的实体，包括用户id（userid）、用户名（username）、密码（passdword）、用户创建时间（newstime）等字段。图4-9用户信息实体图②商品信息的实体，商品相关的信息包括商品图片、商品原价、联系电话、商品发布时间、商品价格、新旧程度、商品名称、商品简介、交易地址等字段。图4-10商品信息实体图4.4.2数据库逻辑结构设计具体展现数据表中字段名称、是否为主键、字段的含义（备注）、字段的数据类型、字段的长度、是否允许字段为空等信息，系统中主要的数据库表设计如下：①用户信息表：用于储存userid、用户名称、用户的密码、用户创建时间等字段。表4-1用户信息表字段名称数据类型字段长度主键为空备注useridint5YN用户idusernamevarchar40NN用户名Passwordvarchar20NN用户密码newstimevarchar20NN创建时间②商品信息表：用于储存商品id、商品名称、商品分类、商品简介、封面图片、现格、商品的原价、交易地址、新旧程度（几成新）、联系电话、商品发布时间等字段。表4-2商品信息表字段名称数据类型字段长度主键为空备注idint20YNidtitlevarchar80NN名称fenleivarchar20NN分类introtext200NY简介titlepicvarchar50NN图片地址priceint10NN价格yuanjint10NY原价addressvarchar50NY交易地址xinvarchar15NY新旧程度telint15NY联系电话newstimevarchar20NN发布时间

第5章系统实现与测试5.1用户管理功能实现5.1.1用户注册当用户第一次进入小程序时会以游客身份进入小程序首页，可以正常的浏览商品、点击商品浏览详情等操作。当用户点击用户信息页面或发布页面时，系统会检测用户的登录状态并弹出提示窗提示用户登录。用户没有账号时需进行注册操作：1.点击注册按钮，小程序将调用register()方法检测用户名密码是否为空：检测无误后将会通过wx.request访问API接口register.php并通过post()方法将用户注册信息传递给后台：3.系统检测密码是否大于6位，并通过数据库匹配查询用户名是否重名，检测无重名且密码大于6位后，写入数据成功，返回注册成功等信息并返回用户id。注册接口register.php核心代码：4.显示密码与否：图5-1a显示密码图5-1b关闭密码5.已经注册过账号的用户，点击“已有账号，点击这里登录”的按钮，通过微信小程序的wx.navigateTo()方法跳转到登录页（pages/login/login）：5.1.2用户登录1.游客身份进入发布页面和用户信息（我的）页面时，系统将提示登录。进入用户登录界面后，输入正确的用户名密码后，点击登录按钮，系统将检测用户名、密码是否为空：2.检测无误后会通过wx.request请求后台login.php的接口，后台将通过PHP接口检测数据库中用户名是否存在、密码是否正确，检测通过即登录成功并返回用户信息：login.php接口核心代码：3.用户在登录成功之后，微信小程序将返回的用户id和用户名用wx.setStorage()方法储存到key为login的缓存中，此缓存将用于判断是否登录状态，存在该缓存为登录状态，用户点击退出将删除该缓存并变成游客状态：4.用户登录成功后，将横幅显示欢迎语+用户名（如下方图片：123456），下面是登录状态才显示的“注销”按钮和“联系客服”按钮：图5-2用户登录成功后变化图5.1.3用户退出1.用户登录页面后会进入用户信息（我的）页面，当用户想要退出或切换账号时，点击“注销”按钮将调用微信小程序的out()方法，删除判断登录状态的缓存，此时重新跳转至用户信息（我的）页面并变更为游客身份：2.退出账号变化：身份变成游客，横幅由用户名变为提示先登录，并且横幅下面的两个按钮变成登录注册的快捷入口：图5-3a登录状态用户信息页面图5-3b游客状态用户信息界面5.2商品管理功能实现5.2.1商品发布1.检测登录状态：用户点击底部菜单栏发布按钮，进入发布界面，此时系统将检测是否登录，若为游客状态则提示用户需登录才可发布信息，登录之后可以卖家身份发布二手商品信息：2.检测登录与否进入发布页面效果对比：图5-4a登录状态商品发布界面图5-4b游客状态商品发布界面3.用户点击上传图片按钮，通过wx.chooseImage和wx.uploadFile即可向后台数据库上传图片，上传成功后返回图片储存路径，即可为商品添加封面：4.用户点击上传图片按钮，将通过微信wx.chooseImage()的接口调用本机储存，选择本地图片后将通过wx.uploadFile接口上传至后端pic.php接口。图片储存至服务器成功后，后端pic.php接口将会把图片储存路径返回至微信小程序，用户点击发布提交按钮将会其他用户输入的信息（如商品价格、联系方式等）一起储存数据库，并将商品信息展示到微信小程序首页。pic.php接口关键代码：5.小程序将用户填写的商品基本信息、上传图片成功所得的图片存储路径、缓存中的用户id（userid）和用户名（username）传递给微信小程序data()方法，通过wx.request()发起网络请求提交数据至后台up.php接口，提交成功后PHP接口将返回商品详细信息（商品id、商品发布时间等）。up.php接口关键代码：5.2.2商品分类展示1.卖家发布时需选好分类发布二手商品，未选择默认为其他分类，发布的信息会按时间排序显示在“首页—全部”中。点击导航栏的其他分类将会只显示该分类下的商品：图5-5a“全部”分类图5-5b“书籍”分类2.wx.request()访问list.php接口，获取发布的商品信息列表，成功后将返回有关商品的所有信息，其中classid为分类id，用于识别并按不同分类显示：5.2.3商品详情信息展示1.首页视图层用wx:for循环将每个商品信息依发布时间顺序展示，点击某个商品时将带着参数商品id跳转到商品详情信息展示页，并赋值给data()中的id，将展示给用户商品详情信息，如商品价格、发布时间等：2.后台detail.php核心代码：3.当用户点击联系卖家时将显示卖家信息，买家可通过卖家留下的联系方式沟通交流：图5-6点击联系卖家按钮5.2.4商品收藏1.商品收藏功能即加入购物车的功能，用户点击加入购物车按钮调用wx.setStorage()方法，将商品有关的所有字段写入缓存，并用商品id作为缓存key的名称：2.购物车列表的显示：在用户信息页面中检测缓存数据并将除login和logs（login是用于判断是否登录的缓存，logs是日志缓存）以外的缓存用for循环显示输出：3