基于ThinkPHP的二手交易网站的设计与开发.docx

《基于ThinkPHP的二手交易网站的设计与开发.docx》由会员分享，可在线阅读，更多相关《基于ThinkPHP的二手交易网站的设计与开发.docx（47页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、广东东软学院本科毕业设计（论文）摘要当今世界已经进入“信息时代”，拥有庞大数量、不同种类的终端用户的互联网逐渐在不同领域内渗透，人们对信息化程度的要求也越来越高。在网上购物模式已经日渐成熟的前提下，极大地刺激了许多人的消费欲望，这一定程度上也刺激了经济增长。但当部分消费者的“购买热”消退下来后，会有一部分本身并不符合购买预想的商品出现了闲置状态，成为消费者们的经济负担之一。本文主要介绍了基于thinkPHP框架后端的开发背景以及研究现状，主要描述了二手市场在以线上模式运营时解决的各方痛点，本文也对二手交易网站的设计与开发过程进行展开论述，以互联网中流行且已成熟的网站模式构建一个线上二手交易平台

2、，并主要有网站管理员与二手交易用户两种身份设计，并以实际情况考虑，本文描述了进行前后端分离的开发模式时各个开发过程所需的技术，研究网站系统均使用开源免费的各项技术，使其无需为商用授权额外付出任何费用。网站主要由后端服务、数据库与前端三部分组成，以前后端分离的方式进行开发。后端服务基于thinkPHP框架，可让开发者关注于业务实现，除了处理主要的业务逻辑外，也完成与前端、数据库对接的交互与处理任务。数据库采用MariaDB系统，其拥有强大的数据操纵与控制能力，可存储多种类型的数据，前端基于Vue.js框架，主要负责用户界面与交互逻辑功能，是进行二手交易的用户与管理者的使用入口。本文以该网站项目为

3、一项软件工程项目，融合了软件需求规范，软件接口设计文档等方式分析了网站的功能需求，随后主要展开描述系统各个后端部分模块的设计，在完成设计后描述了具体实现过程，在对完成的项目进行使用测试，基本满足了管理员与交易用户对于二手交易的需求预期。关键词：ThinkPHP PHP MVC 二手交易网站 前后端分离AbstractThe world today has entered the information age The Internet has gradually penetrated in different areas, which has a large number of differe

4、nt types of end-users, and people are increasingly demanding of informatization. Under the premise that the online shopping model has gradually matured, it has greatly excited consumption, which has also stimulated economic growth to a certain extent. But some of the purchased products that do not m

5、eet the expectation, it would become one of the consumers economic burden while the buying craze subsides.This article mainly introduces the development background and research status of the thinkPHP framework. It mainly describes the sore points solved by the second-hand market when operating in th

6、e online mode. This article also discusses the design and development process of the second-hand trading website. We build an online second-hand trading platform as the popular and mature website model. Considering the actual situation, the website is mainly designed for two identities: website admi

7、nistrator and normal user. This article describes the various development modes using the front-back stage decoupling method. The technology required for the process on the website system all use open source and free technologies so that they do not need to pay any additional fees for commercial lic

8、ensing. The website is mainly composed of three parts: back-end service, database, and front-end. The back-end service is based on the thinkPHP framework, which allows developers to focus on business implementation. In addition to processing the main business logic, it also completes the interaction

9、 and processing tasks with the front end and the database. The database uses MariaDB System, which has powerful data manipulation and control capabilities and can store many types of data. The front end is based on the Vue.js framework, which is mainly responsible for user interface and interactive

10、logic functions. It is the entrance of users and managers who conduct second-hand transactions. This article takes the website project as a software engineering project, analyzes the functional requirements of the website by integrating software requirements specifications, software interface design

11、 documents, etc., and then describes the design of main back-end modules of the system, after the design is completed, the specific implementation process is described. The test of the completed project meets the expectations of administrators and users for second-hand transactions.Key Words: ThinkP

12、HP PHP MVC Second-hand transaction website Front-back stage decoupling目 录第一章绪论11.1开发背景及意义11.2论文架构1第二章网站开发技术分析32.1 网站开发语言介绍32.1.1 后端应用开发语言32.1.2 前端应用开发语言32.1.3 数据交流语言42.2 ThinkPHP框架介绍以及其他流行框架的对比42.3 数据库管理系统52.4 前端相关框架52.4.1 Vue.js框架介绍52.4.2 Vue-CLI 系统介绍52.5 网站开发运行环境52.5.1 php运行时62.5.2 Composer62.5.3

13、thinkphp-framework62.5.4 Node.js62.5.5 vue-cli6第三章 需求分析73.1 功能需求73.1.1 用户鉴别系统73.1.2 闲置物品检索分类系统73.1.3 闲置物品管理系统83.1.4 网络安全与管理系统83.1.5 体验改善以及其他优化83.2 性能需求93.2.1 时间特性要求93.2.2 同时在线用户93.2.3 网络性能93.3 数据需求9第四章 网站设计与实现124.1系统架构设计124.1.1 前端架构设计124.1.2 数据库架构设计134.1.3 后端架构设计224.2功能模块与接口设计234.2.1 功能模块设计234.2.2 接

14、口设计274.3 详细设计与实现324.3.1 后端设计与实现324.3.2 前端设计与实现34第五章 测试与运行37结论38参考文献39致谢40第一章 绪论1.1开发背景及意义现如今人们的消费水平逐步提高，互联网也早已普及全球。自从国内B2C电商的迅猛发展，兴起了一批面向消费者的网上购物交易平台，如淘宝，亚马逊，当当，京东等。而在全民步入网购热潮之时，一部分商品或因难以跟随人员流动、因其不符合个人预想而又无法退货成为闲置物品，或因急需资金亟待出售部分个人物品而四处为寻求买主。国内以往的二手交易多发生于线下，如在某些小区内会有二手买卖店，他们大多只处理家电，家具等不变长距离运输和移动的大件物品

15、，无法覆盖诸如电子产品以及其他小物件等种类的交易，还有一种以流动形式回收废旧物品的经营模式，通过先行买入而后经过处理流入回收行业，而他们的经营性质决定了不考虑保持闲置物品形态下的重复利用，给卖主的报价通常十分低廉。将线上购物模式应用于二手交易上，能够打通有买卖需求客户的沟通渠道，极大地降低了原本线下交易模式以及多种交易方式带来的时间损耗和人力成本，丰富了作为交易物的种类，无需通过多个途径公开闲置消息即可完成交易等传统二手交易的许多痛点。以二手交易网站作为交易平台，买家可以如同在线上购物网站上获得二手闲置物品在线购物的体验，检索需要的闲置物品信息并查看详请，而卖家则可以为平台提供二手闲置物品信息

16、，从平台寻找买家。在买卖双方达成一致时，可通过线下沟通，线上确认运输方式等完成交易。平台同时支持搜索功能与按类型筛选等检索方式，方便用户查找对应闲置物或商品类型。平台管理员可以对二手商品进行实时后台管理商品。同时作为一款购物平台产品，轻便、简洁的交互将会为用户提供良好的购物体验。1.2论文架构论文的正文部分从第二章开始，将具体描述以下几个内容：二手交易网站的开发过程所需要用到的开发语言的背景、重要特性以及主要应用；ThinkPHP与其他流行后端框架的功能异同对比；Vue框架所提供的生态介绍，最后该章节描述了网站开发的运行环境，从软件层面解释了如何在Windows 操作系统下配置一个可供开发人员

17、编程的环境。第三章展开了对网站整体的需求分析，分为功能需求、性能需求、数据需求三个板块叙述二手交易网站的需求，通过本章了解网站所需要的各部分信息以及如何完成具体交互操作，在功能需求部分从商城用户，管理者两种使用者身份角度考虑了网站所需功能并进行了归纳，性能需求主要从时间特性、用户容纳数量等方面描述了网站在正式运行时应当达到的要求，为之后的测试成果验收提供了数据。数据需求小节则需要可持续化存储需求的数据出发，描述了数据格式以及其数据在运行过程中的对应关系。第四章描述网站的设计与实现，本章先从网站整体结构的设计入手，描述了二手交易网站应当采用的开发模式以及对应模块的逻辑作用，后对功能模块根据需求梳

18、理划分，简要描述了前后端对应的功能设计与接口设计，最后章节增补了网站局部的详细设计与实现。第五章描述了如何对网站进行功能测试及展示了网站的实际运行效果，最后对测试结果进行分析。第六章总结了二手交易网站的开发过程中遇到的问题与收获。本论文将主要从后端出发，展开描述了thinkPHP作为一款优秀框架在开发二手交易平台时起到的作用。第二章 网站开发技术分析在进行对二手交易网站进行研究前，首先需要进行网站开发的学习。网站开发所需要用到的技术主要包括两大部分的内容：开发语言与开发框架。开发语言主要用于开发者在为实现其服务的具体功能时完成的编程工作，而框架主要由其他开发者为了使程序开发能更专注与业务而生；

19、而以其主要服务内容与提供服务的环境的不同又可分为前端和后端，前端主要负责用户界面与交互逻辑，后端主要负责处理业务数据。为了保证不同环境下两者能够实现数据交互，还需要了解实现两者数据交互的规范语言。下文将对开发二手交易网站所需要的技术进行详细介绍。2.1 网站开发语言介绍2.1.1 后端应用开发语言（1）PHP中文全称“超文本预处理器”，是一种通用开源脚本语言，一般在后端执行，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法1。使用广泛，具有成本低、速度快、可移植性好、 内置丰富的函数库等优点，学习成本低，主要适用于Web开发领域。（2）SQL中文全称“

20、结构化查询语言”， 是一种特殊目的的编程语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统，是与数据库进行交互的主要方式，一般由后端服务进行访问。2.1.2 前端应用开发语言（1）HTML中文全称超文本标记语言，主要使用标记标签描述网页结构，是Web上的通用标记语言。通常由该语言组成的文档叫做网页，目前较为流行的标准为HTML 5，在2008年由W3C制定标准。（2）CSS是一种将样式应用到对应标记的语言，中文译名为层叠样式表。主要用于标注并修改HTML页面的样式，当前也被其他框架用于对部分客户端的页面进行布局。CSS的出现曾使得网页设计领域得到了较大的发展，

21、提升了用户浏览网页的体验。当前该语言最为流行的标准由W3C联盟指定，最新版本在2010年推出，目前最新统一版本为CSS 3.0，而后其规范被分拆为众多模块单独升级。（3）JavaScript最早由网景公司创造的一门程序脚本语言，主要由该语言最初主要用于对网站的行为进行编程，经过发展后不局限于网页而出现在各客户端与服务端。现已经出现不同环境下的运行时，支撑着该语言环境并努力使其成为常态。早在1997年网景公司便将其语言技术草案交由ECMA组织，而后由TC39对该脚本语言标准进行规范，制定了ECMA-262标准，而后以ECMAScript这一脚本语言名称成为JS的核心语言标准。当前ECMA-262

22、最新标准为ECMAScript 2019，是该语言的第十版，在本篇主要展开ECMAScript 5的技术特性。2.1.3 数据交流语言（1）JSON是一种轻量级的数据交换格式, 其格式易于人的阅读和编写，同时还考虑到了机器解析与生成，是ECMA-262标准下的一个子集，现常用于前后端分离开发模式、后端接口等Web服务的数据交互上。2.2 ThinkPHP框架介绍以及其他流行框架的对比ThinkPHP框架是2006年诞生、国内较为流行的免费开源轻量级php框架，当前拥有良好的中文交流环境与众多优秀实践。使用php框架能够比原生php开发更快速高效地完成系统模块的开发，框架提供了完整且功能强大的增

23、、删、查、改的操作2。thinkPHP框架具有面向对象的特性，可由此设计出一个低耦合的系统而使系统显得轻便灵活，同时通过框架以MVC模式将程序脚本分为模型、视图、控制三层，进一步提高了程序脚本的可重用性，降低程序编写的冗余度。同时，框架有严谨的错误检测和安全机制，详细的日志信息可以为开发的网站提供一定的安全保障。截止至2020年1月，thinkPHP框架已更新迭代至6.0.2版本，该框架首先在部署时便采用Composer进行部署更新，相较于以往从Git等仓库自行进行下载搬运，减少了人工校验各项文件的步骤，通过简单的几行命令便可完成thinkPHP后端的部署，降低了开发者在环境部署环节上的时间成

24、本，直接上手开发。其竞品Laravel框架同样作为一款国内外热门开源php框架，由国外开发者共同完成开发，但其官方文档均为英语，实现的Web软件的MVC架构，并作为CodeIgniter的替代方案。Laravel在其5.0版本后引入了Facades（门面）概念，旨在通过静态接口完成对服务容器的各种调用操作，可以看做是服务容器中底层类的 静态代理，而thinkphp 6.0同样引入了该概念。可以说，thinkPHP作为一款后端框架，对后端部分功能进行了相当程度的完善，而对于前端所需的开发则尽量克制，如在部署基本框架时，thinkphp对于页面视图上仅支持最基础的php原生模板，并没有整合诸如we

25、bpack等使用前端流行语言框架，能够让开发者在只掌握基础的前端知识基础上完成绝大部分的后端开发。相对于Laravel框架，他更好地支持了开发者使用前后端分离的开发模式，让后端开发者在完成后端系统开发时能尽量减少完成前端开发的任务，对于前端开发者则同样适用。现如今国内各大公司均有前后端分离开发的实际案例，毫无疑问thinkPHP迎合了国内互联网企业的发展，能够在国内互联网生态内茁壮成长。2.3 数据库管理系统数据库管理系统是一种操纵和管理数据库的大型软件，用于建立、使用和维护数据库，简称 DBMS3。数据库管理系统是一个能够提供数据录入、修改、查询的数据操作软件，具有数据定义、数据操作、数据存

26、储与管理、数据维护、通信等功能，且能够允许多用户使用。当前较为流行数据库管理系统有Oracle、MySQL、Microsoft SQL Server、MongoDB、MariaDB等。本文主要以关系型数据管理系统MariaDB为研究工具，其以行和列的形式存储数据，以便于用户理解，由行和列组成一张表，一组表组成了数据库。在对数据进行查询、更新、删除与新增等方面，关系型数据库有较为优异的性能。是目前世界上最流行的开源关系型数据库服务之一，由原MySQL开发者牵头开发而成，保证持续开源。其功能特性与MySQL较为相似，能够以多引擎的方式运行，大部分功能无需进行额外学习便可通用。2.4 前端相关框架2

27、.4.1 Vue.js框架介绍Vue.js是一款渐进式的Javascript框架，主要用于构建用户界面，即网页前端，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，可作为前后端分离的前端服务，能够更专注于业务逻辑处理。通过结合vue-cli系统能够在其基础上快速扩展相应插件对业务进行快速开发4。2.4.2 Vue-CLI 系统介绍Vue-cli是一个基于 Vue.js 进行快速开发的完整系统。该系统主要由三个组件组成：CLI,作为全局安装的npm包，能够使用命令行窗口构建一个新的vue-cli项目；CLI服务，基于webpack和webpack-dev-server构建；包含加载

28、其它 CLI 插件的核心服务，一个针对绝大部分应用优化过的内部的 webpack 配置，项目内部的vue-cli-service命令5。因此该系统具备热更新功能，根据命令行窗口运行服务后能够实时更新页面。2.5 网站开发运行环境2.5.1 php运行时作为支撑使用php语言的各种工具或平台使用，并支持解析php语言相关文档等。2.5.2 Composer为PHP语言环境下的软件配置包管理器，可通过命令行为php服务配置多个模块而不需要手动下载。本文中的部分具体实现，Composer作为thinkphp部署的前置环境。2.5.3 thinkphp-framework为开发者专注于代码开发而出现的

29、Composer开发包。包含thinkphp6.0基础框架，可用于开发调试thinkphp框架的后端服务，编译thinkphp服务，并部署到生产环境中。2.5.4 Node.js为JS语言编写的服务的运行环境，软件配置包管理器，解决环境依赖复杂问题。可通过命令行给需要js语言支持的众多模块vue-cli等前端框架配置的前置运行环境。2.5.5 vue-cli脚手架作为一个配套工具，能够以npm方式部署各种与vue配合的模块，不需要开发者手动配置整合配置各个模块，开箱即用，加快集成速度，方便前端开发者更专注地去关注前端开发。第三章 需求分析需求分析说明是对在具体环境中执行确定功能的特定软件产品、

30、程序或一组程序的规格说明，在网页开发中起到重要的指导与约束的作用，一般由开发者、用户或双方的一个或多个编写，主要体现了软件项目的功能、外部接口、性能、属性以及影响产品实现的设计约束6。3.1 功能需求本部分主要描述了网站开发所需完成的功能。以使用者的视角详细分析了网站的各系统功能模块。其中包括用户鉴别系统、闲置物品检索分类系统、闲置物品管理系统、网络安全与管理系统和体验改善以及其他优化。3.1.1 用户鉴别系统可区分游客，商城用户和商城管理员，根据身份分配不同的权限和职能。在访问者未完成注册时，不能向网站提交交易订单，不能以匿名身份发布二手物品，而在完成注册后，用户可以正常的完成上述功能，但用

31、户只能关注得到已发布的公告，商品及其评论，较为隐私的个人信息则无法获取，保证网站的正常运营和数据安全。以下为该系统下的子模块：用户登录：用于给未进行识别的用户提供认证功能。用户注册：用于将初次访问网站的游客提升权限至商城用户的功能。个人中心：用于记录用户的使用信息，方便网站为其做用户区分，进行个性化推荐。在生成订单时提供相应数据给卖方作为确认交易主体的证明。3.1.2 闲置物品检索分类系统用于用户对网站内闲置物的筛选，找到符合预期的内容的检索系统，主要包含以下子模块：商品模糊检索：用于用户检索指定商品，是满足交易的基本需求。商品按分类检索：用于给买方在指定分类下浏览各商品的信息，提升买方的用户

32、体验，增加二手商品的商品曝光度。购物车：用于列出用户一段时间内所需商品的表格清单，提升买方的用户体验。商品收藏：用于将用户喜好但暂时不进行购买的物品进行归纳整理，提升用户进行二手购物的体验。具有买家角色的均可使用。历史记录：用于展示用户最近一段时间浏览的商品，方便用户对已看过的商品进行回溯。分类管理：用于网站管理员进行分类归纳整理的功能，根据不同需求增加或删除对应分类，开发此项功能能够实时地根据市场的不同需要将闲置物品进行分类，适应市场的发展。3.1.3 闲置物品管理系统主要用于展示商品，以及管理商品的功能，此系统主要由卖家参与，以下为该系统子模块：商品管理：提供给卖家动态发布或下架具体商品的

33、功能，一般通过填写预定表单和写一篇包含图文的富文本完成表述。商品展示：对卖家提供具体物品的信息进行展示，以供买家在购买前了解到物品的重要信息，是购买前对商品信息获取的主要渠道。一般包含物品名，预定价格，以及对其性能或形状，功能上的描述。交易订单管理：主要用于展示交易凭证给达成交易的双方，在达成一桩交易时通常会为买卖双方生成一个订单，对于买家可获取到已确认购买的物品信息以及卖家的联系方式等，在收取到闲置物前作为购买凭证，对于收取到闲置物后可作为售后凭证，而对于卖家而言，递送商品前可通过订单确认买家身份及具体位置，而在递送物品后可作为统计自己的销售情况的流水。3.1.4 网络安全与管理系统一般用于

34、应对部分不良操作，除一部分功能可通过预定设置实现自动管理外，人工方式一般只能由网站管理员完成。以下是该系统的子模块：商品审核管理：用于对用户发布的二手交易物品进行审核的流程，且根据安全与体验的情况不同可以动态开放或关闭人工审核。主要以改变分类或具体商品的审核状态进行管理。用户记录查询：用于审查用户在平台上的使用情况，以向管理员判断其违规或违法提供一定依据，可提供数据导出功能，以辅助公安机关等国家安全系统人员进行介入调查。用户审核管理：用于防止不法份子对商城的注册攻击，可对商城的新用户注册功能状态进行动态更改，以及防止其他恶意提交商品或不法信息时封禁或冻结已注册账户的功能。平台运行管理：用于及时

35、维护网站而可动态关闭对外开放的功能，可关闭平台对外展示信息的功能。此功能一般只允许网站管理员进行操作。3.1.5 体验改善以及其他优化评论管理：主要用于为买家在对商品有疑问的情况下在达成交易前通过平台向卖家具体商品进行评论的功能，卖家在该流程下应当对有意义的评论进行信息补充。其内容一般可被他人看到，作为商品描述的一部分。热门推荐：用于向用户动态推荐当前时段下被购买次数较多的小分类下的商品，通常放置在主页或具体商品的下方，可作为喜好推荐的冷启动，起到显眼而不抢占主体的目的。喜好推荐：根据众多用户在浏览，收藏夹，下单，评论等操作完成下的数据推测个别用户喜好的商品。例如，一名用户在浏览过“耳机”商品

36、并发表评论，之后下单了“某品牌单反相机”后，喜好推荐应当出现其他同类用户同样搜索过的耳机的周边配件产品或零售消费级级电子产品。商城推荐系统：出于对商城利益角度考虑的功能，可动态置顶部分商品以达到获取更多曝光度的目的。3.2 性能需求本部分主要描述了网站实际运行中所需达到的性能。其中包括时间特性要求、同时在线用户和网络性能。3.2.1 时间特性要求对网站成品的时间约束：网站首页加载完毕应当控制在7s内，登录速度应当在15s内，搜索结果应当控制在20s内加载完毕，其他页面应当控制在10s内完成。3.2.2 同时在线用户对于本次网站开发，实际情况为同时将数据库，前端服务器与后端服务器同时部署在同一主

37、机上，访问主要受存储设备的读写性能、带宽延迟及速率影响，故以小型网站应用约束，不受网络条件影响下，网站应可承受至少20名以上用户同时访问。3.2.3 网络性能根据运行环境的实际情况，网站应当部署于可供互联网用户使用，且需保证具有一定上下行带宽速率用于传输用户提交的富文本、图片等内容。本次项目仅部署于内网环境，受内网环境影响。3.3 数据需求本部分描述了网站实际运行中主要流程所需要的的必要数据以及其流动方向。图3-1 买家购买物品数据流程图如图3-1所示，买家在完成选定商品后将向系统提交确认商品清单的操作，此时系统将读取各商品的库存信息进行确认是否已售罄，在确认无误后系统将自动申请新订单，生成一

38、份包含商品清单的订单信息，在卖家收到通知后对订单进行确认并根据提交物流信息等影响订单状态的内容更新订单信息，并将该信息提交至订单管理系统，之后该系统将在订单更新状态后买家。图3-2 权限鉴定数据流程网站的正常运作需要对拥有不同操作权限的用户进行鉴别，如图3-2所示，当一名管理员进行对物品或用户的权限进行修改时，将会获取管理员与待修改的实体信息进行比对，确认待修改的权限内容是否存在以及管理员身份是否属实，完成确认后系统将继续执行修改实体权限的操作，根据已获取到的实体信息生成新的副本，并对管理员提出修改的部分进行更改，在将此信息提交到数据库中。而用户的每一份操作也将进入系统的确认身份与鉴别操作权两

39、步操作以确认其是否具备对应操作权限。第四章 网站设计与实现本部分主要表述网站实际设计与实现过程，通过网站的架构设计，功能模块与接口设计等描述了网站的基础框架与开发思路，以及各个模块如何相互配合完成系统生态，而在详细设计与实现小节则具体描述了部分设计与实现时遇到的技术问题，以及其解决方案。4.1系统架构设计图4-1 系统整体架构实践作品采用网站的形式展现，以前后端分离的模式进行开发，如图4-1所示，该开发模式存在几项特点：前端通过Ajax请求作为发送内容，以RESTFul风格向服务端发送请求；后端在完成关键业务逻辑，完成与数据库的存取操作后，采用Json数据返回到前端服务，经过前端数据处理后回显

40、到页面上；前后端分离开发能够让开发者在开发过程中对开发目标更明确，专注。而作为交易系统，网站需要持久化存储能力，为数据提供持久化的有mariaDB数据库以及浏览器提供的localStorage服务，分别储存在服务端和客户端上。本章将从前端，数据库与后端三大服务的架构设计以及主要功能模块和接口设计进行详细描述。4.1.1 前端架构设计前端主要以Vue.js为前端框架，结合其丰富的生态系统选用了Vue.js的几项插件以增强其功能。在前端还使用了localStorage服务以用于保存会话token，使用户不需要在连续执行操作期间频繁进行登录操作。图4-2 前端运行依赖如图4-2所示，前端框架添加了运

41、行依赖以对部分网站特性支持，以下对关键的几项做出说明：（1）Tinymce Tinymce是一款富文本编辑器插件，提供了较为完整的网页客户端编辑功能，可提供图片插入以及对文本的各种样式编辑等功能。（2）Axios Axios是基于Promise，一种异步处理的解决方案的HTTP请求库，主要用于网页与Node.js的请求接管，在本文研究网站中将使用Axios进行各个功能模块的请求管理。（3）Element-UIElement-UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库7，在本文研究网站中将其用于管理后台与部分功能的界面显示上。（4）scss-loadersc

42、ss-loader预编译器用于对前端项目中的SCSS语言进行编译，使开发者无需手动编译为CSS格式，既提高了易读性又减少了编写内容（5）eslint规范代码样式标准，以更加严格的方式要求代码格式并审核代码错误，提高前端开发效率。4.1.2 数据库架构设计数据库服务采用MariaDB数据库管理系统。MariaDB数据库管理系统是MySQL的一个分支，主要由其开源社区维护8。该社区成员们致力提供一个社区开发，稳定且始终免费的数据库管理系统，并使MariaDB在从使用用户的角度上MySQL广泛兼容9。该数据库系统类型属于关系型，在对数据库进行架构设计时则应当使用E-R图与各数据表描述数据库的数据结构

43、。E-R图能够将现实中的实体信息抽象为实体或其属性，可供具体设计时使用的数据模型进行参考。而数据库中各数据表则描述了实际数据的存储数据类型以及读取方式。图4-2 系统E-R图 1以交易网站的买卖双方用户视角出发了解系统，卖家在发布闲置物后，买家可对一个闲置物发布自己的评论，可在选定闲置物后向指定卖家发起交易订单，因交易订单包含对应闲置物的数量，如图4-1所示，该图展示了买家与卖家在发布与购买时数据的逻辑关系。图4-3 系统E-R图 2以网站管理员为视角，系统提供了管理大小分类、发布公告、管理买家、管理卖家、审核已发布的闲置物等功能，如图4-2所示，主要展示了管理员在发生管理操作的逻辑关系。图4

44、-4 系统E-R图 3以买家浏览商品时为情况对数据逻辑关系进行分析，如图4-3所示，闲置物可被买家主动进行加入购物车、收藏等操作，且在浏览后会被记录到买家的历史记录中，而由于闲置物与小分类存在1对n的逻辑关系，买家可根据小分类检索到对应闲置物。使用字段表可以描述网站所需使用的各个概念集合中所有的属性，同时对描述网站各概念集合的数据结构与类型进行了进一步的解释与说明。在对各表进行描述前，本文将对所有表存在的通用情况进行如下说明：表中若出现id字段，一般作为该项表对应实体的主键，是对单一实体的唯一标识；表中若出现create_time 创建时间字段，为该表对应实体记录于交易网站系统的初始时间，一般

45、与update_time更新时间字段成对出现。用户，管理员一般对该项字段不可直接更改，当且仅当管理员对一项数据删除时才可从对应记录中抹除。表中若出现update_time更新时间字段，为该表对应实体记录于交易网站系统的更新时间，一般与create_time 创建时间字段成对出现。用户，管理员一般对该项字段不可直接更改，当且仅当用户或管理员有权对该项数据进行更改并实际完成该项操作后才可对更新时间字段进行更改。以下是各个需要持久化存储数据的字段表。表4-1 item闲置物品表字段类型空默认注释idbigint(20)否主键namevarchar(128)否名称class_idint(11)否所属小

46、分类pricefloat否价格stockint(10)否库存seller_idbigint(20)否卖家idin_checktinyint(1)否0审核状态brieflongtext是NULL简要信息 包含图片和标签（json）create_timetimestamp否current_timestamp()上架时间update_timetimestamp否current_timestamp()更新时间表4-1展示了表示闲置物品所需要的数据，其中名称、价格、简要信息字段以较为直观的形式描述了难以用固定格式表述的闲置物状态与属性，所属小分类字段用于用户搜索时进行归类，快速检索出对应小分类的商品时使

47、用。库存与卖家Id作为生成订单前的重要数据，能够根据卖家填入的信息限制售出数量与确认交易的卖方身份。审核状态则表明了该闲置物目前所处的展示状态，可由管理员进行更改，若不为默认值 0，即说明该闲置物处于异常状态，不对外进行展出。表4-2 item_classes小分类表字段类型空默认注释id(主键)bigint(20)否小分类idnamevarchar(64)否类目名group_idbigint(20)否从属于大分类item_typebigint(20)否从属商品类型in_checktinyint(1)否0审核状态create_timetimestamp是current_timestamp()创建时间update_timetimestamp是current_timestamp()更新时间表4-2展示了小分类表中的数据字段，其中主要包含名称，从属大分类以及商品类型以及审核状态字段，小分类表对应的数据实体主要用于按分类进行，方便网站用户找出对应闲置物，同时管理员可对小分类进行审核状