基于SpringBoot+Vue的校园二手交易系统的设计与实现

　　摘 要

伴随着网络技术的跃迁，人类社会生活与现代信息技术之前呈现不断融合趋向。生活中的日常缴费，网上购物，网上学习和娱乐等。人们享受着网络带来的好处及便捷。校园二手交易平台因此应运而生，其主要目的是将学生群体中的闲置产品充分流动交换起来，学生可以把二手商品发布在交易平台上，然后有需求的学生可以联系购买，既节约又环保，还可以养成学生不浪费的好品质。

本文就对校园二手交易系统的设计与实现进行了描述，讲解了本系统研究的意义，以及开发背景，同时关注到目前学界对该主题的关注和进展，指明该系统所依赖的技术手段，对系统也进行了一系列的分析，然后详细介绍了如何设计本系统，记录了系统的实现过程和测试过程。本系统使用、MySQL数据库、springboot和vue等工具和技术设计并实现了一个界面友好、方便实用的校园二手交易系统，主要实现新用户注册，商品信息发布已经产品交易，和留言交流以及对商品和用户的基本管理。

　　【关键词】：校园二手交易系统；MySQL； vue；springboot

　　第1章引言

　　1.1研究背景

校园二手交易系统属于电子商务的一种。综观目前国内二手交易市场，其交易对象大多为房子和汽车等相对高昂的商品，参与群体也多为具有一定工作经验和经济实力的人群。然而在大学校园内，学生群体之间同样存在大量闲置产品，尽管这些商品价值相对较低，但这一市场潜力仍不可忽视。由于学生之间存在二手交易的需求，因此现有的校园内也有一些二手交易途径，但大多是借助跳蚤市场或者社交媒体的手段，发布二手商品消息，且具有较强的自发性。对于交易双方而言，都无法获得可靠保障，且挑选范围有限。因此对于大多数学生而言，往往面对自己的闲置商品，只能采取下列手段：

（1）自由遗弃

（2）将闲置物品带回家。

（3）卖给回收旧物品的商贩。

但上述3种方法各有弊端，第一种造成了无端的浪费。第二种放在家里闲置，是家里显得拥挤，有点鸡肋的感觉。第三种虽解决上述两种方法的问题，但商贩的回收价连物品的原价的10%左右。由此可见，现有方法因具有缺乏专业、标准手段，无法充分使闲置物品的作用最大化。而本文所研发的系统正是关注到这一事实，将在校大学生作为服务对象。从可行性角度来看，学生群体之间的消费倾向存在一致性，商品可以获得交易的动力。与此同时对于价格时效便利，校内交易可信度高以及高科学技术发达的考虑，校园二手市场已形成了一定基础。从构建该平台的必要性角度来看，对学生而言，推出新的二手商品交易系统可以其提供交易便利和安全保障，同时强化群体绿色环保节约的消费理念；对于社会而言，可以最大程度实现资源再循环和利用。

　　1.2研究意义

在全球经济深度发展基础上，世界发展理念开始逐渐向低碳经济主题转向。更好地实现物品循环和回收工作已然成为世界各国的共识。相关数据调查显示，在物质条件提升背景下，大学生的消费水平不容小觑，在各种消费产品充斥下，学生的书籍、衣物以及电子产品等都出现大量闲置问题。因为相关途径匮乏，导致校园内的浪费现象频发。因此借助互联网手段，选择让学生更容易接受的手段，让闲置物品更好流动起来，有效地缓解了资源浪费问题。校园内的二手物品交易单独服务于大学生群体，区别于社会交易网站，针对性更强，兼具经济效益和社会效益。

作为新兴事物，校园电子商务是，首先是指在校园范围内，其技术手段是校园网，而服务对象是全部师生。主要经营形式为学生自主经营，能够满足多群体生活学习需求，同时具备范围小，安全性高，操作便捷等特点，且可根据消费者需求建立多样化校园网站。

　　1.3国内外研究现状

即便是在国外，二手商品同样占据了国民经济中相当大比例，例如在瑞典其10%的GDP都是来自二手交易。追溯历史不难发现，在国外19世纪，一些当地居民自发组织类似集市，人们将自己闲置物品进行交换。最为有名的就是X帕萨迪纳市UCLA橄榄球场举办的跳蚤市场，这最大程度推动了资源高效使用，对于居民而言也能够获得更好的购物体验，同时加强居民之间的交流沟通。伴随互联网的产生和应用，线上二手物品交易途径也随之涌现。在X已经形成了颇具规模的二手商品市场。例如ebay的二手商品交易网站以及Freecycle平台等。其中Freecycle平台早在2003年就成立，到2009年已经具有相当广阔市场，会员数目高达千万，其使用范围遍布全球，根据不完全统计，其数额高达四千多个，该平台是以公益慈善为目的，主要将一些闲置物品进行免费转赠，同时也可以发布求助信息，以上环节均为免费。

二手交易平台拥有广阔市场。据阿里巴巴发布的时时数据，在2023年“双十一”期间成交额超过5000亿，仅在双十一当天，菜鸟网络就获得了高达三百多亿元订单，支付笔数14.8亿笔 。互联网背景下，支付方式日渐完善，同时四通八达的物流系统都为人们网络购物提供便利。而这些购物群体中，大学生的消费力相当惊人。但是由于该群体本身存在盲目性和冲动性的消费倾向，大量商品在购买后没有得到充分利用，就在毕业季面临被遗弃的命运。因此一些毕业生自发张贴小广告，进行小规模的二手商品教育。一些学校也顺势举行二手交易活动，但往往集中于毕业季短暂十几天内，影响有限。因此当前校园迫切需要长期稳定的二手商品交易平台，能够为同学提供便利，同时又能使物品充分利用。由此可见，网络二手物品交易平台是一个正在兴起的市场。

　　1.4本文的结构

本文的主体结构主要为七章。

其中第一章为绪论，主要设计到研究背景和国内外研究现状和讲述系统目标。

第二章是介绍论文系统的关键技术，主要涉及到springboot技术，springCloud微服务技术和mysql数据库的描述。

第三章主要从需求角度对系统设计进行分析，进一步说明该系统的可行性、测试用例和数据流以及数据字典等内容。

第四章主要论述系统的设计思路，以E-R图和数据库表格呈现。

第五章是进一步展开系统设计论述，从功能模块和代码角度分析。

第六章是对于设计完成的系统进行测试，尤其是针对用户和管理员两个群体。

第七章为结语，分析本系统存在的优缺点和现实意义。

　　第2章第2章 开发技术相关基础简介

　　2.1 Springboot框架

基于Spring4.0框架，Springboot在进行适当简化后，最大程度减小开发人员的工作压力。此外Springboot 框架具有高度兼容性，可以避免出现版本依赖包冲突的问题，确保运转准确性。

其中开箱即用和约定大于配置是Springboot 框架的最大优点。所谓开箱即用就是指可以需要借助pom 文件就可以使用。对于编程人员而言，这一特点可以将其精力最大化，从而发挥更大价值。而约定大于逻辑则是指Springboot 自带默认配置文件，如果这与编程人员的需求相一致，则无需工作人员进行过多修改，这就大大的提高了系统的开发效率[13]。

　　2.2 Vue框架

Vue 框架一般被用于设计视图层。通常用于搭建前端的用户界面，因其使用简单，兼容性高，而被广泛使用。

Vue是实现前后端分离的核心技术之一，开发前端 SPA（single page web application） 项目，将数据进行绑定和配置，完成项目编译打包等工作[15]。

　　2.3 MySQL概述

当前在技术领域内，MySQL数据库广受青睐。其搭建通常使用标准化SQL 语言，同时具有运行高效，安全指数高，兼容性好等特点。

从本质上看MySQL数据库是关系型数据库，可以实现将数据在多表中存储，这样就增加了速度并提高了灵活性。并且数据之间的关系也能很清晰地展示出来[8]。

　　第3章系统需求分析

　　3.1可行性分析

3.1.1操作可行性分析

本系统对各类资源依赖性低，对于伺服器只要安装Tomcat服务器、JDK和MySQL数据库等即可。对于用户而言，只需要计算机上有浏览器即可运行起来，不需要安装额外的软件，现在普遍的电脑无论是硬件，还是软件都能满足条件，因此普遍的用户都可以使用。而系统本身都是图形化界面，简单易懂，操作简单所以系统在运行上是可行的。

3.1.2技术可行性分析

本系统是前后端分离项目，前端基于vue，后端基于springboot框架开发，jdk版本1.8.前端使用的是流行的Vue框架 + element-ui组件， Vue 和当前流行的其他两大框架（Angular 和 React）相比更加容易上手和学习，入门门槛相对较低一些，这也是Vue框架设计的初衷之一。element-ui组件是一套类似于 layUI 的前端样式组件库，它支持Vue的语法，可以在Vue的框架内引入后直接使用；后端的 Spring Boot框架是近年来备受Java开发者好评的框架，通过使用 IDEA 这样的开发工具，只需要几步操作就可以完成框架的搭建。所以技术上是可行的。

3.1.3经济可行性分析

本系统使用的开发工具Eclipse和MySQL都是免费的，使用的Java语言和服务器Tomcat也是完全免费的。并且本系统需要的软件和资源包都是开源的，在对应的官网都能下载。本系统在开发人力和财力上要求都不是很高，而且系统不复杂、开发周期短，所以本系统在经济方面具有很高的可行性。

　　3.2功能需求分析

整个系统由两大部分组成，一是用户模块，二是管理员模块。

1、用户模块

用户登录注册：可以注册和登录操作。

发布商品：用户登录后，可以发布编辑商品信息，发布商品。

购买商品：用户登录后，可以浏览商品，并下单购买。

信息修改：用户登录后，可以修改个人信息，增删收货地址等操作。

图3-1 用户的用例图

2、管理员模块

用户管理：可以对用户账号进行封禁/解封，添加管理员操作。

商品管理：可以查看商品的状态，下架违规商品。

订单管理：可以查看订单的订单号，订单状态等。

管理员的用例图如下图3-2所示。

图3-2 管理员的用例图

　　第4章系统详细设计

　　4.1总体设计

本系统的设计方案主要基于java开发和tomcat Web服务器的Mysql数据库查询方法来执行设计方案，开发工具为idea、vscode，cs6技术可以进行网页清洁，辅助技术是css。该交易管理系统的关键角色是普通用户和系统管理员。该系统分为前台接待和后台管理，前台接待的关键作用是发布商品，查看商品和购买商品，后台管理的关键作用是对用户的管理和商品的管理。二者都是通过最初的登录界面，输入账号密码进行登录，登录后跳转到各自的功能页面。用户进入前台页面后可以发布商品，查看商品，购买商品及对商品的留言。管理员进入后台管理页面后可以对用户进行操作，对商品进行操作 及订单管理。具体系统功能模块分布如图4-1所示。

图4-1 系统功能模块图

　　4.2功能分析

系统的功能介绍需要流程图来描述，流程图能够更加清晰地反映出功能的特性与过程步骤，以下流程图描述了整个系统的部分功能的操作经历流程。

1、用户登录控制模块：用户通过信息注册账号，这可以确保真正的用户运用系统的关键业务流程。注册成功后自动跳转到登录页面，用户通过输入账号密码进行登录，

登录时必须账号密码正确才能通过验证进入主页面。用户登录流程图如下图4-2所显示。

图4-2 用户登录流程图

2、用户信息修改模块：用户在登录后，可以通过“个人中心”查看并修改个人数据，

还可以在个人信息中增删收货地址。用户信息修改流程图如下图4-3所示。

图4-3 用户信息修改流程图

3、商品购买模块：用户在界面浏览页中找到自己想要的商品，可以查看商品的细信息，如果商品满意，用户可以选择购买。商品购买流程图如下图4-4所示。

图4-4 商品购买流程图

4、商品发布管理：用户登录后可以点击“发布闲置”进行发布商品相关操作，首先就是对商品信息进行完善，商品发布情况如下图4-5显示。

图4-5 商品发布管理流程图

　　4.3概念模型设计

1、概念设计

根据上述概念模块的划分和各模块的操作流程分析得出本系统中数据库实体应该有：

用户实体包括的属性有：用户ID，账号，昵称，头像，注册时间等属性。如下图4-7所示。

图4-7用户实体属性图

闲置商品实体包括的属性有：闲置物品ID，物品详细，物品图集，状态等属性。如下图4-8所示。

图4-8商品实体属性图

订单实体包括的属性有：收货人账号，省，市，区，详细地址等属性。如图4-9所示。

图4-9订单实体属性图

留言实体包括的属性有：留言ID、留言用户ID、留言用户头像、留言内容、发表时间，所回复的留言等属性。如图4-10所示。

图4-10留言实体属性图

管理员实体包括的属性有：管理员账号，密码，管理员名字，编号等属性。如图4-11所示。

图4-11管理员实体属性图

系统总体的E-R图如下图4-12所示。

图4-12 系统E-R图

2、数据表设计

校园二手交易系统选择Orcale公司的MySQL作为数据库管理系统，按照MySQL的逻辑结构要求，设计了一个数据库用于管理数据，数据库的名称为second_hand.sql，根据之前对该系统数据库概念结构设计得到的结果，在该数据库中建立8个数据表，用于存放该系统的数据。如表4-13至比表4-20所示。本系统数据库表如下：

　　第5章系统的具体实现

　　5.1用户登录与注册模块

访客点击前台页面导航栏的前台登录，登录模态框就会弹出，此时访客填写完相关信息，点击登录按钮，进行登录。若没有账号，点击“立即注册”，此时注册表单就会出现，访客填写注册信息，进行注册。如果访客在浏览文章的时候，想对商品进行查看以及留言时，此时会进行用户验证，弹出登录模态框，要求用户，进行登录后操作。

界面如下图5-1所示。

图5-1 用户登录界面

登录后部分代码显示如下：

　　5.2商品发布模块

用户登录界面后，点击发布闲置，输入商品的名称，发货地址后，选择发布即可商品发布界面如下图5-2所示。

图5-2 商品发布界面

实现商品发布的部分代码如下：

　　5.3商品购买模块

用户登录界面后选择需要的商品，选择立即购买。购买界面如下图5-3所示。

图5-3 商品购买界面

实现商品购买功能的部分代码如下：

　　5.4用户留言模块

对于交易型的平台，商品的状态属性尤为重要，此时此刻就需要一个模块来对商品进行了解，这个模块就是留言理模块。目的使用户购买是更舒心与放心。留言界面如下图5-4所示。

图5-4 用户留言界面

实现用户留言功能的部分代码如下：

　　5.5用户信息模块

随着平台的发展，使用的用户将会越来越多，这样就需要一个模块对用户进行统一管理，方便对用的管理，管理员登录后可以查看用户信息，必要时可以对用户进行封号管理。用户信息列表界面如下图5-6所示。

图5-6 用户管理界面

用户用户管理的部分代码如下：

　　5.6订单管理模块

随着平台的发展，使用的用户将会越来越多，随之而来的订单量也就越来越多。因此对订单及时进行管理至关重要，对于管理员而言，通过这一模块，可以对用户的订单情况开展查看、删改和支付等操作，该模块详细界面情况如图5-5所显示。

图5-5 订单管理界面

实现订单管理功能的部分代码如下：

　　5.7商品管理模块

随着商品的增多，就会出现违规商品的出现，为了避免违规商品的出现，设计了一个商品管理系统，该系统可以将违规的商品下架，还可以查看商品的状态。商品管理界面如下图5-7所示。

图5-7 商品管理界面

实现商品管理模块的部分代码如下：

　　5.8信息修改模块

用户在登录平台后，可以在个人中心中进行修改昵称，密码，增删地址等操作。信息修改如下图5-8所示。

图5-8 增删地址界面

实现地址的增删功能的部分代码如下：

　　第6章系统测试

　　6.1测试目的

软件的编码时期结束后，没有经过测试的软件难免会大量遇见各种各样不可预知的问题，因此在软件编码后必须对编写好的程序进行测试。软件测试的目的并不是单纯的将所需要的常用功能进行简单测试就行，他的目的是通过科学的方法找出软件可能存在的问题，不是表明程序部分或者全部没有问题。只有能够及时发现之前尚未发现的错误才是一个可以称之为好的测试。然而测试的目的也不仅仅局限于找出错误，更重要的是要通过错误分布的特征，协助管理者找到软件缺陷并予以解决。[14]。

　　6.2测试方法

随着软件的发展，软件的测试方法也是越来越多。从程序是否运行的方向看：有两类静态和动态测试，而在程序内部结构和实现来看方向看：测试方法又分为黑盒、白盒和灰盒测试方法。由于本人能力有限，暂时不能对程序的内部结构、过程和语法进行精确的分析，所以本次软件测试采用功能测试：黑盒测试方法。

黑盒测试方法操作起来相对来说比较容易，不用测试人员对程序的内部代码进行精确地了解，仅仅需要对其功能作出合适的测试，查看其功能是否与预期目标一致，数据能否正常显示，接口之间能否进行正常的交互，界面的显示能否达到预期，程序运转是否正确且高效，并能够获得合适的结果。

根据黑盒测试的特点，所以在准备测试的期间需要整理清整个系统中各个功能的作用以及数据输入与输出结构之间的关系，从而在测试中可以准确的判断各个功能所对应的输出内容与预期结果相比是否合理[15]。

　　6.3测试用例

1、注册测试

测试对象：注册功能模块。

操作：

表6-1 注册信息操作表

预期结果：用户注册时不输入密码昵称、注册时输入二次密码不重复会出现相应提示。当用户完成手机号、密码以及昵称等信息后就可以顺利注册，然后提示去登录。测试结果如图 6-1 所示

图6-1 注册测试

测试结果：结果与预期一致。

2、登录测试

测试内容：对登录功能的测试。

操作：

表6-2 登录信息操作表

预期结果：用户登录选择登录身份和输入手机号但不输入密码，会提示登录失败 ；用户登录选择登录身份和输入手机号但输入错误密码，也会提示登录失败；当用户输入正确的手机号和密码后，但选择了不正确的方式，同样会提示登录失败；当登录方式、手机号和密码都正确输入后，登录成功直接进入前台页面。如图6-2所示。

测试结果：结果与预期结果一致。

3、商品购买测试

测试内容：对购买商品的测试。

操作：

表6-3 商品购买操作表

预期结果：用户购买商品后未选择收货地址时，提示请选择地址。未支付方式时，支付失败。当收货方式，支付方式选择正确时，支付成功。

测试结果：结果与预期结果一致。

4、商品发布功能测试

测试内容：商品发布功能的测试。

操作：

表6-4 发布商品操作表

　　预期结果：用户在发布商品时，未发布商品名称，描述，价格，发货地址，类型其中一个时，都会显示请填写完整信息；用户发布商品时，输入全部正确信息，发布成功。

测试结果：结果与预期一致。如图6-4所示。

图6-4 商品发布

　　6.4测试总结

通过本次系统测试，测试结果表明系统能够正常运行，各项功能都能顺利实现，没有出现明显的问题，符合预期效果。

　　第7章结束语

本文通过对网络存在的校园二手交易系统进行使用和体会，结合所学知识进行开发。该系统使用前后端分离技术，后端技术采用的语言是Java,框架使用的SpringBoot，而前端技术使用的语言是JavaScript，框架使用的是Vue。将系统功能模块划分为：前台功能模块和后台功能模块两大模块。通过开发二手交易系统，不仅让在校大学生对一些弃之可惜，食之无味的物品得到很好的解决，避免了不必要的浪费，还可以在上面购买一些商品，节约的金钱。

虽然本文写出来了校园二手交易系统，但是不完善，有缺陷，存在许多问题。本人将在日后的学习过程中探知更完美的优化方案，了解最前沿的开发技术，对该系统进行改造升级。在开发校园二手交易系统的过程中我想到了以下可完善的地方：

首先是该系统的注册功能注册表单比较简单，只有昵称，手机号和密码三个字段。要想设置、头像以及其他信息的话，还要登录后，再去个人中心进行修改。针对这一点，日后对前端功能模块中的的用户注册页面进行补充完善，不断地优化设计方式。

其次是后台的订单管理系统没有设计收索功能，不能根据关键字来收索订单，给后台管理造成了极大的麻烦。针对这一点，日后对后端功能模块中的订单管理功能进行完善，使之能够方便行事。

最后是，在登录页面的时候应有“忘记密码”这一点击项的。虽然不影响用户对商品进行操作，但是没有登录就不能查看订单状态。这对忘记密码的用户，不太友好。针对这一点，可以对登录功能进行补充完善。

以上问题都将是激励我更进一步学习的动力

　　参考文献

[1]张宇. 面向校园的闲置资源交易系统[D].苏州大学,2020.硕士论文

[2]王静. 基于用户体验的校园闲置物品交易小程序界面设计研究[D].江苏大学,2020.硕士论文

[3] 白忠军. 基于云平台的校园二手商品交易系统的设计与实现[D].贵州大学,2018.硕士论文

[4]闫锦彪,杨冬梅,张进.校园二手教材网络交易平台的构建方法研究[J].现代信息科技,2023,5(02):107-110.

[5] 邓诗彤,张美娜,崔海明,杨岩松,邹丽娟.校园二手商品交易系统[J].电脑知识与技术,2018,14(11):62-63.

[6] 黄兴荣.基于B/S架构模式的三层结构设计与实现[J].电脑知识与技术,2020.

[7]刘耀阳,王涛,韩海晶,孙荣胜,陈海江,申初.校园二手交易系统设计[J].电子世界,2020(05):134-136.

[8] 范开勇,陈宇收.MySQL数据库性能优化研究[J].中国新通信,2019,21(01):57.

[9]方生.基于“Vue.js”前端框架技术的研究[J].电脑知识与技术,2023,17(19):59-60+64.

[10]胡思思,马诗豪,姜美.绿色校园背景下的校园二手交易平台[J].现代商业,2023(23):33-35.

[11]张子欣,高敏,王斯宇,丁雨辰,吴逸帆.校园内部二手交易平台研究[J].合作经济与科技,2020(09):84-87.

[12]于峰,姚敦红.基于UML的二手物品交易系统设计[J].办公自动化,2020,25(15):61-62+23.

[13].马艳夕.基于SpringBoot与Vue技术的企业电商平台的设计与实现[J].信息与电脑(理论版),2023,33(03):99-100.

[14]张永奎. 数据库原理与设计[M].人民邮电出版社:, 201909.260

[15]陈陆扬. Vue.js前端开发快速入门与专业应用[M].人民邮电出版社:, 201702.207.

　　致 谢

岁月如歌，光阴似箭，求学多年，正所谓活到老，学到老，相信我的学习生涯并不会止于此。师者所以传道授业解惑也。老师就像蜡烛，燃烧自己，照亮别人。首先我要感谢我的老师，在这次的论文中，不论是选题还是理论内容，都少不了老师的悉心指导。每次遇到问题，老师总能及时给我帮助，论文中遇到困难的时候，老师也总是给我指引，使我能积极主动、满怀活力地投入到论文中去。感谢全体领导和老师，由于他们的悉心教导，我学到了许多专业知识，掌握了扎实的专业技能。 他们认真负责的教学态度，也将给我日后的工作生活带来许多力量。

同时，我也要感谢我的同学，我们一起发现问题、研究问题，通过大家的不同的观点，为本次的论文编撰提供灵感，感谢大家为我带来的帮助，使得这次论文能如期完成。

最后，衷心感谢默默无闻在背后支持我、激励我的父母，皆因父母的支持， 相信我，给足我追求梦想的动力，是我能量的源泉。我不如诗人，因此不会用满腹经纶的语言来赞美父母，也不如真正的歌唱家，因此不会用动听迷人的音乐来歌赞父母，我唯有通过自己力所能及的行动来报答、感谢父母，在此，借此机会郑重的感谢他们。 无愧于心，不畏于行。纵有千古，横有八荒。前途似海，来日方长！