《基于HTML的垃圾详细分类显示功能网站设计》11000字（论文）

基于HTML的垃圾详细分类显示功能网站设计目录14879摘要 -1-摘要正如全国所了解到的，垃圾分类已在2019年7月1日在上海正式执行，逐渐推往全国[1]。现如今人们为了提高垃圾分类的方便性、简洁性，本垃圾分类系统使用一种基于数据关联规则垃圾分类网站的方案，此方案与现有的网上已采用的一些方案相比较而言，具有提高垃圾分类日常经营、常规的信息处理、加深垃圾分类的重视度。该系统采用常规的HTML语言，CSS技术，JSP技术，MYSQL数据库基础原理；搭建具有垃圾详细分类显示功能的网站主界面和详情，留言等功能，以及需要管理员进行网站信息修改等后台功能设计。关键词：JSP；垃圾分类系统；CSS技术；MYSQL数据库1引言我们都知道的是在随着计算机不管发明之后,计算机管理应用智能化就在不停止地猛进且慢慢与其他领域都成为现代科技发展重点技术[2]。而最严重的就是我国的人口在不断增长的同时带来了生态平衡的重要危害，垃圾污染也逐日成为人心忧忧的难题。丢弃的废品将何去何从？废品回收是否有达到有效再次利用？以及一系列的问题凸显出来。自从2019年7月1日在上海正式执行垃圾分类，上海鼓励各单位、小区先分类（有害、可回收、湿、干垃圾）再对收集容器做规范，而只是改善了众多问题的冰山一角。但是在近几年的趋势，管理垃圾分类的系统、APP、应用也逐步进入人们日常生活中的程序。虽然该系统建立在现今社会已有的基本框架上，但有着超越以及突破常规理念的设计想法，在面对市场的竞争下，打破便捷、快捷、更加人性的用户体验。从小区以及社区的住民角度，开发更贴近百姓生活所需的垃圾分类管理系统，做到分类不是难题，难题不再是分类的思想理念；并且从工作人员的方面做到：降低无需的成本，并且减少了不必要的工作量，只要日常垃圾收集容器的维护以及清理；而对于该系统的管理层达到：可以快速方便的提供最精确、丰富的信息资源，大大提高垃圾分类的知名度。在该系统的正式运行时可减少社会垃圾分类的负担是该系统的最终效果。

2、系统设计与分析2.1设计理念突破以往的一层不变的界面设计，搭建面对不同用户有着不同风格的界面设计；为了更加切近居民的用户体验，使用留言等信息来针对系统的缺漏进行改善；可以及时更改用户及管理员编写的信息，对资料进行修改；各类垃圾分类信息功能：展示详细信息，用户注册登入功能：让非注册用户填写基本信息；管理员功能：查看用户居民的基本信息，以及参加的志愿活动详情；建议留言功能：为社区、校区以及校园等地的垃圾分类管理提出意见和建议，让更多人的垃圾分类用户者与管理者查看。2.2系统开发工具2.2.1eclipse简介Eclipse是学生在学校最常使用的跨平台的自由集成开发环境（IDE）[3]。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse附带了一个标准的插件集，包括Java开发工具（JavaDevelopmentKit，JDK）[4]。2.2.2MySQL简介数据库（Database）一般情况下是按照数据结构来进行组织、存放和管理数据的巨型版仓库[5]。其中经常存在的InnoDB引擎[6]也是将自动数据，无需手动处理。JSON[7]提升也是向Oracle[8]不断延申。2.3系统开发技术这个毕业设计是基于SSM[9]垃圾分类后台管理系统运用了当代目前特别火热的基本三大框架：Spring和SpringMVC与Mybatis。下面有作者对现目前存在的三个基本架构做一个粗略大概的技术说明报告简析。2.3.1Spring技术简介Spring是目前最为流行的业务层框架，它的核心思想是IOC和AOP两大核心思想[10]。首先我们先了解下AOP就是我们所知道的切面编程，这个切面编程有利于减少我们程序中冗余且没必要的重复的代码或者说是内容，这是把其中的重复代码提取出来，再紧接着使用poxy动态来代替现有的技术。从实际开发的角度考虑我们程序员往往事不可以去试图修改第三方提供的jar包，但在某种情况下我们又十分想要在原有的功能奇数上进行增强或消弱，这时候动态代理技术就派上用场。让读者们了解和认识到AOP的三大突出、显而易见的优点：首先他可以提高程序员开发效率、减少没必要的代码冗余[11]。2.3.2SpringMVC技术简介普通的模型机构层被拆分为二，分别是Service层和数据访问层。在Service层下可以通过Spring的说明方式来日常操作事务方可数据访问层，而在业务层也就是Service层上还许可用户访，这样的流程就能即满足异军突起的NoSQL了，同时也可以制度上提高互联网系统的技术层面，相对来说还是可倡导的。2.3.3MyBatis技术简介Mybatis是应用在持久层开源框架[12]，通俗来说就是前后台使用数据交互关键步骤。这在一方面上既然是肯定需要对数据库进行允许数据内容的访问许可，这是因为它采用ORM等奇特的理念对数据库表投射出来的实体类运行，接下来再操作具体的表。2.4社会可行性分析该系统建立能达标高效科学地服务与管理，减轻整个垃圾分类的繁琐业务，和环卫工作者的工作量。可以查询垃圾分类的数量和品类，更好的统计什么垃圾在当下占百分比最多，后续可以针对垃圾的比例做出合理的措施去改善社会存在的问题。还能对用户备注、建议、反馈进行管理调整客户对垃圾分类的评价才能更好、简洁地制定长远发展方向。本系统节约了众多人力、财力、时间资源，并且在维护社会环境有了质的飞跃。

3、主要系统概要设计3.1用户需求分析3.1.1前台主模块前台模块主要包括了前台登入模块、验证码核对通过模块、管理员或用户权限区分模块以及验证码模块。这份系统将会严格按照图中所描述的整体结构进行设计与改观，如图3-1所示。图3-1前台功能模块图前台需要登入模块的详细说明书：用户点击确定即可登录系统。该登录的页面在用户点击提交过后就会通过form表单的提交authAdminLogin.do?Ac=adminlogin&a=a请求给到后端的控制器，后端的控制器authAdminLogin控制器接收到到请求之后就会对进行处理，在对应的UserController类的authAdminLogin方法里首先会对页面上输入的账户和用户名以及登录角色进行获取，获取完后又将获取的数据给到authLoginUser来进行处理，在authLoginUser首先会对传过来的账号、密码、登录类型进行非空的判断，接着会获取用户输入的验证码判断输入的验证码是否正确无误的话接下来就会判断登录的角色是什么，并且将对应的用户名和密码的login进行select查询，再对查询出来的结果进行判断，如果返回的为空的话就代表没有这个用户，则会提示用户名或密码错误。后再用getSession().setAttribute来对指定的属性进行赋值，赋值完成后对referer进行赋值并返回json数据给到前端，接着进行页面的跳转到首页并且进行显示“成功登入”，这样的过程即是登录完成。3.1.2后台模块后台模块是针对用户管理后台以及管理员管理的需求做出具体操作流程所需模块，对系统有着至关重要的作用与调节作用。后台模块结构如图3-2所示。图3-2后台功能模块图（1）垃圾信息管理：可以查看所有投放垃圾的编号、物品、垃圾类型、投放时间、以及申请回收的操作请求，同时也有种类的划分，总数量的统计。方便居民和管理人员的查看和修改，是整个系统更加规范与简洁明了。（2）回收申请管理：居民可以在投放垃圾后，编辑垃圾的重量、小区名称以及对该类垃圾的备注说明，以便工作人员的正常工作进行。也要输入个人联系方式，方便在不规范投放垃圾做出措施，同时不小心投放重要垃圾方便找回。用户也可以查询是归属什么小区、以及已投放垃圾的状态是否已回收。（3）站点信息管理：每个投放垃圾的地方都有个专属ID，居民在投放垃圾是须填写该垃圾桶的编号以及站点的位置所处在的是什么小区，以及在该站点的负责人等重要信息都一定要填写，方面管理层系统地整理和分类。（4）保修上报管理：该管理包括查询保修或上报的进程状态，也可以查看维修工作者的名字，以及查阅处理者的联系方式。改管理体现了此系统的透明化以及处理问题的时效性。（5）投诉信息管理：为了完善使用者的使用系统的体验，根据设备、垃圾桶、环境或工作人员的不妥善处理做出建议或投诉。管理者可根据用户者的留言做出相对应的改善，也可根据投诉信息追踪到具体流程的负责人，达到“用户至上”的理念。（6）个人中心管理：管理者可根据用户忘记密码或者想创建账号就可以在个人中心更改或者创建。也可以及时更改用户及管理者的密码还有更改电话号码、用户名称。（7）账号管理：可以对所有管理员账号进行查找、以及排序所有现存的管理人员名单，编辑或删除管理员账号的属性，也可以修改个人账号的密码、确认密码等操作。也可以对发布时间进行降序或升序搜索，实现了合理同时也有效的管理模式。（8）用户管理：实现了管理员后台添加用户名称、账号、密码的实现。也可以实时查看所有现存的用户个人信息。（9）日志管理：（10）小区管理：可以添加小区的名称来完善垃圾分类的普及性及完整性，也方便查阅所处的垃圾分类的详细信息，也可以及时更改小区信息。3.2开发环境3.2.1系统运行硬件环境CPU：Intel(R)Core(TM)i7-6500UCPU@2.50GHz内存：8G硬盘：1T电脑显示分辨率：1920*1080像素3.2.2系统运行软件环境操作系统：Windows10数据库：MYSQL

系统流程设计4.1流程图因本系统中包含前台普通用户及管理员登录、后台用户管理和系统后台管理员三大重要角色，图4-1、图4-2、图4-3、图4-4、图4-5、图4-6展现的便是本系统的用例图。4.1.1用户、管理员注册流程图用户及管理员注册是一个系统的开始，也是一个系统正式进入程序的重要里程碑。当用户的具体操作提交注册申请之后对数据库表格做具体审核及检验，系统自动判断用户名、密码是否存在，都能够给用户回显。具体用户、管理员注册流程图如4-1所示。图4-1注册成功流程图4.1.2用户登录流程图后台数据库对登入数据首先进行验证码的检验，反则进入登陆成功提醒界面。登陆流程图如图4-2可示。图4-2登陆成功流程图4.1.3添加信息流程图用户或管理员开始添加信息，即会通过以下流程，如图4-3所示。图4-3添加信息成功流程图4.1.4删除信息流程图开始向后台系统发出删除信息请求，系统会自动得出以下具体流程，如图4-4所示。图4-4删除信息成功流程图4.1.5查询信息流程图发送查询请求后，后台的DAO层会向数据库查询并及时返回处理面对的数据信息做出合理的放应。当然如果数据不为空向用户展示数据，否则屏幕会显示查询失败，具体流程如图4-5所示。图4-5查询信息成功流程图4.2E-R图这是代表逻辑关系模型的某种形式。通过“矩形框”带你表实体类，但一定要在矩形框内写明实体名称。用“椭圆”匡或圆角匡表示实体的属性，并用“实心线段”将其与实体要进行连接，才能有实际上的明确用意。（1）普通用户的信息实体类E-R图，具体表示如图4-6所示。图4-6用户信息E-R图处理垃圾操作实体类E-R图，具体表示如图4-7所示。图4-7垃圾信息E-R图垃圾类运输历程实体类E-R图，具体表示如图4-8所示。图4-8运输垃圾信息E-R图物料保修及上报信息类E-R图，具体表示如图4-9所示。图4-9垃圾运输信息E-R图维修废品核实情况类E-R图，具体表示如图4-10所示。图4-10维修处理E-R图维修物料及资源确认类E-R图，具体表示如图4-11所示。图4-11维修确认信息E-R图维修审核信息类E-R图，具体表示如图4-12所示。图4-12维修确认信息E-R图客户投诉处理操作类E-R图，具体表示如图4-13所示。图4-13投诉信息E-R图投诉确认实体类E-R图，具体表示如图4-14所示。图4-14投诉确认信息E-R图回收申请实体类E-R图，具体表示如图4-15所示。图4-15投诉确认信息E-R图申请审核实体类E-R图，具体表示如图4-16所示。图4-16申请审核信息E-R图管理员实体类E-R图，具体表示如图4-17所示。图4-17管理员信息E-R图垃圾类型实体类E-R图，具体表示如图4-18所示。图4-18垃圾类型E-R图站点信息实体类E-R图，具体表示如图4-19所示。图4-19站点信息E-R图日志实体类E-R图，具体表示如图4-20所示。图4-20站点信息E-R图小区实体类E-R图，具体表示如图4-21所示。图4-21小区信息E-R图4.3数据库表设计通过对本系统的研究以及分析，针对这个系统设计了14张数据库表，表4-13到表4-18所示的是主要的系统数据库表。表4-1管理员表字段名字段类型名称idint(主键)usernamevarchar(50)帐号pwdvarchar(50)密码addtimetimestamp添加时间管理员表会显示各个管理员的账号、密码以及后台添加时会显示账号添加的时间，方便后续查看以及统计。同时将账号ID作为管理员表的主键，将时间的字段属性为timestamp，有了规范性的格式。表4-2用户信息表字段名字段类型名称idint(主键)zhanghaovarchar(50)账号mimavarchar(50)密码xingmingvarchar(50)姓名xingbievarchar(255)性别shoujivarchar(50)手机addtimetimestamp添加时间用户信息表具体显示了用户的账号、密码、姓名、性别、手机登基本个人信息，同时将用户ID设置为该表的主键。方便存储广大用户的详细信息，也不易丢失、破坏数据。表4-3垃圾信息表字段名字段类型名称idint(主键)lajibianhaovarchar(50)垃圾编号lajimingchengvarchar(255)垃圾名称lajileixingint垃圾类型toufangyaoqiutext投放要求zhuyaobaokuotext主要包括xiangqingmiaoshulongtext详情描述addtimetimestamp添加时间将垃圾信息表设置索引，字段为垃圾类型，同时关联垃圾类型中的ID字段。此表将投放要求及主要包括两个字段的类型属性设置为TEXT格式，这样好处理文字字数的限制，也可以达到长篇大论的要求，而在详情描述的问题上，加长了文字的字数限制。表4-4垃圾类型表字段名字段类型名称idint(主键)leixingmingchengvarchar(255)类型名称addtimetimestamp添加时间垃圾类型表添加了两个字段名及字段类型属性。分别是类型名称和添加时间，同时将类型名称字段的属性设置为varchar，长度为255，以便防止在用户体验系统时出现bug。表4-5垃圾运输表字段名字段类型名称idint(主键)huishoushenqingidint回收申请idlajibianhaovarchar(50)垃圾编号lajimingchengvarchar(255)垃圾名称lajileixingint垃圾类型lajizhongliangvarchar(50)垃圾重量shenqingrenvarchar(50)申请人yunwangzhandianint运往站点yunshushijianvarchar(25)运输时间yunshufenliangvarchar(50)运输份量addtimetimestamp添加时间该表分别与回收申请垃圾表、垃圾类型、站点信息建立了索引，字段分别为回收申请ID、垃圾类型、运往站点建立了关联。这样就可以达到表与表之间的联系，数据共享的功能。其中垃圾运输表中的添加时间与运输时间的字段类型属性不同，分别一个是时间刻度的显示，一个是普遍常用的阿拉伯数字显示。达到合理区分时间的使用方法。表4-6站点信息表字段名字段类型名称idint(主键)zhandianbianhaovarchar(50)站点编号zhandianmingchengvarchar(255)站点名称dizhivarchar(255)地址zhandianfuzerenvarchar(50)站点负责人addtimetimestamp添加时间该站点信息表包括站点编号、站点名称、站点的地址、站点负责人及该站点的添加时间。合理有效的助于管理员管理各站点垃圾的信息管理，其中站点编号及站点负责人的字段属性的长度仅设置为50，与其他字段属性不一致。表4-7报修上报表字段名字段类型名称idint(主键)zhandianxinxiidint站点信息idzhandianbianhaovarchar(50)站点编号zhandianmingchengvarchar(255)站点名称dizhivarchar(255)地址zhandianfuzerenvarchar(50)站点负责人baoxiubianhaovarchar(50)报修编号baoxiurenvarchar(50)报修人baoxiuzhuangtaivarchar(50)报修状态querenzhuangtaivarchar(50)确认状态baoxiubeizhutext报修备注addtimetimestamp添加时间表4-8维修处理表字段名字段类型名称idint(主键)baoxiushangbaoidint保修上报idzhandianbianhaovarchar(50)站点编号zhandianmingchengvarchar(255)站点名称dizhivarchar(255)地址baoxiubianhaovarchar(50)报修编号baoxiurenvarchar(50)报修人wanchengzhuangtaivarchar(255)完成状态chulimiaoshutext处理描述chulirenvarchar(50)处理人addtimetimestamp添加时间维修处理表中的保修上报ID与保修上报表进行关联、索引。达到两个表格的数据相互串通、使用以及访问。其次，在维修处理表中的处理描述采用text格式进行的属性设置，更方便及全面给用户舒适的体验。表4-9维修确认表字段名字段类型名称idint(主键)weixiuchuliidint维修处理idzhandianbianhaovarchar(50)站点编号zhandianmingchengvarchar(255)站点名称dizhivarchar(255)地址baoxiubianhaovarchar(50)报修编号chulimiaoshutext处理描述querenbeizhutext确认备注querenrenvarchar(50)确认人addtimetimestamp添加时间维修确认表的维修处理ID与维修处理中的ID进行索引、关联。两张表进行联系，方便套取各表中的数据，有利于数据的传递和共享。其中处理描述和确认备注的字段属性都设置为text格式，方便技术人员进行备注，减少文字限制给系统带来的压力。表4-10投诉表字段名字段类型名称idint(主键)zhandianxinxiidint站点信息idtousubianhaovarchar(50)投诉编号zhandianbianhaovarchar(50)站点编号zhandianmingchengvarchar(255)站点名称dizhivarchar(255)地址zhandianfuzerenvarchar(50)站点负责人tousuzhuangtaivarchar(50)投诉状态querenzhuangtaivarchar(50)确认状态tousubeizhutext投诉备注tousurenvarchar(50)投诉人addtimetimestamp添加时间投诉表中的站点信息ID与站点信息表中的ID进行索引、关联。两张表进行联系，方便套取各表中的数据，有利于数据的传递和共享。表4-11投诉处理表字段名字段类型名称idint(主键)tousuidint投诉idtousubianhaovarchar(50)投诉编号zhandianbianhaovarchar(50)站点编号zhandianmingchengvarchar(255)站点名称tousubeizhutext投诉备注tousurenvarchar(50)投诉人wanchengzhuangtaivarchar(255)完成状态chulimiaoshutext处理描述chulirenvarchar(50)处理人addtimetimestamp添加时间投诉处理表中的投诉ID与投诉表中的ID进行索引、关联。两张表进行联系，方便套取各表中的数据，有利于数据的传递和共享。表4-12投诉确认表字段名字段类型名称idint(主键)tousuchuliidint投诉处理idtousubianhaovarchar(50)投诉编号zhandianbianhaovarchar(50)站点编号zhandianmingchengvarchar(255)站点名称chulirenvarchar(50)处理人querenbeizhutext确认备注querenrenvarchar(50)确认人addtimetimestamp添加时间投诉确认表中的投诉处理ID与投诉处理表中的ID进行索引、关联。两张表进行联系，方便套取各表中的数据，有利于数据的传递和共享。表4-13日志表字段名字段类型名称idint(主键)mokuaivarchar(50)模块leixingvarchar(50)类型caozuorenvarchar(50)操作人addtimetimestamp添加时间表4-14回收申请表字段名字段类型名称idint(主键)lajixinxiidint垃圾信息idlajibianhaovarchar(50)垃圾编号lajimingchengvarchar(255)垃圾名称lajileixingint垃圾类型lajizhongliangvarchar(50)垃圾重量xiaoquint小区xingmingvarchar(50)姓名dianhuavarchar(50)电话zhuangtaivarchar(50)状态miaoshutext描述shenqingrenvarchar(50)申请人addtimetimestamp添加时间回收申请表中设置索引，其中字段为lajixinxiid，将其关联表【lajixinxi】中字段id相联系；字段为lajileixing，将其关联表【lajileixing】中的id字段相索引；回收申请表中的xiaoqu字段，将其关联表【xiaoqu】中的id字段相索引。表4-15回收申请表字段名字段类型名称idint(主键)huishoushenqingidint回收申请idlajibianhaovarchar(50)垃圾编号lajimingchengvarchar(255)垃圾名称lajileixingint垃圾类型lajizhongliangvarchar(50)垃圾重量xiaoquint小区xingmingvarchar(50)姓名dianhuavarchar(50)电话shenqingrenvarchar(50)申请人shenhezhuangtaivarchar(255)审核状态shenhejianyitext审核建议shenherenvarchar(50)审核人addtimetimestamp添加时间申请审核表中的回收申请ID与回收申请表中的ID字段建立了索引；垃圾类型字段与垃圾类型表中的ID建立了索引；小区字段与小区表中的ID建立了索引。通过三者间的联系，将整个数据库做到了环环相扣，数据间可以循环使用，达到数据共享和存储容量大等特征。表4-16小区信息表字段名字段类型名称idint(主键)xiaoqumingchengvarchar(255)小区名称addtimetimestamp添加时间

系统功能页面5.1登录界面用户及管理员使用电脑浏览器访问网站http://localhost:8080/bishe/login.do后，可以浏览首页。首页主要包含五个部分，分别是输入账号、密码，选择权限，验证码审核等。首页图如5-1-1所示。图5-1-1登陆界面用户访问平台后，点击登陆控件，就跳转到登陆成功页面。即可跳转至系统后台。显示登陆成功提醒，如图5-1-2所示。图5-1-2登陆成功显示界面后续将呈现用户或管理员登陆后的电脑IP信息及此账号的个人信息，具体有服务器端口、浏览器版本及浏览器网址，如图5-1-3所示。图5-1-3登陆成功后显示的系统基本信息5.2添加用户界面管理员可在后台添加用户账号，只需填写用户的设置的具体有价值的详细信息并输入正确符合窗口的输入规范性、安全性及合理性即可通过验证。添加用户信息权限如图5-2-1所示。图5-2-1添加用户界面添加成功后，管理员可在后台查看全部用户填写上图的具体信息并对此条信息进行适当性调整、整合以及查看，避免出现不可避免的程序问题，如图5-2-2所示。图5-2-2查看所有用户界面管理员也可以更改管理员账号的密码，需要输入先有的密码在设置现在的密码，接着需要再一次确认密码，最后提交即可，如图5-2-3所示。图5-2-3修改密码界面5.3站点信息显示界面管理员可以根据站点的具体信息适当添加详细信息，必须输入站点名称、地址以及站点负责人，最后点击提交，用户后台方可查询及使用。也可及时进行编辑，删除等功能，如图5-3-1、图5-3-2所示。图5-3-1管理员添加站点界面图5-3-2管理员编辑站点信息界面用户在管理后台可对管理员已添加的站点信息进行查询、报修上报、投诉、以及查看详情。具体如图5-3-3、图5-3-4所示。图5-3-3用户站点信息查询图5-3-4用户查看报修详情5.4垃圾信息管理界面5.4.1垃圾类型信息添加管理员管理后台可添加垃圾类型，如图5-4-1所示。图5-4-1添加垃圾类型界面可对所有已添加的垃圾类型进行编辑和查看，该界面也会显示具体添加时间显示。也有对垃圾类型名称进行模糊与精确查找、按发布时间、升降序排列查找。如图5-4-2所示。上图5-4-2垃圾类型界面5.4.2垃圾信息添加用户或管理员可在后台添加垃圾信息，用户要针对垃圾的分类填写垃圾名称、类型、投放要求、垃圾里主要包括什么垃圾。以及对次垃圾进行必要性的详情描述，用户也可以拍照上传附件等等，考虑到了各种用户的真实存在的问题进行解决。如图5-4-3所示。图5-4-3添加垃圾信息用户可以在垃圾信息管理里查看自己添加的垃圾，也可以查看详情，或者删除此条垃圾信息。针对特殊情况也可以进行打印等等操作，当然条数多的情况下也可以搜索垃圾编号或对投放时间进行升降序方便可以快速定位到该条信息。具体如图5-4-4、图5-4-5所示。图5-4-4查阅垃圾信息图5-4-5垃圾详细信息5.5回收申请管理界面5.5.1回收申请审核界面用户可通过垃圾回收填写详细信息后，管理员后台方可看到具体的信息针对处理和审核。管理员可查找用户的姓名或账号，也可收集全部用户的信息进行排序归纳。也是可以选择某个小区进行批量处理，提交管理员工作效率，减少不必要的时间浪费。具体如图5-5-1所示。图5-5-1回收申请界面管理员可以通过回收申请管理里的编辑运输发向运往站点，用户就可以在自己的管理界面查看自己申请的回收处理是否通过。在状态栏有运往站点以及运输分量方便相关工作人员的后续统计工作，如图5-5-2所示。图5-5-2回收运输站点5.6保修上报管理界面用户可针对自己或他人的订单点击保修上报控件，提出个人想法及对垃圾站点或周边环境、垃圾物料出现问题进行上报。管理员接收到了用户提交的上报，会针对性进行维护、改善措施，达到“服务至上，体验感全面”等用户感受。具体如图5-6-1所示。图5-6-1添加保修上报管理员在后台管理可以看见报修人billkin用户提交的保修上报信息。管理员必须部署此上报的处理情况，并在处理完此案进行回馈，在完成状态栏可选择“已完成”，并对此报告进行描述，方便用户了解工作者的工作详情。具体如图5-6-2所示。图5-6-2维修处理界面5.7投诉信息管理界面用户在站点信息中添加点击投诉控件，编辑具体投诉信息后管理员可在后台进行处理和反馈。如图5-7-1所示。如图5-7-1添加投诉界面管理员工作者在后台可以针对此投诉做合理的处理措施和反馈，如图5-7-2所示。图5-7-2投诉处理界面系统测试6.1系统测试的目标系统的测试目标就是在将软件系统投入运行之前，发现一些可以通过测试避免的开发风险。本系统主要采用的测试方法是黑盒测试。对系统功能模块、前台模块主要的功能设计相关的测试用例。6.2系统测试基本过程在测试阶段我们需要整理出于预想的数据相背的多组测试用例，测试基本过程包括以下方面1、首先写好测试方案，2、使用准备好的测试用例3、对数据方面进行校对检验4、查看实际结果是够于预计结果有所偏差5、将最终实验结果整理成报表6、生成软件测试报告最后我们只需要根据实验生成的软件测试报表对我们原有的程序进行改进，或者不满意的地方做功能的修改。6.3系统功能测试表6-1系统功能测试表功能名称输入动作所期望的输出实际效果垃圾分类管理1、已登录点击添加按钮，系统显示添加界面。2、提交发布信息成功系统用户正确填写信息发布向详情表单，并点击提交按钮提交表单信息。3、提交添加信息失败用户填写错误的信息，并点击提交按钮提交表单信息。1、显示信息发布界面跳转界面显示信息。2、提交成功系统提示“恭喜你添加成功”。3、提交失败系统检查提交的发布信息是否合法，不合法则系统给出相对应的错误提示。与预期结果一致（续）表6-1系统功能测试表4、查询输入查询条件。点击查询结果5、重置查询条件点击重置按钮。6、删除垃圾相关信息选择信息需要删除的信息，点击删除按钮。7、修改垃圾相关选择需要修改的信息，填写修改内容，点击修改4、查询成功5、重置查询条件系统将选择的时间段以及输入信息都置空。6、删除成功系统提醒“删除成功”。清空用户添加信息表单。7、修改成功系统提示“修改成功”，更新信息表单与预期结果一致密码修改功能测试修改密码成功点击修改密码按钮，输入正确的旧密码，并且输入两次相同的新密码修改密码失败点击编辑按钮，并且输入错误的旧密码或输入两次不相同的新密码成功修改信息系统提示“修改成功”修改信息失败系统提示“修改失败”与预期结果一致垃圾管理列表管理1、查询输入查询条件。点击查询结果2、重置查询条件点击重置按钮。3、修改垃圾分类信息成功进入相应信息编辑页面，并输入正确的修改信息。修改垃圾分类信息失败进入相应的信息编辑页面，并输入错误的修改信息。信息删除选择信息需要删除的信息，点击下架按钮。查询成功2、重置查询条件系统将选择的时间段以及输入信息都置空。修改成功系统提示“修改成功”修改失败系统提醒“修改失败”删除成功系统提醒“删除成功”与预期结果一致查询信息管理1、查询输入查询条件。点击查询结果2、重置查询条件点击重置按钮。3、删除预约选择信息需要删除的信息，点击删除按钮4、修改预约选择需要修改的信息，填写修改内容，点击修改1、查询成功2、重置查询条件系统将选择的时间段以及输入信息都置空3、删除成功系统提醒“删除成功”。清空用户添加信息表单。4、修改成功系统提示“修改成功”，更新信息表单与预期