【计算机毕设文章】垃圾分类小程序系统

摘 要
现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本垃圾分类小程序就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此垃圾分类小程序使用跨平台的可开发大型商业网站的HTML技术，以及最受欢迎的RDBMS应用软件之一的MySQL数据库进行程序开发，后台采用Java语言的SSM框架，前台采用VUE框架和layui样式，垃圾分类小程序端实现页面基本用uni app框架写作。垃圾分类小程序管理员功能有个人中心，管理员管理，意见反馈管理，视频类型管理，垃圾类型管理，新闻类型管理，论坛信息管理，环保视频管理，环保知识管理，垃圾信息管理，环保新闻管理，用户管理，知识问答试卷管理，试题管理，测试管理，轮播图管理。用户可以在微信小程序上面注册登录，查看各种环保信息和垃圾信息，还可以参加知识问答等操作。垃圾分类小程序的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息的整体化，规范化与自动化。
关键词：垃圾分类小程序；uni app框架；MySQL；VUE；SSM

Abstract
With the rapid development of modern economy and the continuous improvement of the upgraded information technology, the management of traditional data information can be upgraded to software storage, induction and centralized management of data information. This garbage sorting applet was born in such a large environment, it can help managers to complete a huge amount of data information in a short time, using this software tool can help managers improve transaction efficiency, achieve twice the result with half the effort. This garbage sorting applet uses cross-platform HTML technology that can be used to develop large commercial websites, as well as MySQL database, one of the most popular RDBMS application software, to program. It uses Java SSM framework in the background, VUE framework and layui style in the foreground, and uni app framework in the garbage sorting applet. The Garbage Classification Applet Administrator functions include Personal Center, Administrator Management, Feedback Management, Video Type Management, Garbage Type Management, News Type Management, Forum Information Management, Environmental Video Management, Environmental Knowledge Management, Garbage Information Management, Environmental News Management, User Management, Knowledge Question and Answer Test Paper Management, Test Management, Rotation Map Management. Users can sign up on the WeChat applet to view all kinds of environmental and spam information, and participate in operations such as knowledge questions and answers. The development of the garbage sorting applet is simple and beautiful according to the needs of operators. It is consistent with the same type of websites in the layout of function modules. When the program achieves the basic requirements, it also provides some practical solutions to the security problems faced by data information. It can be said that the program helps managers to handle work transactions efficiently, but also achieves the integrity, standardization and automation of data information.
Key Words：Garbage sorting applet; Uni app framework; MySQL; VUE; SSM

目 录
目 录 III
1 绪论 1
1.1 研究背景 1
1.2 目的和意义 1
1.3 论文结构安排 2
2 相关技术 3
2.1 uni app技术介绍 3
2.2 B/S结构介绍 3
2.3 MySQL数据库介绍 4
2.4 Java语言介绍 5
2.5 VUE框架介绍 5
2.6 Tomcat 服务器介绍 6
2.7 layui介绍 7
2.8 SSM框架介绍 7
3 系统分析 9
3.1 系统可行性分析 9
3.1.1 技术可行性分析 9
3.1.2 经济可行性分析 9
3.1.3 运行可行性分析 9
3.2 系统性能分析 10
3.2.1 易用性指标 10
3.2.2 可扩展性指标 10
3.2.3 健壮性指标 10
3.2.4 安全性指标 11
3.3 系统流程分析 11
3.3.1 操作流程分析 11
3.3.2 登录流程分析 12
3.3.3 信息添加流程分析 13
3.3.4 信息删除流程分析 14
4 系统设计 15
4.1 系统设计的原则 15
4.2 系统概要设计 16
4.3 系统功能结构设计 16
4.4 数据库设计 17
4.4.1 数据库E-R图设计 17
4.4.2 数据库表结构设计 19
5 系统实现 24
5.1 管理员功能介绍 24
5.1.1 管理员管理 24
5.1.2 视频类型管理 24
5.1.3 论坛管理 25
5.1.4 新闻类型管理 25
5.1.5 环保视频管理 26
5.1.6 环保知识管理 26
5.1.7 环保新闻管理 27
5.1.8 用户信息管理 27
5.2 用户功能介绍 28
5.2.1 首页 28
5.2.2 环保视频 29
5.2.3 垃圾信息 30
5.2.4 我的 31
6 系统测试 33
6.1 系统测试的特点  33
6.2 系统测试方法 33
6.3 系统功能测试 34
6.3.1 登录功能测试 34
6.3.2 修改密码功能测试 35
6.4 测试结果分析 36
结 论 37
致 谢 38
参考文献 39

1 绪论
1.1 研究背景
当前社会各行业领域竞争压力非常大，随着当前时代的信息化，科学化发展，让社会各行业领域都争相使用新的信息技术，对行业内的各种相关数据进行科学化，规范化管理。这样的大环境让那些止步不前，不接受信息改革带来的信息技术的企业随时面临被淘汰，被取代的风险。所以当今，各个行业领域，不管是传统的教育行业，餐饮行业，还是旅游行业，医疗行业等领域都将使用新的信息技术进行信息革命，改变传统的纸质化，需要人手工处理工作事务的办公环境。软件信息技术能够覆盖社会各行业领域是时代的发展要求，各种数据以及文件真正实现电子化是信息社会发展的不可逆转的必然趋势。本垃圾分类小程序也是紧跟科学技术的发展，运用当今一流的软件技术实现软件系统的开发，让环保方面的信息完全通过管理系统实现科学化，规范化，程序化管理。从而帮助信息管理者节省事务处理的时间，降低数据处理的错误率，对于基础数据的管理水平可以起到促进作用，也从一定程度上对随意的业务管理工作进行了避免，同时，垃圾分类小程序的数据库里面存储的各种动态信息，也为上层管理人员作出重大决策提供了大量的事实依据。总之，垃圾分类小程序是一款可以真正提升管理者的办公效率的软件系统。
1.2 目的和意义
信息数据的处理完全依赖人工进行操作，会耗费大量的人工成本，特别是面对大量的数据信息时，传统人工操作不仅不能对数据的出错率进行保证，还容易出现各种信息资源的低利用率与低安全性问题。更有甚者，耽误大量的宝贵时间，尤其是对信息的更新，归纳与统计更是耗财耗力的过程。所以电子化信息管理的出现就能缓解以及改变传统人工方式面临的处境，一方面可以确保信息数据在短时间被高效处理，还能节省人力成本，另一方面可以确保信息数据的安全性，可靠性，并可以实现信息数据的快速检索与修改操作，这些优点是之前的旧操作模式无法比拟的。因此垃圾分类小程序为数据信息的管理模式的升级与改革提供了重要的窗口。
此次垃圾分类小程序的开发，需要用到的知识不仅涉及到界面设计与功能设计方面的知识，还需要涉及到数据库与编程语言上面的知识，这些知识点对于一个即将毕业的学生来说，一是为了巩固在校所学相关专业知识；二是为了让学生学会如何将专业理论知识运用于现实软件的开发过程；三是让学生明白知识是无穷无尽的，要时刻明白活到老学到老的真正含义，让学生要养成时刻学习的习惯，同时也要相信通过此次程序的开发，会让学生对于专业知识的理解与软件开发水平的提高有着极大的帮助。
1.3 论文结构安排
为了帮助用户更好的了解和理解程序的开发流程与相关内容，本文将通过六个章节进行内容阐述。
第一章：描述了程序的开发背景，程序运用于现实生活的目的与意义，以及程序文档的结构安排信息；
第二章：描述了程序的开发环境，包括程序开发涉及到的技术，程序开发使用的数据存储工具等信息；
第三章：描述了程序着手进行开发时，会面临的可行性问题，并对程序功能以及性能要求进行描述；
第四章：描述了程序大功能模块下的功能细分信息，以及存储程序数据的数据库表文件结构的设计信息等；
第五章：描述了程序的功能实现界面的内容，也对程序操作人员操作的部分功能进行了描述；
第六章：描述了程序功能的测试内容，并介绍了系统测试的概念与方法。

2 相关技术
2.1 uni app技术介绍
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app，腾讯课堂官方为uni-app录制培训课程，开发者可以放心选择。
uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。
2.2 B/S结构介绍
在早期，一些使用HTML语言编写的文件，再集合一些其它资源文件就可以组成一个最简单的Web程序，了解了Web程序也需要了解Web站点，它们之间的关系就是一个或者多个Web程序可以放在Internet上的一个Web站点（Web服务器）中进行使用。可以说Web应用程序的开发也带动了B/S这种网络结构模式的兴起。B是Brower（浏览器）的首字母，S是Server（服务器）的首字母，两个首字母进行组合就成了网络结构模式的简称B/S。由于这种结构模式通过安装在客户端的浏览器进行服务器的访问，可以把程序的核心功能安排在服务器中进行处理，给程序的开发，后期使用和维护省去了许多工作。
（1）浏览器
它主要安装于用户客户端，可以把操作指令传达给服务器，也可以接收服务器返回的操作指令的操作结果，并把Web信息显示于浏览器的界面让用户阅读和浏览，前提是程序是用B/S方式进行开发的。
（2）服务器
服务器这个名称有时也运用于对计算机硬件设备进行称呼，有时也运用于计算机服务端的软件进行称呼，这二者的区别还需要从语境的方式进行区分。硬件意义的服务器是一个性能突出的计算机，是网络的灵魂，作为网络节点对于网络上的数据信息进行存储并处理。软件意义的服务器也要区分Web服务器和应用程序服务器，Web服务器常用的软件就有IIS服务器和Apache，通过Internet的连接处理Web浏览器提交的请求。应用程序服务器常见的软件有Java服务器，用于.NET程序开发的.NET服务器以及PHP服务器等。
对浏览器和服务器进行了简要说明，也就明白其工作原理了，用户先要在客户端安装浏览器，服务器上需要安装数据库，比如MySQL或者SQL Server等数据库都可以，浏览器与数据库的交互主要就是通过Web Server进行实现。
2.3 MySQL数据库介绍
开发的程序面向用户的只是程序的功能界面，让用户操作程序界面的各个功能，那么很多人就会问，用户使用程序功能生成的数据信息放在哪里的？这个就需要涉及到数据库的知识了，一般来说，程序开发通常就会对常用数据存储工具的特点进行分析比对，比如MySQL数据库的特点与优势，Access数据库的特点与优势，Sqlserver数据库的特点与优势等，最终看哪个数据库与需要开发的程序比较匹配，也符合程序功能运行需要的数据存储要求，比如，需要开发商业级别的程序，存储的数据对数据库要求较高，可以选用Oracle，如果只是比较简单的程序，对数据存储没有过多要求，可以选用微软旗下的Access，当开发程序要求数据库占用空间小，并能满足程序数据存储要求时，就可以考虑Oracle公司从瑞典MySQL AB公司在很早之前就收购过一个关系型数据库，它是现在的MySQL数据库。在数据库工具里面它是最受认可的其中一个应用软件。需要说明的信息就是，本程序的开发就运用到了此数据库。它将程序数据通过使用不同的数据表格进行保存，在增加了程序数据的存储速度的时候，也提高了数据库的灵活性。
为了更容易理解MySQL数据库，接下来就对其具备的主要特征进行描述。
（1）首选MySQL数据库也是为了节省开发资金，因为网络上对MySQL的源码都已进行了公开展示，开发者根据程序开发需要可以进行下载，并做一些改动就可以使用在程序中，可以推动开发者开发此程序的开发进度。
（2）SQL数据语言在MySQL里面也同样适用
（3）MySQL不仅可以支持多种编程语言，比如在校期间学到的C语言，Java语言，以及课后接触的PHP语言，C++语言等编程语言，它都能很好的支持，而且MySQL的安装与使用还不挑剔使用平台。
（4）MySQL可以支持具有千万条数据记录的数据库，电脑操作系统在进行首次安装或者是重装时，可以根据需要选择安装32位或64位操作系统，这两种操作系统对表文件的支持力度不一样，32位的操作系统最多可以存放4GB的表文件，64位操作系统最多可以存放8TB的表文件。
（5）MySQL数据库可以通过GPL协议进行个性化定制，需要开发者自己对数据库的源代码进行修改，以此开发出属于自己的MySQL。
2.4 Java语言介绍
程序开发语言有很多，但是截至目前，Java语言在IT领域内，仍然是最被认可，以及被广泛运用的编写语言之一，因此在选择此程序的编写语言上，果断选择这门编程语言进行程序开发。可以说经过了这么多年的发展，Java语言不仅在Web开发领域有了突出性贡献，而且在大数据开发领域以及Android开发领域都得到了广泛运用。由于Java语言拥有较强的扩展性能，并且表现出的稳定性能，让其成为大型后端系统开发语言首选，现如今，Java语言也成为了一种常用的互联网平台的解决方案。
作为一种源码在网络上开源的面向对象的程序开发Java语言，由它开发完成的程序是不可能直接运行在各大平台的，Java程序的运行，需要在操作平台上配置其运行的环境，包括数据库软件与Java程序开发软件等工具的安装与配置。在Win7，Win10或其它操作平台上配置Java程序运行环境，只要环境配置成功，Java程序都可以运行起来。
2.5 VUE框架介绍
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。
学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。
ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。
当创建了ViewModel后，双向绑定是如何达成的呢？
首先，我们将上图中的DOM Listeners和Data Bindings看作两个工具，它们是实现双向绑定的关键。
从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据；
从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DOM元素。

2.6 Tomcat 服务器介绍
对于开发Java程序的人员来讲，Tomcat服务器一般都是第一次接触，之所以不使用其他的诸如IIS服务器或者Apache服务器，是因为IIS对微软的开发语言比较友好，而Apache服务器对静态的HTML有很好的优势，只有Tomcat服务器属于小巧玲珑形，比较适合Java开发时使用。Tomcat对于Java项目用到的Servlet和HTML技术可以很好的匹配。再说，Tomcat是开源的，开源免费就是王道，能够很好的支持Javaweb项目，如果没有太多的要求的话，Tomcat就是首选。Tomcat跟随Java的成长一起发展，目前有很多版本，Tomcat对JRE环境也有对应的版本支持需求。
一般情况下，Tomcat服务器是Javaweb程序开发首选，tomcat服务器是Apache服务器的扩展，myeclise就集成的有Tomcat服务器，如果Tomcat服务器版本无法满足需求，也可以另外配置相应的Tomcat服务器，目前Tomcat版本已经发展到了tomcat9这个版本了。
2.7 layui介绍
layui 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端的各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
layui 定义为「经典模块化」，并非是自吹她自身有多优秀，而是有意避开当下 JS 社区的主流方案，试图以最简单的方式去诠释高效！她的所谓经典，是在于对返璞归真的执念，她以当前浏览器普通认可的方式去组织模块！我们认为，这恰是符合当下国内绝大多数程序员从旧时代过渡到未来新标准的最佳指引。所以 layui 本身也并不是完全遵循于 AMD 时代，准确地说，她试图建立自己的模式。
2.8 SSM框架介绍
Spring是一个开源框架，Spring是于2003 年兴起的一个轻量级的Java 开发框架，由Rod Johnson 在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而，Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。 简单来说，Spring是一个轻量级的控制反转（IoC）和面向切面（AOP）的容器框架。
Spring MVC属于SpringFrameWork的后续产品，已经融合在Spring Web Flow里面。Spring MVC 分离了控制器、模型对象、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。
MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code，并且改名为MyBatis 。MyBatis是一个基于Java的持久层框架。iBATIS提供的持久层框架包括SQL Maps和Data Access Objects（DAO）MyBatis 消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索。MyBatis 使用简单的 XML或注解用于配置和原始映射，将接口和 Java 的POJOs（Plain Old Java Objects，普通的 Java对象）映射成数据库中的记录。

3 系统分析
当用户确定开发一款程序时，是需要遵循下面的顺序进行工作，概括为：系统分析–>系统设计–>系统开发–>系统测试，无论这个过程是否有变更或者迭代，都是按照这样的顺序开展工作的。系统分析就是分析系统需要做什么的问题，主要目的就是确定系统的功能，这也为接下来的工作做了一个好的开端。
3.1 系统可行性分析
开发一款程序软件不仅需要时间，也需要人力，物力资源。而进行可行性分析这个环节就是解决用户这方面的疑问，看看程序在当前的条件下是否可以进行开发。
3.1.1 技术可行性分析
此程序选用的开发语言是Java，这种编程语言有着丰富的数据类型，在指令控制语句上也比较完善，更重要的就是对类与对象的大力支持，这些优点为程序开发者提供了技术保障，尤其是现在代码都逐渐模块化，有关系统功能开发的源码在网络上都公开展示了，所以让具备一定计算机开发基础的开发人员独立开发系统在技术上也逐渐容易。
3.1.2 经济可行性分析
开发此程序最关键的设备就是一台电脑，无论是学校计算机室配备的电脑，还是自己入学以来购置的笔记本，都是可以符合开发要求的设备，另外在网络上，学校本已完全覆盖了校园网，所以在设备以及网络上无须考虑经济问题。
3.1.3 运行可行性分析
随着电脑软件以及配套硬件的完善升级，当下的计算机环境是一片大好，尤其是计算机已经广泛普及到家家户户，所以计算机设备现在是随处可见，由于本次开发的程序占有的资源耗费较小，在一般的电脑或笔记本上都能轻松运转起来。
通过上面的可行性描述，可以从经济，技术，运行方面解决程序开发是否可行的问题。因此可以认为该程序软件是可以进行开发的。
3.2 系统性能分析
系统性能分析也是比较重要的内容，进行系统性能分析就是为了确保系统的功能要能够在生活中运行使用时，达到规定的指标，因此一个完整的系统软件，是需要进行系统的性能分析这个步骤的。本次进行性能分析主要从易用性指标，可扩展性指标，系统健壮性指标，系统安全性指标这几个方面进行分析。
3.2.1 易用性指标
本次程序软件的开发的目的就是让使用者可以通过使用该软件提高信息数据的管理效率，同时该程序软件也需要针对不同的操作用户设置对应的功能，因此，此程序的操作流程应该尽量与用户日常操作软件的行为习惯相贴合，另外，程序软件的设计与开发也应考虑非计算机专业用户的计算机操作水平，要让大部分使用者都可以轻松操作程序提供的各个功能。
3.2.2 可扩展性指标
当前需要开发的程序软件是根据当下的用户需求进行设计开发的，但是随着时间的推移，社会大环境的改变，开发出的程序也是需要与时俱进的，需要根据用户不断变换的需求进行相应的功能内容的扩展，需要注意的就是，当对成型的程序进行功能模块新增时，仍然需要保证程序原有架构以及功能不能受到影响，新增的功能模块在系统中也能够运行正常，该指标达标也就可以保证此程序是可以在满足信息管理要求下，从容应对市场环境的变化。
3.2.3 健壮性指标
程序软件的开发就是为了投入使用时，可以一直稳定的处理各种数据信息，程序软件一旦不稳定，也会给使用者带来干扰。因此从性能分析的角度，就要要求程序软件在应对使用者的误操作，或者是使用者因为各种原因，填写有误的数据等情况时，程序要一直保持稳定，并能够正常让使用者进行使用。当程序的某个功能模块出现异常时，程序的其它功能模块也要能够确保正常使用。程序的健壮性指标达标可以让使用者产生良好的用户体验。
3.2.4 安全性指标
程序软件的安全问题是首要问题，毕竟程序对应数据库里面存放的数据信息是庞大的，里面也包括了许多重要的个人信息，这就对程序要具备一个完善的安全机制提出了要求。因此程序必须要设置登录功能用以进行用户身份的检查，以及身份和权限的匹配，通过对不同用户身份进行功能约束，绝不容忍用户越权操作程序。另外，也需要时刻防范计算机病毒，还有黑客，通过采取针对性的办法进行安全应对，确保程序时刻处于安全的环境，让使用者放心使用。
3.3 系统流程分析
3.3.1 操作流程分析
程序上交给用户进行使用时，需要提供程序的操作流程图（如图3.1所示），这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。

图3.1 程序操作流程图
3.3.2 登录流程分析
在这个部分，需要对程序的登录功能模块的运行流程（如图3.2所示），进行单独说明。程序设置登录模块也是为了安全起见，让用户使用放心，登录模块主要就是让用户提交登录信息，程序进行数据验证，验证通过的用户才能够成功登录程序。

图3.2 程序登录流程图
3.3.3 信息添加流程分析
程序的添加功能就是提供给操作者录入信息的功能，不管是涉及到用户信息添加，还是其它功能模块涉及到的信息添加，程序的信息添加流程（如图3.3所示）都是一致的。程序都是先对操作者录入的数据进行判定，这个判定规则是一段提前编写完成的程序代码，当程序判定数据符合要求时，才会把操作者录入的数据登记在数据表里面，比如添加的用户信息，就会把新添加的用户信息写入用户信息的数据表文件里面。

图3.3 信息添加流程图
3.3.4 信息删除流程分析
当从程序里面删除某种无效数据时，遵循程序的信息删除流程（如图3.4所示），先要选中操作者需要删除的数据，程序为了预防操作者误删信息，也会进行提示，当操作者真正确定要删选中的信息时，该信息就会从数据库中被永久删除。

图3.4 信息删除流程图

4 系统设计
垃圾分类小程序的设计方案比如功能框架的设计，比如数据库的设计的好坏也就决定了该系统在开发层面是否高效，以及在系统维护层面是否容易维护和升级，因为在系统实现阶段是需要考虑用户的所有需求，要是在设计阶段没有经过全方位考虑，那么系统实现的部分也就无从下手，所以系统设计部分也是至关重要的一个环节，只有根据用户需求进行细致全面的考虑，才有希望开发出功能健全稳定的程序软件。
4.1 系统设计的原则
在系统设计过程中，也需要遵循相应的设计原则，这些设计原则可以帮助设计者在短时间内设计出符合设计规范的设计方案。设计原则主要有可靠性，安全性，可定制化，可扩展性，可维护性，可升级性以及客户体验等原则。下面就对这些原则进行简要阐述。
可靠性：一个软件是否可靠决定了其是否被用户使用，设计不可靠的软件，用户很容易就遗弃；
安全性：程序软件承担了信息的保存与管理等事务，安全性不足的软件会导致使用者承担巨大的损失；所以系统安全也是需要考虑进入的；
可定制化：市场环境从来都不是一直固定不变，面对客户群体的改变，以及使用环境的改变，市场需求的改变等因素，程序软件也要易于调整以适应各种变化；
可扩展性：程序软件在运行使用期间，也需要及时引进当下的新技术来进行系统优化，主要就是在系统功能层面，系统性能层面上进行相应的扩展，只有这样才能让系统在实际生活中继续占有市场；
可维护性：程序软件的维护需要一定量的资金，不管是排除现有程序错误，还是变更软件的现有需求，都需要在软件技术上投入一定资金，所以易于维护的软件程序就可以降低技术层面的资金消耗；
可升级性：程序软件的投入使用，会面临用户数量增多的情况，用户对软件的使用率也会提升，所以系统面临这种情况，仍然需要通过升级保持性能的合理，这样才能够适应市场；
客户体验：设计出来的程序软件在界面上不能够太复杂，要遵循界面设计的原理设计出简单，方便操作的功能操作界面，让用户易于接受软件，并乐于使用软件提供的功能。
4.2 系统概要设计
本次拟开发的系统为了节约开发成本，也为了后期在维护和升级上的便利性，打算通过浏览器来实现系统功能界面的展示，让程序软件的主要事务集中在后台的服务器端处理，前端部分只用处理少量的事务逻辑。下面使用一张图（如图4.1所示）来说明程序的工作原理。

图4.1 程序工作的原理图
4.3 系统功能结构设计
在分析并得出使用者对程序的功能要求时，就可以进行程序设计了。如图4.2展示的就是管理员功能结构图，管理员功能有个人中心，管理员管理，濒危生物管理，地区管理，环保健康类型管理，保护法类型管理，公告类型管理，论坛管理，环保健康管理，环境保护管理，环境保护法管理，公告信息管理，轮播图管理。用户可以注册登录，修改个人信息，查看管理员发布的各种信息还可以留言，可以对濒危生物收藏，环保健康收藏，环境保护收藏等操作。

图4.2 管理员功能结构图
4.4 数据库设计
程序功能操作不管是添加，修改，还是删除等功能产生的数据都是经由数据库进行数据保存和更新的，所以一个数据库设计的好坏也是程序是否好坏的判定标准，因为程序的成功，有一半的功劳都是靠数据库的优秀设计。数据库一旦设计得良好是可以减轻开发人员的开发负担的。
4.4.1 数据库E-R图设计
这个部分的设计需要使用到E-R图绘制工具，常用的工具就是Visio工具来绘制E-R模型图，这款工具不仅可以快速创建需要的E-R模型图，而且该工具提供的操作界面很简单，可以短时间内修改绘图界面的图形或者是文字的属性。在绘制E-R模型图时，要分清楚各个图形代表的含义，以免绘制出错，E-R模型图由长方形（实体），椭圆形（属性），菱形（关系）这三部分图形符号组成，绘制期间要区分开来，用准确的图形符号代表相应的数据元素。
（1）管理员实体中的属性有姓名，密码等信息。以此绘制的实体属性图见图4.4。

图4.4 管理员实体属性图
（2）用户实体中的属性有账户，密码，姓名等信息。以此绘制的实体属性图见图4.5。

图4.5 车主实体属性图
（3）环保新闻实体中的属性有编号，状态等。以此绘制的实体属性图见图4.6。

图4.6 环保新闻实体属性图
4.4.2 数据库表结构设计
数据库系统一旦选定之后，需要根据程序要求在数据库中建立数据库文件，并在已经完成创建的数据库文件里面，为程序运行中产生的数据建立对应的数据表格，数据表结构设计就是对创建的数据表格进行字段设计，字段长度设计，字段类型设计等，当数据表格合理设计完成之后，才能正常存储相关程序运行产生的数据信息。
1环保新闻表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 news_name String 新闻标题 是
3 news_types Integer 新闻类型 是
4 news_photo String 新闻图片 是
5 insert_time Date 添加时间 是
6 news_content String 新闻详情 是
7 create_time Date 创建时间 是
2垃圾信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 lajixinxi_name String 垃圾名称 是
3 lajixinxi_photo String 垃圾图片 是
4 lajixinxi_types Integer 垃圾类型 是
5 lajixinxi_content String 垃圾介绍 是
6 insert_time Date 发布日期 是
7 create_time Date 创建时间 是
3试题表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 exampaper_id Integer 所属知识问答试卷id（外键） 是
3 examquestion_name String 试题名称 是
4 examquestion_options String 选项，json字符串 是
5 examquestion_score Integer 分值 是
6 examquestion_answer String 正确答案 是
7 examquestion_analysis String 答案解析 是
8 examquestion_types Integer 试题类型 是
9 examquestion_sequence Integer 试题排序，值越大排越前面 是
10 create_time Date 创建时间 是
4知识问答试卷表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 exampaper_name String 知识问答试卷名称 是
3 exampaper_date Integer 测试时长(分钟) 是
4 exampaper_myscore Integer 知识问答试卷总分数 是
5 exampaper_types Integer 知识问答试卷状态 是
6 exampaper_delete Integer 逻辑删除（0代表未删除 1代表已删除） 是
7 create_time Date 创建时间 是
5错题表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 yonghu_id Integer 用户id 是
3 exampaper_id Integer 知识问答试卷（外键） 是
4 examquestion_id Integer 试题id（外键） 是
5 examredetails_myanswer String 用户作答 是
6 insert_time Date 记录时间 是
7 create_time Date 创建时间 是
6用户表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 username String 用户名 是
3 password String 密码 是
4 role String 角色 是
5 addtime Date 新增时间 是
7token表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 userid Integer 用户id 是
3 username String 用户名 是
4 tablename String 表名 是
5 role String 角色 是
6 token String 密码 是
7 addtime Date 新增时间 是
8 expiratedtime Date 过期时间 是
8论坛信息表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 forum_name String 帖子标题 是
3 yonghu_id Integer 用户 是
4 users_id Integer 管理员 是
5 forum_content String 发布内容 是
6 super_ids Integer 父id 是
7 forum_state_types Integer 帖子状态 是
8 insert_time Date 发帖时间 是
9 update_time Date 修改时间 是
10 create_time Date 创建时间 是
9字典表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 dic_code String 字段 是
3 dic_name String 字段名 是
4 code_index Integer 编码 是
5 index_name String 编码名字 是
6 super_id Integer 父字段id 是
7 beizhu String 备注 是
8 create_time Date 创建时间 是
10环保视频表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 huanbaoshipin_name String 视频标题 是
3 huanbaoshipin_photo String 视频封面 是
4 huanbaoshipin_video String 视频 是
5 huanbaoshipin_types Integer 视频类型 是
6 huanbaoshipin_content String 视频介绍 是
7 insert_time Date 发布日期 是
8 create_time Date 创建时间 是
11意见反馈表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 yonghu_id Integer 提问用户 是
3 chat_issue String 问题 是
4 issue_time Date 问题时间 是
5 chat_reply String 回复 是
6 reply_time Date 回复时间 是
7 zhuangtai_types Integer 状态 是
8 chat_types Integer 数据类型 是
9 insert_time Date 创建时间 是
12用户表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 username String 账户 是
3 password String 密码 是
4 yonghu_name String 用户姓名 是
5 yonghu_photo String 头像 是
6 sex_types Integer 性别 是
7 yonghu_phone String 联系方式 是
8 yonghu_email String 邮箱 是
9 yonghu_delete Integer 假删 是
10 insert_time Date 添加时间 是
11 create_time Date 创建时间 是
13环保知识表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 huanbaozhishi_name String 标题 是
3 huanbaozhishi_photo String 封面 是
4 huanbaozhishi_content String 内容 是
5 insert_time Date 发布日期 是
6 create_time Date 创建时间 是
14配置文件表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 name String 配置参数名称 是
3 value String 配置参数值 是
15测试记录表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 examrecord_uuid_number String 测试编号 是
3 yonghu_id Integer 测试用户 是
4 exampaper_id Integer 所属知识问答试卷id（外键） 是
5 total_score Integer 所得总分 是
6 insert_time Date 测试时间 是
7 create_time Date 创建时间 是
16答题详情表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 examredetails_uuid_number String 知识问答试卷编号 是
3 yonghu_id Integer 用户id 是
4 examquestion_id Integer 试题id（外键） 是
5 examredetails_myanswer String 用户答案 是
6 examredetails_myscore Integer 试题得分 是
7 create_time Date 创建时间 是

5 系统实现
系统实现部分就是将系统分析，系统设计部分的内容通过编码进行功能实现，以一个实际应用系统的形式展示系统分析与系统设计的结果。前面提到的系统分析，系统设计最主要还是进行功能，系统操作逻辑的设计，也包括了存储数据的数据库方面的设计等内容，系统实现就是一个最终的实施阶段，将前面的设计成果进行物理转化，最终出具可以运用于实际的软件系统。
5.1 管理员功能介绍
5.1.1 管理员管理
如图5.1显示的就是管理员管理页面，管理员可以对管理员信息进行添加，修改，删除，查询操作。

图5.1 管理员管理页面
5.1.2 视频类型管理
如图5.2显示的就是视频类型管理页面，管理员可以对视频类型信息进行添加，修改，删除，查询操作。

图5.2 视频类型管理页面
5.1.3 论坛管理
如图5.3显示的就是论坛管理页面，管理员可以对论坛信息进行添加，修改，删除，查询操作。

图5.3 论坛管理页面
5.1.4 新闻类型管理
如图5.4显示的就是新闻类型管理页面，管理员可以对新闻类型信息进行添加，修改，删除，查询操作。

图5.4 新闻类型管理页面
5.1.5 环保视频管理
如图5.5显示的就是环保视频页面，管理员可以对环保视频信息进行添加，修改，删除，查询操作。

图5.5 环保视频管理页面
5.1.6 环保知识管理
如图5.6显示的就是环保知识管理页面，管理员可以对环保知识信息进行添加，修改，删除，查询操作。

图5.6 环保知识管理页面
5.1.7 环保新闻管理
如图5.7显示的就是环保新闻管理页面，管理员可以对环保新闻进行添加，修改，删除，查询操作。

图5.7 环保新闻管理页面
5.1.8 用户信息管理
如图5.8显示的就是用户信息页面，管理员可以对用户信息进行添加，修改，删除，查询操作。

图5.8 用户信息管理页面
5.2 用户功能介绍
5.2.1 首页
如图5.9显示的就是首页页面，用户注册登录后可以看到首页，下面是导航，中间是内容。

图5.9 首页页面
5.2.2 环保视频
如图5.9显示的就是环保视频页面，用户可以在环保视频界面查看环保视频信息。

图5.10 环保视频页面
5.2.3 垃圾信息
如图5.9显示的就是垃圾信息页面，用户点击垃圾信息可以查看垃圾信息。

图5.11 垃圾信息页面
5.2.4 我的
如图5.9显示的就是我的页面，用户登录后可以点击我的可以看到关于我的所有功能。

图5.12 我的页面

6 系统测试
程序软件一旦被开发完成之后，在真正投入日常生活中进行运行使用之前，是必须要经历测试这一个重要的操作环节，因为开发期间注重的是每个单独功能模块的开发，尽管每次开发完成一个单独功能模块时，会通过单元测试进行检验，检验合格才会让程序员继续开发下一个子功能模块，以此类推，当程序员完成所有的系统子功能模块的开发时，这个时候就需要引进系统测试，系统测试就是把所有的子功能模块集成到一起，构建成整个系统，在指定的运行环境下进行运行，主要就是测试系统的所有功能模块在一起是否良好运行，一旦程序软件通过了系统测试这一环节，就意味着它可以进行最终的验收测试了，这个测试步骤的操作用户是程序面向的客户或者是最终用户了。
6.1 系统测试的特点 
系统测试也是为了保证系统正式上线后，可以稳定正常运行，给使用者带来便利。系统测试也有其对应的特点：
（1）系统测试它包括了端到端的完整测试；
（2）系统测试也对程序软件的架构方面，程序软件的业务需求等方面进行了测试；
（3）系统测试一旦采用正确的方法进行，这将减少程序正式上线之后产生的各种错误；
系统测试一般都是在跟生产环境相似的环境当中运行，程序的功能比如添加功能，删除功能，修改功能等都会使用同样的数据在新系统和现有系统中进行比较，这样做让用户对新系统中的添加，修改，删除等功能能够更好地理解，也能提升用户对新系统的满意度。
6.2 系统测试方法
程序软件进入到系统测试这一个环节时，也需要根据测试的方法进行规范化测试操作，测试方法以及使用顺序分别是：首先是单元测试，接着是集成测试和系统测试，最后才是验收测试，下面将描述系统测试方法。
单元测试：这个部分需要涉及到程序的代码方面的知识，这个操作环节是程序的开发者进行的，当程序开发者通过代码编写程序的子功能模块时，就会进行单元级别的测试，通常这个环节的测试也会被称作是白盒测试。
集成测试：这个步骤的前提是程序的所有功能模块都已完成开发，这个时候需要把程序所有的子功能模块集成到一起，形成一个完整的系统，此测试的主要目的就是检查这些功能模块集成在一起时的兼容性，也就是检测它们是否按照预期正常运行。
系统测试：当程序测试进入到这个环节时，就意味着程序测试工作已经进行到一半了，这个部分的测试也有另外一个名字，称作是黑盒测试，主要用于测试系统的功能是否按照预期进行运行。
验收测试：开发的程序已经通过了前面的单元测试，集成测试，以及系统测试环节时，就需要进行验收了，这个环节的操作用户就是程序面临的最终用户或者是客户。测试主要目的就是验证开发完成的程序是不是能够符合用户对其的期望，以及程序的所有功能是否符合用户的真正需求。
6.3 系统功能测试
6.3.1 登录功能测试
要保障程序安全，首先就要从入门门槛抓起，所以程序的登录模块也是很重要的程序入门门槛，务必要保证此功能可以安全运行使用。此次对程序登录模块测试选择管理员角色进行测试（如表6.1所示）。
表6.1 登录功能测试数据表
登录账号 登录密码 操作人 最终结果
abc abc 管理员 登录进入程序
123 abc 管理员 弹出错误登录提示
abc 123 管理员 弹出错误登录提示
下面就选取登录账号正确填写，密码填写有误的测试结果进行展示（如图6.1所示）。

图6.1 登录报错页面
6.3.2 修改密码功能测试
一般来说，程序都会设置密码修改功能，目的是为了让操作者在固定时间内更新原密码，这也是对数据安全性提出的一个解决方案。在进行密码修改功能的测试时（如表6.2所示），也需要检验此功能能否正常使用。
表6.2 修改密码功能测试数据表
原来的密码 需要设置的新密码 密码修改结果
abc cde 成功
123 cde 失败
abc 失败
下面选取原来的密码错误填写，新的密码正常设置时，程序的反馈结果进行展示（如图6.2所示）。

图6.2 原密码有误提示页面
6.4 测试结果分析
程序经过了上述的测试环节，可以得出的测试结论有：
第一点，可以确定开发出来的垃圾分类小程序是符合同类型系统的要求；
第二点，用户要求垃圾分类小程序需要具备的功能都已开发完成并能够正常使用；
第三点，垃圾分类小程序界面简洁美观，操作流程清晰明了；
第四点，垃圾分类小程序的安全性，以及运行性能符合开发要求。
至此，垃圾分类小程序可以确保所有功能能够按照预期目标进行运行，可以正式投入生活中运行使用！

结 论
通过对垃圾分类小程序的开发，让我深刻明白开发一个程序软件需要经历的流程，当确定要开发一个垃圾分类小程序的程序时，我在开发期间，对其功能进行合理的需求分析，然后才是程序软件的功能的框架设计，数据库的实体与数据表设计，程序软件的功能详细界面实现，以及程序的功能测试等进行全方位的细致考虑，虽然在此过程中，各个环节都遇到了大大小小的困难，但是通过对这些问题进行反复的分析，深入的思考，借助各种相关文献资料提供的方法与解决思路成功解决面临的各个问题，最后成功的让我开发的垃圾分类小程序得以正常运行。
垃圾分类小程序在功能上面是基本可以满足用户对系统的操作，但是这个程序软件也有许多方面是不足的，因此，在下一个时间阶段，有几点需要改进的地方需要提出来，它们分别是：
（1）操作页面可以满足用户简易操作的要求，但是在页面多样化设计层面上需要把一些比较丰富的设计结构考虑进来。
（2）程序软件的总体安全性能需要优化，例如程序的退出安全性，以及程序的并发性等问题都需要进行安全性升级，让开发的垃圾分类小程序与现实中的相关网站更贴合。
（3）需要对程序的数据结构方面，程序的代码方面等进行优化，让运行起来的程序可以保持稳定运行，也让程序能够保证短时间内处理相关事务，节省处理事务的时间，提高事务处理的效率，同时对服务器上资源占用的比例进行降低。
垃圾分类小程序的开发一方面是对自身专业知识技能进行最终考核，另一方面也是让自己学会独立解决程序开发过程中所遇到的问题，掌握将理论知识运用于程序开发实践的方法。垃圾分类小程序的开发最终目标就是让系统更具人性化，同时在逻辑设计上，让系统能够更加的严谨。

致 谢
大学期间的学习时光对于我来说是美好而短暂的，在这期间我也接触了许多可爱的大学同学们，以及兢兢业业教学的老师们，在我的毕业论文即将完成之际，我想对那些曾经给予我支持，帮助，还有鼓励的同学和老师以及家人们表达我内心的无比感激之情。
首先，感谢给予我论文指导的指导老师，从开题报告，任务书，论文大纲的编写与系统的功能框架设计，到最终的毕业论文，都是指导老师全程参与的悉心指导和帮忙，才能够让我的毕业论文可以符合学院要求编写完成。我的指导老师一丝不苟的教学精神以及在学术上的严谨作风，这些优点是值得我不断去努力学习的。
其次，感谢大学同学的陪伴与帮助，在我独立编写毕业论文期间，大学同学的鼓励与耐心的帮助使得我少走很多弯路，节省毕业论文的编写时间，也让我有更多精力去完善我开发的系统。
最后，感谢我最亲密的家人带给我的包容和关爱，我能够安心学习也是来源于家人们对我的无微不至的照顾，这样我才可以顺顺利利完成我的大学学业。
毕业倒计时之际，希望在今后的工作中，在今后的生活中，我会一直谨记老师们带给我的孜孜不倦的教诲，并通过不懈的努力和追求来改变自己，以此报答那些曾支持过以及帮助过我的人！

参考文献
[1]任利军.环保场管理系统的开发与设计[J].计算机光盘软件与应用,2017,16(04):226-227.
[2]郑均辉,郭俊晓.基于Asp.Net的环保场管理系统设计与实现[J].科学技术创新,2018(35):86-87.
[3]宋丽娜.基于HTML的Web开发中文乱码问题的研究与解决[J].电子技术,2015,42(11):5-7.
[4]汪君宇.基于HTML的Web应用软件开发技术分析[J].科技创新与应用,2018(16):158-160.
[5]赵钢.HTML Servlet+EJB的Web模式应用研究[J].电子设计工程,2016,21(13):47-49.
[6]肖英.解决HTML/Servlet开发中的中文乱码问题[J].科技传播,2017,(1)11-25.
[7]朱钧.基于角色的HTML通用权限系统设计与实现[D].山东大学,2014.
[8]康牧.HTML动态网站开发实用教程[M].清华大学出版社,2014.
[9]王建国.数据库设计在网站开发中的应用[J].山东农业工程学院学报,2017,34(04):158-159+164.
[10]张知青.基于关系数据库的查询方法及优化技术分析[J].煤炭技术,2015,31(05):218-220.
[11]陈志誉.Java工具及其调度方法研究[D].华南理工大学,2018.
[12]张孝祥,徐明华.JAVA基础与案例开发详解[M].清华大学出版社,2014.
[13]刘亚宾.精通Eclipse–JAVA技术大系[M].电子工业出版社,2015.
[14]曾志明.网站开发技术的比较研究[J].电脑知识与技术,2015,6(05):1075-1078.
[15]卫红春.信息系统分析与设计[M].北京：清华大学出版社,2014.
[16]于万波.网站开发与应用案例教程[M].清华大学出版社，2013.
[17]黎连业,王华,李淑春.软件测试与测试技术[M].清华大学出版社，2014.
[18]Xin-hua YOU. Brief Discuss the Application of Object-oriented in Java Language Programming Course[A]. Advanced Science and Industry Research Center.Proceedings of 2018 3rd International Conference on Automation, Mechanical and Electrical Engineering (AMEE 2018)[C].Advanced Science and Industry Research Center:Science and Engineering Research Center,2018:5.
[19]Menglin Liu. Design and Research of Batch Query System Based on Java[A]. Research Institute of Management Science and Industrial Engineering.Proceedings of 2018 4th World Conference on Control, Electronics and Computer Engineering (WCCECE 2018)[C].Research Institute of Management Science and Industrial Engineering:计算机科学与电子技术国际学会(Computer Science and Electronic Technology International Society),2018:5.