基于Vue+Node的校内闲置物品回收管理系统
随着循环经济的发展，国家对绿色环保进一步推动环保政策，一批批绿色回收项目将进入校园，探索“互联网+回收”的回收模式与路径，从而推动再生资源回收体系向校园延伸。高校人口密集，作为一个特殊且庞大的大学生群体，经济能力逐渐独立，消费能力强，并且追求新颖多样的物品，因而每天产生闲置物品的数量是十分庞大的。其中有一部分是可回收再利用的，这些闲置资源如果不及时处理，既浪费了资源又占用了我们的生活空间。尤其是在校园，一个有限的集体生活空间，如果不及时处理，肯定对大学生生活造成很大的影响，所以对于一个新生的及时性的闲置物品回收渠道是一个难得的机遇。
校内闲置物品回收管理系统的主要使用者分为管理员、和用户，实现功能包括：首页、用户管理（管理员、用户）、更多管理（废品回收管理、分类管理、积分记录、排行榜以及订单表管理）由于本系统的功能模块设计比较全面，所以使得整个校内闲置物品回收管理系统的过程得以完善。本系统的使用可以实现垃圾回收的信息化，可以方便管理员进行更加方便快捷的管理，可以提高垃圾回收的管理效率。
关键词：Node；闲置物品回收；Vue
Vue + node based management system for school idle goods recycling
With the development of circular economy, the state further promotes environmental protection policy for green environment. A batch of green recycling projects will enter the campus, explore the "Internet plus recovery" recycling mode and path, thereby promoting the recycling system of renewable resources to the campus. Colleges and universities are densely populated. As a special and huge group of college students, their economic ability is gradually independent, their consumption ability is strong, and they pursue novel and diverse goods. Therefore, the number of idle goods produced every day is very large. Some of them can be recycled. If these idle resources are not handled in time, they will not only waste resources but also occupy our living space. Especially on campus, if a limited collective living space is not handled in time, it will certainly have a great impact on the life of college students. Therefore, it is a rare opportunity for a freshman's timely recycling channel of idle goods.
The main users of the school idle goods recycling management system are divided into administrators, and users. The functions include: home page, user management (administrators, users), more management (waste recycling management, classification management, score record, ranking list and order form management). The functional module design of the system is relatively comprehensive, so the process of the whole school idle goods recycling management system can be improved. The use of this system can realize the informatization of waste recycling, facilitate the administrator to manage more conveniently and quickly, and improve the management efficiency of waste recycling.
Key words ：Node； Recovery of idle goods; Vue
目 录
1 绪论
1.1研究背景与意义
对闲置物品的循环利用是搞好校园闲置物品管理工作的必由之路,是实现闲置物品资源化的最有效途径。物品按照其组分的不同性质和特点,分别采取相应的处置措施,就是一种取之不尽、用之不竭的再生资源。对闲置物品实行资源化、减量化和无害化的管理原则，既有利于提高闲置物品回收率,又有利于降低其处理成本,减少浪费与环境污染。校园闲置物品回收利用是一个学校文明程度的重要体现。伴随经济一体化的发展互联网时代为社会的发展变革产生巨大的影响,特别是信息领域更是面临挑战,随着互联网的普及校园信息发布也不断发展与完善，大学校园更加需要建立一个能为校内闲置物品回收以及管理的系统,本文的主要目的是通过实践研究设计一个校内闲置物品管理平台,实现校园范围内大学生的闲置物品、教材、图书等资源的共享与再利用，用户可通过平台上发布自己闲置的物品的信息，包括物品描述与实物照等用户还可以在留言板上进行交流等。
1.2国内外研究现状
美国将每年的11月15日定为“回收利用日”， 目前虽然还没有一部全国性的循环经济法律, 但美国各大州高校对闲置、废弃物的循环处理率超过了30%。循环经济起到推动作用的其中一部法律是美国在1976年的《资源保护和回收法》，在美国,各州，高校也成立了各式各样的再生物质利用协会和非政府组织,开设网站等,列出使用再生物质进行生产的厂商,并举办各种活动,鼓励人们购买使用再生物质产品，以达到闲置物品回收利用，节约资源。
随着我国经济的持续发展，人们的生活水平不断提高，当代大学生的消费能力也日渐增强，在校生有些不用的东西丢在寝室里成了鸡肋。据有关资料显示全.国每年约有3亿元毕业生闲置物资，因找不到再利用渠道而被浪费,其中有相当一部分资源对低年级的同学有着特殊的价值，与此同时，低年级的同学，又得花更高的价钱购置同类的物品，资源浪费严重。学生们(尤其是毕业生)高声呼吁，“节约型社会”建设应从学生抓起,学校及社会应建立学生物资、闲置物品等回收、交易机制，最大化利用资源。因此，创建校园内闲置物品回收管理系统，是建设节约型校园的重要手段。本系统采用Vue+Node.技术进行开发，通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。此系统的开发可更有助于校园闲置物品的回收利用，以达到资源的充分节约利用。
1.3研究内容
该校内闲置物品回收管理系统的开发和设计根据用户的实际情况出发，对系统的需求进行了详细的分析，然后进行系统的整体设计，最后通过测试使得系统设计的更加完整，可以实现系统中所有的功能，在开始编写论文之前亲自到图书馆借阅Vue框架书籍，MYSQL数据库书籍等编程书籍，然后针对开发的校内闲置物品回收管理系统，去网上查找了很多别人做好的系统，参照他们的设计结果，来对自己的系统进行更加详细的系统的设计，将系统中所有的功能结果一一列举出来，然后进行需求分析，最后对所有的功能模块进行编码，最后完成系统的整体测试，实现系统的正常运行。
这次编写的论文包含了6个部分的内容，具体内容如下：
第一部分绪论：文章主要从课题背景以及研究现状综合阐述了开发此系统的必要性。
第二部分相关技术：系统开发用到的各种技术都大致做出了简介。
第三部分系统分析：对系统的可行性分析以及对所有功能需求进行详细的分析，来查看该系统是否具有开发的可能。
第四部分系统设计：功能模块设计和数据库设计这两部分内容都有专门的表格和图片表示。
第五部分系统实现：进行系统主要功能模块的界面展示。
2 相关技术介绍
2.1 koa框架
Node.js是一个异步的世界，官方API支持的都是callback形式的异步编程模型，这会带来许多问题，例如:1、callback嵌套问题；2、异步函数中可能同步调用callback返回数据，带来不一致性。为了解决以上问题Koa出现了。
koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写Web应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。
阿里内部就在使用Koa框架，并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。
2.3 MVVM模式介绍：
MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。
2.4 B/S体系工作原理：
B/S架构采取浏览器请求，服务器响应的工作模式。
用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；
而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；
从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。
在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。
2.5 MySQL数据库
Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。
Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。
数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。
2.6 koa框架优点
首先，借助promise和generator的能力，丢掉了callback，完美解决异步组合问题和异步异常捕获问题。
其次，koa 把express中内置的router、view 等功能都移除了，使得框架本身更轻量化。该设计有如下好处：1、把express各种中间件移植到koa是很简单的一件事；2、express 中内置的功能件未必好，比如view，想添加自己的view engine进入得做较深层次的hack，又比如router，它的效率不是最好的。koa没有内置这些，给了开发者很大的自由度，开发者都能自由发挥制作出更精细更专业的中间件。
2.7 JavaScript 运行模式
JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
1.1是一种解释性脚本语言（代码不进行预编译）。
1.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
1.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
1.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
1.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
3 系统分析
3.1 可行性分析
在系统开发之初要进行系统可行分析，这样做的目的就是使用最小成本解决最大问题，一旦程序开发满足用户需要，带来的好处也是很多的。下面我们将从技术上、操作上、经济上等方面来考虑这个系统到底值不值得开发。
3.1.1 技术可行性
本校内闲置物品回收管理系统采用Vue框架技术、java语言和MYSQL数据库进行开发设计，作为计算机专业学生，在学校期间就接触到许多关于编程方面的知识，当然也包括各种编程软件，对他们的了解度也比较系统，所以技术开发上面还是有一定把握。
3.1.2经济可行性
我在设计该系统的时候主要是从节约成本出发，然后进行具体的系统的设计，在系统的设计过程中由于采用的所有工具以及技术支持全部都是免费的，因此不需要有任何的成本就可以进行该系统的设计。所用到的所有资源都是免费的，只要有网络就可以进行下载使用，不需要支付相应的费用，因此该项目在经济方面是完全可以实行的。
3.1.3操作可行性
本人自己就是学生，程序开发经验不足，在界面设计上面不会设计太复杂，要讲究简单好看，操作上要方便，不能让用户觉得不流畅。用户一旦进入操作界面，界面上就会有相应提示，跟着操作提示就可以找到对应的功能操作模块，对于用户来说免培训就能使用。
从上面几个部分的可行性分析得出，这次开发的校内闲置物品回收管理系统在开发上面没有什么大问题，值得开发。
3.2 系统性能分析
（1）系统响应效率：页面响应时问应该在3秒以内，最长不能超过4秒，并支持至少10000人同时在线所有系统。
（2）界面简洁清晰：系统界面要求简单明了，容易操作，符合用户操作习惯。
（3）储存性高：因为校内闲置物品回收管理系统中有很多的信息需要存储，因此对于系统的存储量有很大的要求，需要有一个强大的数据库的支持才能确保所有的信息都能安全稳定的进行存储。
（4）易学性：该系统在操作上必须简单好上手，没有很多复杂的操作，只需要简单的进行学习就能操作该系统。
（5）稳定性需求：开发的校内闲置物品回收管理系统要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。
（6）稳定性：开发的校内闲置物品回收管理系统要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。
3.3 系统功能分析
本校内闲置物品回收管理系统主要包括两大功能模块，即管理员功能模块和用户模块。
（1）管理员模块：系统中的核心用户是系统管理员，管理员登录后，通过管理员菜单来管理后台系统。主要功能有：首页、用户管理（管理员、用户）、更多管理（新闻列表管理、分类管理、废品回收管理、订单表管理、排行榜管理、积分记录管理）等功能。管理员用例图如图3-1所示。
图3-1管理员用例图
（2）用户：首页、新闻、公告栏、废品回收、排行榜等功能。用户用例图如图3-2所示。
图3-2 用户用例图
3.4系统流程分析
3.4.1登录流程
登录模块主要满足管理员、用户的权限登录，登录流程图如图3-3所示。
图3-3 登录流程图
3.4.2注册流程
未有账号的用户可进入注册界面进行注册操作，用户注册流程图如图3-4所示。
图3-4 注册流程图
3.4.3添加信息流程
用户在添加信息时，信息编号自动生成，系统会对添加的信息进行验证，验证通过则添加至数据库，添加信息成功，反之添加失败。添加信息流程如图3-5所示。
图3-5 添加信息流程图
3.4.4删除信息流程
用户可选择要删除的信息进行信息删除操作，在删除信息时系统提示是否确定删除信息，是则删除信息成功，系统数据库将信息进行删除。删除信息流程图如图3-6所示。
4系统设计
4.1系统概要设计
本校内闲置物品回收管理系统选择B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式。适合在互联网上进行操作，只要用户能连网，任何时间、任何地点都可以进行系统的操作使用。系统工作原理图如图4-1所示：
图4-1 系统工作原理图
4.2系统结构设计
整个系统是由多个功能模块组合而成的，要将所有的功能模块都一一列举出来，然后进行逐个的功能设计，使得每一个模块都有相对应的功能设计，然后进行系统整体的设计。
本校内闲置物品回收管理系统结构图如图4-2所示。
图4-2 系统功能结构图
4.3系统顺序图设计
4.3.1登录模块顺序图
登录模块主要满足了管理员、用户的权限登录，登录模块顺序图如图4-3所示。
图4-3 登录顺序图
4.3.2添加信息模块顺序图
管理员、用户登录后均可进行添加信息操作，添加信息模块顺序图如图4-4所示。
图4-4 添加信息顺序图
4.4数据库设计
一个好的数据库可以关系到程序开发的优劣，数据库设计离不开表结构的设计，还有表与表之间的联系，以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间，要结合实际情况来对数据库进行针对性的开发设计。
4.4.1数据库E-R图设计
本校内闲置物品回收管理系统采用的是MYSQL数据库，数据存储快，因为校内闲置物品回收管理系统，主要的就是对信息的管理，信息内容比较多，这就需要好好的设计一个好的数据库，分类要清楚，不能添加信息的时候，造成信息太过混乱，设计好的数据库首先就需要先把各个实体之间的关系表达明确。
系统的E-R图如下图所示：
图4-5 系统E-R图
4.4.2数据库表设计
将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。
| 类型 | 长度 | 不是null | 主键 | 注释 | |
| ordinary_users_id | int | 11 | 是 | 是 | 普通用户ID |
| gender | varchar | 64 | 否 | 否 | 性别 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| user_id | int | 11 | 是 | 否 | 用户ID |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| waste_recovery_id | int | 11 | 是 | 是 | 废品回收ID |
| number | varchar | 64 | 是 | 否 | 编号 |
| scrap_type | varchar | 64 | 否 | 否 | 废品类型 |
| quantity_collected | int | 11 | 否 | 否 | 已收集数量 |
| cover_picture | varchar | 255 | 否 | 否 | 封面图 |
| integral | int | 11 | 否 | 否 | 积分 |
| hits | int | 11 | 是 | 否 | 点击数 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| recycler_id | int | 11 | 是 | 是 | 回收员ID |
| gender | varchar | 64 | 否 | 否 | 性别 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| user_id | int | 11 | 是 | 否 | 用户ID |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| ranking_list_id | int | 11 | 是 | 是 | 排行榜ID |
| user_number | varchar | 64 | 是 | 否 | 用户编号 |
| user | int | 11 | 否 | 否 | 用户 |
| head_portrait | varchar | 255 | 否 | 否 | 头像 |
| total_integral | int | 11 | 否 | 否 | 总积分 |
| points_used | int | 11 | 否 | 否 | 已用积分 |
| residual_integral | varchar | 64 | 否 | 否 | 剩余积分 |
| hits | int | 11 | 是 | 否 | 点击数 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| order_form_id | int | 11 | 是 | 是 | 订单表ID |
| number | varchar | 64 | 否 | 否 | 编号 |
| scrap_type | varchar | 64 | 否 | 否 | 废品类型 |
| integral | varchar | 64 | 否 | 否 | 积分 |
| user | int | 11 | 否 | 否 | 用户 |
| recovery_quantity | varchar | 64 | 否 | 否 | 回收数量 |
| total_integral | varchar | 64 | 否 | 否 | 总积分 |
| recycler | int | 11 | 否 | 否 | 回收员 |
| order_status | varchar | 64 | 否 | 否 | 订单状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| classification_management_id | int | 11 | 是 | 是 | 分类管理ID |
| scrap_type | varchar | 64 | 否 | 否 | 废品类型 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
5 系统详细设计
校内闲置物品回收管理系统，在系统登录页面管理员填写账号、密码等信息进行登录，如图5-1所示。
图5-1管理员登录界面图
回收员管理页面，管理员可对回收员信息进行添加、修改或删除，添加回收员输入姓名、性别、入职时间等信息，如图5-2所示。
图5-2 回收员管理界面图
废品回收管理页面，在此页面，可对废品类型、编号、已手机数量、积分、图片等信息进行维护管理，如图5-3所示。
图5-3 废品回收管理界面图
订单表管理页面，在订单表信息添加页面先填写订单编号、积分、废品类型、总积分、回收员、订单状态等信息进行维护管理，如图5-4所示
图5-4订单表管理界面图
排行榜管理页面，管理员登录系统，在排行榜页面对用户、总积分、用户编号等信息的维护管理如图5-5所示。
图5-5排行榜管理界面图
管理员登录系统，对新闻列表进行维护管理如图5-6所示
图5-6新闻列表管理界面图
6 系统测试
一个系统设计好后，就会进入测试阶段，测试的目标是检验设计好的网站是否可以正常无误的运行，尽可能的发现网站的问题，已使后期网站投入使用后网站尽少出错[12]。
6.1 测试定义
系统测试主要是判断系统是否可以正常运行，功能模块是否可以实现操作。程序代码中是否有错误出现。测试程序是开发过程中的一个主要问题。就算系统完成的再好，再进行程序测试时也会也会发现一个重来没有被发现的错误信息。
测试不仅是系统开发的开始，而且应该贯穿整个系统的整个生命周期。评估系统质量的方法不局限于系统编码和过程，应该与软件设计工作和历史需求分析密切相关。系统错误，不一定是代码错误，可能是阶段的设计摘要和设计细节存在问题，问题也可能出现在需求分析阶段。从实际情况来看，最初的问题很可能是一个小错误，根据按钮的原理，按钮后的按钮位错将是所有位错。该系统的原因也同样适用，随着后续的开发工作，误差将越来越严重。因此就应该对系统进行测试，在一开始就发现系统中存在的问题，就能保证以后系统能够正常稳定的运行。在测试系统中，开发人员应该站在客户的角度来处理测试工作，而现在主要的测试方法是黑盒测试。测试的目的可以概括为以下几点:首先，用户界面和客户需求是一致的，设置界面和设计风格统一;第二，创新设计接口规范设计标准，具有独特的审美特征;最后，人类传统的接口以满足审美需求，不能盲目地追求一种独特的，合理的规划布局，符合审美标准。
6.2 测试目的
测试的目的在于要对系统的稳定和可操作性能进行对照检查。对于软件的开发利用最终的目的在最后的测试和试用，这是一个不可缺少的重要环节。对于软件开发者而言，在对每一个单独的功能进行编排时候，都要有单独的测试，并通过测试阶段才可以研发多个功能性软件，这样既缩短了研发时间，也可以在的单个的早期测试中发现问题，以免融合后的软件，在查找问题时就很难快速解决或者急速定位问题。
校内闲置物品回收管理系统开发设计完成后，需要对其进行系统测试，测试的主要目的就是发现并找出系统中存在的问题，并及时的进行解决，确保系统可以正常稳定的运行下去，在进行系统测试的时候，在一定要非常的认真、仔细，切记不能粗心，不能放过一个漏洞，测试时候一定不要着急，要按照之前指定好的测试步骤一步一步进行，并且将测试的结果进行详细的记录，我们在进行测试的时候做好选择自动化的测试，这样既可以节省时间而且也能确保测试的准确性，如果采用人工测试的方法就不会这么的方便，由于人工测试有很多不确定的因素，在测试过程中很可能会出现一些问题，用机器测试就不会出现任何的问题，而且机器不会疲惫会一直二等工作下去。在测试的时候一定要非常专注，时刻关注着测试的结果，一但发现异常及时进行修改，最后，测试完之后的文档应该保存下来，方便以后测试时用到。系统测试的方法有很多，对于本智能垃圾回收平台系统的测试，我们使用了测试用得最多的黑盒测试方法来对该系统进行测试。
6.3测试方案
对测试计划的把握是测试方案的重中之重。所有的技术难点应该都被包含在这个测试计划之中。而且我们要保证能与目标形成一致性，以至于能够测试出一些主要存在的错误和一些错误的漏洞。可以完美解决这些问题就只有白盒测试或者黑盒测试。
构造测试是白盒测试的另一个名字，了解与分析程序的结构以及性能功用的，从而我们可以得到最终想要的结果并且观察出是不是每一条程序都能得到。
性能测试是黑盒测试别称，程序本身的运作通过程序的进程来观察，主要是看一下程序是不是能够像我们预期的目标那样发展，看一看我们的程序最终能不能完整的得到我们最后想要的功能和储存想得到的数据，到最后看一下我们的这个程序完整性能不能达到要求。
（1）模块测试
单元测试就是模块测试，顾名思义就是测试每个模块所承担的功能是否能够实现，这个测试就是为了找出代码在实际的设计运转中某一些小的程序所出现的偏差，很好地改正这些错误，就说明我们模块测试进行很成功过。
（2）集成测试：
集成测试就是对系统的测试以及对他子系统的一些性能测试，他检查的事系统的包装程序信息。找出其中的问题。他的优势主要有以下这几点：
软件耗费较少。
可以提前发现端口的错误。
更好的地位系统中错误的位置。
从底部往上面进行的方案针对于偏下层的结构，而中间的结构就采用折中的方法。
（3）验收测试：
终于到了结尾性的工作了。就是为了给用户看一下我们的系统功能是否达到了预期的效果。我采用了性能测试也就是黑盒测试对系统进行测试。
其结果是分别是：
有一定的差异在用户的需求。
再者就是结果与之差不了多少。
到了最后了，我们发现的问题都是与用户的需求存在一定的关联。
测试点：登录
测试的目标：输入账号密码以及验证码后系统会自动进行验证是否正确。
所用的环境：Windows10和IE浏览器。
输入信息：用户名、密码。
步骤：
（1）首先我们打来浏览器，进入该系统的登录界面。
（2）在进入页面登录部分以后可以进行对用户名、密码进行测试，具体测试输入情况如下表6.1所示。
表6.1 登录测试
| 情况 | 用户名输入 | 密码输入 | 期望结果 |
| (1) | 15546219225 | 1244566 | 提示“用户名或者密码错误，或账号未经审核” |
| (2) | aaaaa | 123456 | 提示“用户名或密码错误，或者账号未经审核” |
| (3) | 15546219225 | hangguowei | 登陆成功 |
6.4系统分析
本校内闲置物品回收管理系统设计要求基本都可以达到，此系统具有完整的软件功能，良好的用户界面，能够正确的处理错误信息，而且能够准确的提出错误的种类。但是系统测试时也出现了一些系统的不足和缺陷，所以在今后的日子里我会对其视觉上的不足作出修改，其次系统的代码和数据库出现了非常多的冗余现象，都是因为对编程技术的应用不够熟练，在日后我会加强自己的自身学习和能力，减少这样的冗余现象。
经过对上述的测试结果分析，本校内闲置物品回收管理系统无论是在技术方面，还是操作方面，还是经济方面都是完全可以实行的，并且经过测试，该系统操作简单，所有的功能都可以实现，因此该系统可以满足人们的使用需求，值得被推广。
7 结论
本文研究了校内闲置物品回收管理系统的设计与实现，在文章开端首先对个研究背景、研究现状和研究内容作了简单的介绍，然后通过系统分析，引申出本系统研究的主要内容。
通过对Vue+Node.js的简介，从硬件和软件两反面说明了智能垃圾回收平台系统的设计与实现的可行性，本文结论及研究成果如下：实现了Vue框架与Node.js相结合构建的校内闲置物品回收管理系统，通过本次校内闲置物品回收管理系统的设计与实现的研究与实现，我感触到学习一门新技术，最重要的是实践，只有多动手才能尽快掌握它，一个系统的开发，经验是最重要的，经验不足，就难免会有许多考虑不周之处。要想吸引更多的用户，系统的界面必须要美观、有特色、友好，功能要健全。
由于在此之前对于Vue知识并不了解，所以从一开始就碰到许多困难，例如一开始的页面显示不规范、数据库连接有问题已经无法实现参数的传递等等，不过通过我不断的查阅相关的资料，以及向老师同学请教，最后出现的所有的问题都得到了解决，通过这次的系统开发，我学到了很多的知识，也明白了自己在哪些方面有不足的地方，尤其是学会如何从大量的信息中筛选出所需有用的信息，同时我更加深刻的体会到了，虽然书本上的大部分知识都是有价值，正确的，但实际上每个人编程的思路和对数据处理的方法、思想都是不同的，这就要求我们一定要通过实践才能找到解决问题的方案。在此次毕业设计活动中，我不断的提高了自己，也得到了宝贵的经验，我相信这些对我以后的发展都会有很大帮助。
通过这次校内闲置物品回收管理系统的开发，让我学到了更多的知识，同时通过这次系统的设计也让我明白了自己在哪方面有不足，以后加以学习争取可以开发住更多有用的适用的系统软件，本次系统的设计提高了我的编程水平，为了我今后系统的开发打下了结实的基础。
参考文献
[1]苑伟伟,黄鑫,苏杭,祝保明,葛西茂.构建闲置交易平台可行性分析[J].中国集体经济,2021(34):71-72.
[2]李美云.大学生闲置物品再循环的可持续研究[J].中国市场,2021(32):70-71.
[3]齐志明.闲置物品循环再利用利国利民[J].资源再生,2021(10):68-71.
[4]方生.基于“Vue.js”前端框架技术的研究[J].电脑知识与技术,2021,17(19):59-60+64.
[5]陈冬君. 基于物联网的城市生活垃圾分类回收系统设计研究[D].青岛大学,2021.
[6]周芳静,陈杰,胡兆鹏,陈虹云.“资‘园’-爱传递”大学生闲置物品交易平台的研究与设计[J].无线互联科技,2021,18(02):52-53.
[7]徐杨,何斌,张卫,赵李丹,魏琪琪,邓俊峰.“绿宝”校园闲置物品服务平台设计[J].合作经济与科技,2020(18):78-80
[8]董琳.高校大学生闲置物品综合利用的研究与途径分析[J].知识文库,2020(17):143-144.
[9]王静. 基于用户体验的校园闲置物品交易小程序界面设计研究[D].江苏大学,2020.
[10]李宁,吕宛擎,万雅楠,郭清.大学生资源共享实践及现状分析[J].产业与科技论坛,2019,18(23):100-101.
[11]Minghang Li,Jianghai Hu,Xianwu Lin. The Development of Web Application Front-End of Intelligent Clinic Based on Vue.js[C]//2019中国智能自动化大会(CIAC 2019)论文集.,2019:695-702.
[12]杜晓雪,李荣,刘洪利,李婷.提高闲置物品再利用率,建设节约型校园[J].科技视界,2019(20):152-153+191.
[13]Junhui Song,Min Zhang,Hua Xie. Design and Implementation of a Vue.js-Based College Teaching System[J]. International Journal of Emerging Technologies in Learning (iJET),2019,14(13):
[14]陈利军.大学生闲置物品交易调查研究[J].中国市场,2018(06):134-135.
[15]杨小平,周琼,田雅倩,乔隆祥,张学海.基于“互联网+”的高校实体回收联动体系构建[J].市场周刊(理论研究),2018(02):31-33.
[16] Wu Danxin Web rapid development framework based on springboot [J] Computer programming skills and maintenance, 2020 (07): 45-48
[17] he Xueliang, Nie Yongyi, yuan qingruo, Li Ruilin, Yang SA Design and implementation of intelligent garbage classification system based on JavaScript [J] Technology and market, 2020,28 (09): 33-35
致谢
本次毕业设计圆满的结束了，通过这次毕业设计我学到了很多的知识，也提高了我软件开发的能力，在系统开发设计的过程中，出现了很多的问题，但是通过老师和同学们的帮助，最后所有的问题都得到了解决，因此我要感谢在此过程中对我帮助的老师和同学们，感谢指导老师帮助我选课题，给我做详细的讲解，给我提供设计所需要的各种设备，也经常询问我进度与成果，再有难点的时候给我解决思路，帮助我顺利完成。没有他的指导，也不会有我今天所展现出的成果。
首先我要感谢我的指导老师，指导老师在教学任务繁忙的情况下，抽出时间帮助我纠正我在设计当中出现的问题，并耐性地为我的论文作校正，是他的定期检查和指导使得我们的毕业设计高质量完成。他在我整个课题开发和设计的过程中，为程序的设计、框架的设计、代码的撰写方面以及论文框架的设计提供了很多宝贵的意见，并且为我推荐了许多有用的资料和文献，他的指导和建议使我受益匪浅，有了指导老师的辅导和指点，我论文才能够顺利完成。老师的认真负责的工作态度和治学严谨之道使我们这些即将踏入社会的毕业生受益匪浅。
然后要感谢我的同学们，感谢大家对我这次毕业设计的帮助， 也感谢大家在大学生活中对我的陪伴，使得我的大学生活过的很快乐。
另外，我还要感谢父母，感谢一直以来对我的支持，让我能够顺利的完成我的学业，没有你们也就没有我的今天，感谢你们无私的付出，未来我一定会报答你们的。
最后，感谢在座的所有参加我论文答辩的老师们，感谢大家的聆听，你们辛苦了。
点赞+收藏+关注 → 私信领取本源代码、数据库
2794
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
