【《L小学垃圾分类APP的设计与实现》13000字】

VI- L小学垃圾分类APP的设计与实现摘要随着经济的不断发展，人们的生活水平和生活质量不断提高，越来越多的生活垃圾也随之产生。经过走访北京市房山区阎村镇绿城小学，深入研究小学生们垃圾分类的实施情况，本文发现部分绿城小学的学生们尚未养成垃圾分类的习惯，或是存在对于垃圾所属类别不清楚的现象。针对这一问题，设计一款垃圾分类APP，服务于绿城小学的学生们。本设计的主要分为服务器端和客户端，服务器端在网页上显示，管理者通过服务器端对数据进行增加或修改等操作。客户端适用于android设备，能够实现知识科普、搜索垃圾类别、闯关答题和播放小视频等功能。方便用户了解垃圾分类的知识，明确分类的目的与意义，养成垃圾分类的好习惯。关键词：垃圾分类android小学生目录摘要 IIIAbstract IV引言 11概述 21.1背景及意义 21.2国内外研究现状 21.2.1国外研究现状 21.2.2国内研究现状 31.3研究的任务与目的 51.3.1研究任务 51.3.2研究目的 51.4特色 52系统分析 72.1系统开发与运行环境 72.2可行性分析 72.2.1技术可行性 72.2.2操作可行性 82.2.3经济可行性 82.3需求分析 83系统设计 93.1功能模块设计 93.1.1服务器端功能设计 93.1.2客户端功能设计 103.2数据库设计 103.2.1E-R图 103.2.2逻辑结构设计 113.3客户端设计 133.3.1客户端用例图 133.3.2客户端用例规格说明 133.4服务器端设计 163.4.1服务器端用例图 163.4.2服务器端用例规格说明 164系统功能实现 194.1客户端 194.1.1启动页与注册、登录的实现 214.1.2小知识 244.1.3搜一搜 264.1.4闯一闯 274.1.5小视频 324.1.6小科普 344.1.7侧滑菜单栏 354.1.8底部导航栏 384.2服务器端 404.2.1用户管理 414.2.2题目、视频与收藏管理 485系统测试 525.1绿城小学垃圾分类APP初始界面 525.1.1软件图标 525.1.2启动页 525.2登录、注册 535.2.1登录 535.2.2注册 545.2.3后台用户信息 555.3APP中“小知识”模块 565.3.1垃圾分类的目的 575.3.2垃圾分类的小知识 575.3.3垃圾分类的意义 605.3.4什么是垃圾分类 605.3.5垃圾分类口诀 615.4APP中“搜一搜”模块 615.5APP中的“闯一闯”模块 625.6APP中的“小视频”模块 645.7APP中的“小科普”模块 655.8侧滑菜单栏及APP相关信息 665.8.1基本信息 665.8.2关于我们 665.8.3退出 675.9后台管理 685.9.1用户管理 685.9.2题目信息管理 695.9.3视频管理 705.9.4收藏管理 71结论 72参考文献 74引言阎村中心校绿城小学，位于北京市房山区阎村镇绿城百合公寓社区，是一所花园式公办学校。绿城小学依据北京自2020年5月1日起开始实施的《北京市生活垃圾管理条例》，组织师生进行垃圾分类。根据2020年8月至2021年1月为期五个月的走访调查，发现绿城小学的一部分学生尚未养成垃圾分类的好习惯，甚至对于生活垃圾分类感到迷茫。对于小学生而言，生活垃圾主要分为两类，一类为就餐过程中产生的水果果皮、酸奶包装、一次性饭盒、剩饭剩菜、塑料袋等等；另一类为日常生活中产生的垃圾，如口罩、橡皮屑、废纸、超轻黏土等。在垃圾投放时，大部分学生会误将酸奶包装等垃圾与剩菜剩饭投放到一起，或是不清楚自己手中的垃圾属于那种类别，最终导致错误投放。为了能够帮助学生们准确、有效地进行垃圾分类，更好的养成垃圾分类的习惯，明确垃圾分类的目的和意义，设计一款适用于绿城小学学生的垃圾分类APP。本设计分为客户端和服务器端，客户端采取Androidstudio环境进行编程，应用于android移动设备；服务器端采用intellijidea环境JAVA语言进行编写，呈现在网页上；通过调用API接口和mysql数据库进行数据的传输以及增减。基于当今社会现状，国内外不同国家针对垃圾有不同的处理方式，垃圾分类便应运而生。同时有关垃圾分类软件或系统层出不穷。市场上的垃圾分类软件大体可分为三类，包括模拟分类回收游戏类、科普查询类和预约回收类APP，具体如垃圾分类助手、垃圾分类指导APP、垃圾分分分、垃圾分类指南等等。这些软件大多为商用，功能更加专一，依据上海市垃圾分类标准设计的居多。绿城小学垃圾分类APP不同于市场上现有的APP，它更加符合绿城小学学生们的需求和认知现状，是一款集娱乐、闯关、科普、搜索等功能于一体的APP。学生通过APP可以随时随地的查询垃圾的所属类别，通过娱乐闯关的方式强化记忆，同时能够了解垃圾分类的目的与意义。APP为学生提供了垃圾分类的记忆口诀以及有关四类垃圾的小知识。管理者通过服务器端更新APP中的视频和闯关答题的题目，便于及时更新相关内容。

1概述1.1背景及意义北京市房山区阎村中心校绿城完全小学，简称绿城小学，位于北京市房山区阎村镇绿城百合公寓社区，是一所花园式的公办学校。绿城小学依据北京市自2020年5月1日起开始实施的《北京市生活垃圾管理条例》，组织师生进行垃圾分类。根据2020年8月至2021年1月为期五个月的走访调查，本文发现由于学生年龄相对较低，北京垃圾分类实施时间较短，大部分学生对于垃圾分类知识了解不够详细，没有养成垃圾分类投放的好习惯。对于绿城小学的学生而言，生活垃圾的产生主要分为两个途径，一个途径为就餐过程中产生的水果果皮、酸奶包装、一次性饭盒、剩饭剩菜、塑料袋等；另一个途径为日常生活中产生的垃圾，如口罩、橡皮屑、废纸、超轻黏土等。在垃圾投放时，大部分学生会误将酸奶包装等垃圾与剩菜剩饭投放到一起，或是不清楚自己手中的垃圾属于那种类别，最终导致错误投放。通过分析绿城小学学生对垃圾分类的认知和投放现状，可以发现绿城小学有一部分学生尚未养成垃圾分类的好习惯，甚至对于生活垃圾分类感到迷茫。为了能够帮助学生们准确、有效地进行垃圾分类，更好的养成垃圾分类的习惯，明确垃圾分类的目的和意义，本文设计开发出一款适用于绿城小学学生的垃圾分类APP。服务于北京市小学生，以培养学生垃圾分类习惯，为环保做出贡献。垃圾分类的内容以《北京市生活垃圾管理条例》为标准。软件的设计与开发符合小学学生的认知范围，以确保他们能够理解、掌握垃圾分类的知识。本设计分为客户端和服务器端，客户端应用于android移动设备，方便用户可以随时随地的使用本软件；服务器端呈现在网页上，管理者能够更好地对数据进行操作。1.2国内外研究现状随着经济的发展，人类生活水平不断提升的同时，越来越多的生产、生活垃圾被制造出来。而这些垃圾如果没有得到妥善处理，会导致环境污染、资源浪费、增加占地等等，甚至会影响人体健康。基于当今社会现状，国内外不同国家针对垃圾有不同的处理方式，垃圾分类便应运而生。同时有关垃圾分类软件或系统层出不穷。1.2.1国外研究现状世界上很多国家已经陆续关注生活垃圾的相关问题。像德国、瑞典、日本等发达国家，他们曾经也深受垃圾污染的困扰。经历几十年甚至更长的时间，这些国家慢慢的建立起符合自己国情的垃圾分类体系。早在1972年，德国政府便针对垃圾分类进行了立法，如《废弃物处理法》和《废物分类包装条例》等等[1]李志辉.发达国家垃圾分类经验对国内大学生垃圾分类意识培养的启示[J].河北农机,2020(12):135-136.。经过不断地探索，到1990年达到了规范化运作。德国将厨余垃圾与其他的废弃垃圾分开处理，对于包装垃圾进行多次分拣。对于垃圾分类，他们采取前端简单，后端精细分类的模式[1]李志辉.发达国家垃圾分类经验对国内大学生垃圾分类意识培养的启示[J].河北农机,2020(12):135-136.[2]陈蒙.生活垃圾分类模式国际比较及其对中国的启示[J/OL].西安交通大学学报(社会科学版):1-13[2021-05-02]./kcms/detail/61.1329.C.20210425.1224.002.html.为了养成垃圾分类的习惯，瑞典使用了几十年的时间，秉承垃圾分类教育要从娃娃抓起，瑞典在学校里面开办相关的课程。再加上瑞典政府系统化的治理模式（如图1-1），瑞典的垃圾回收率高达99%[3][3]韩艳丽,芦枭.“瑞典式”生活垃圾分类管理经验对我国的启示[J].河北环境工程学院学报,2021,31(01):87-90.日本对于垃圾的类别规划的较为细致，主要分为8大类，每一大类又细分为很多的子类。自幼儿园起就对孩子展开垃圾分类的教育讲座，并且将垃圾分类的知识纳入到学校的课程中。因此，在日本，人们垃圾分类的意识很强，国家垃圾分类的制度也比较成熟[4][4]侯丹丹.国外垃圾分类管理经验对我国的启示[J].资源节约与环保,2020(11):136-国内研究现状随着我国人口数量的不断增多，经济的不断发展。垃圾的存放与处理成为了我国当下不得不面对的严重问题。以前，中国的垃圾是直接露天堆放的。直至20世纪80年代才开始进行城市垃圾处理[5]王闯.“校园垃圾分类”管理现状及对策探索[J].产业与科技论坛,2017,16(16):272-273.。据资料显示，到1999年为止，中国的城市垃圾无害化处理率仅仅只有20.3%。进入2[5]王闯.“校园垃圾分类”管理现状及对策探索[J].产业与科技论坛,2017,16(16):272-273.与此同时，在这个高度信息化的时代，手机的存在越来越普遍化和大众化，更多的人依赖手机进行学习和资料的查阅。市场上垃圾分类软件或相关系统层出不穷，以满足人们的需要。经调研发现，市场上的APP大体可分为三类，主要为模拟分类回收游戏类APP、科普查询类APP和预约回收类APP。垃圾分类助手APP[6][6]高文超,王子聪,刘昊天.垃圾分类助手APP的设计与实现[J].信息与电脑(理论版),2020,32(19):58-61.“益易”垃圾分类APP[7]郗彩莲,卢丹漫.“益易”垃圾分类APP界面设计[J].上海纺织科技,2020,48(11):104.是一款综合类APP[7]郗彩莲,卢丹漫.“益易”垃圾分类APP界面设计[J].上海纺织科技,2020,48(11):104.垃圾分类指导APP一款垃圾分类指导APP，它可以对图片进行识别并给出垃圾的类别。并与垃圾桶进行连接，帮助判断垃圾是否投放正确。当垃圾投放有误时，会产生警报[8][8]易明达.垃圾分类指导App[J].科学启蒙,2020(01):48.通过调查研究，不难发现，北京市的垃圾分类起到了一定的效果，但由于2020年5月才正式实施，时间较短。对于部分人而言，尚未养成良好的行为习惯，仍然存在混合投放垃圾的现象。好的行为习惯要从小进行培养，基于当今的社会现状以及国外的成功案例，可以体会到垃圾分类在教育中的重要性。故想要推进垃圾分类工作，需从小学生抓起，从他们的可塑性和求知欲入手，培养良好的行为习惯[9][9]孙福胜,杨立雄.小学生生活垃圾分类教育的人学思考[J].教学与管理,2020(02):9-11.经过2020年8月至2021年1月为期五个月的走访跟踪调查，本文了解到由于受新冠疫情影响，阎村中心校绿城小学2020年9月1日才恢复线下授课，此前居家尚未接受专门的垃圾分类教育，且由于学生的年龄较低，践行垃圾分类的时间较短。大部分学生对于垃圾分类知识了解不够详细，没有养成垃圾分类投放的好习惯。且市场上的垃圾分类APP功能专一，更适用于商业化的环境，多数以上海垃圾分类标准设计。并不能够完全适用于绿城小学的学生们。根据绿城小学学生对垃圾分类的认知现状和《北京市生活垃圾管理条例》，设计开发出一款垃圾分类APP。区别于市场上大部分功能较为专一的软件，服务于以绿城小学为主体的用户，以培养学生垃圾分类习惯和意识，为环保做出贡献。1.3研究的任务与目的1.3.1研究任务本毕业设计的主要任务是：（1）设计开发知识模块，主要内容包括垃圾分类的目的与意义、四类垃圾的相关知识、垃圾分类口诀等等。垃圾分类的内容以《北京市生活垃圾管理条例》为标准，保证内容的准确性与合理性。（2）设计开发搜索模块，通过API接口实现数据的调用，使之能够通过搜索关键字进行垃圾类别的查询。（3）设计开发闯关模块，通过倒计时的方式增加闯关的刺激性。并设有闯关记录，方便学生对比了解自己的水平。同时在软件中设计题目的科普模块，方便用户进行学习。（4）设计开发视频模块，为用户打造一个轻松愉快的环境。通过视频的形式更好的获取垃圾分类的相关知识，加强记忆。同时在视频模块中加入收藏功能，使之可以收藏自己喜欢或想要收藏的视频。（5）软件包含登录、注册、退出登录以及显示软件相关信息的功能，保护用户的隐私。（6）后台能够管理用户、题目、视频以及收藏的数据。1.3.2研究目的本毕业设计的主要研究目的是：设计开发出一款“绿城小学垃圾分类APP”，针对绿城学校学生的特点，软件符合学生的认知，能够引起学生对于垃圾分类的求知欲和兴趣。更好的帮助学生培养垃圾分类的意识，了解更多的垃圾分类小知识。通过学生感兴趣的闯关答题和小视频等内容，帮助学生深入学习垃圾分类的相关知识，并收藏自己喜欢或想要收藏的视频。学生可以搜索关键字查询垃圾的所属类别，方便了解和进行垃圾投放。该软件应用于android手机中，打造一个轻松愉悦的学习环境，方便学生随时查找、学习垃圾分类的知识，促使学生将垃圾分类变成一种习惯。管理者可以对软件的知识进行实时更新，管理用户的数据，保证数据的准确性、有效性以及合理性。1.4特色绿城小学垃圾分类APP不同于市场上现有的APP，它更加符合绿城小学学生们的需求和认知现状，是一款集知识科普功能、娱乐闯关功能、搜索及收藏功能于一体的垃圾分类APP。其知识内容符合《北京市生活垃圾管理条例》，界面干净无广告，更符合小学生的审美。管理者通过服务器端更新APP中的视频和闯关答题的题目，管理用户信息和收藏信息。学生通过APP可以随时随地的查询垃圾的所属类别，通过娱乐闯关和观看视频的方式强化记忆，同时能够了解垃圾分类的目的与意义。APP为学生提供了垃圾分类的记忆口诀以及有关四类垃圾的小知识。学生对于自己喜欢和想要收藏的内容可以进行收藏。

2系统分析2020年8月至2021年1月，这五个月的时间内，本文观察了绿城小学学生们课间、用餐及放学后对于垃圾的投放情况。并通过采访班主任、任课教师以及家长，了解了不同年级的学生对于垃圾分类的认知情况和践行程度。针对绿城小学学生设计开发一款垃圾分类APP，并通过Web端对数据进行管理，构成了绿城小学垃圾分类系统。此系统分为用户端和服务器端两部分，客户端主要包括知识科普、垃圾分类小视频、闯关答题、搜索查询、视频收藏及显示软件相关信息几部分构成，方便培养学生垃圾分类的意识，帮助绿城小学更好的实施垃圾分类。服务器端主要包括用户管理模块、题目管理模块、视频管理模块以及收藏管理模块四部分，管理者能够及时更新题目和视频内容，管理用户数据。2.1系统开发与运行环境（1）客户端客户端使用AndroidStudio环境JAVA语言进行开发，软件安装、应用于安卓手机中。利用OKGO框架进行网络请求，Json解析数据，使用RecyclerView、FrameLayout、RelativeLayout、Button控件等等构成页面布局。APP中的闯关记录信息存放于sqllite数据库中。AndroidStudio能够更好的进行界面设计，方便发布安装包到安卓手机中。（2）服务器端服务器端使用Intellijidea环境JAVA语言进行设计与开发，整体应用Springboot框架。前端框架为bootstrap，使用JS、HTML5语言、CSS样式等进行编写。数据应用Mysql数据库进行创建和存取。方便对多用户进行数据操作与管理。服务器端运行在浏览器上，通过Web网页呈现。2.2可行性分析在这个科技飞速发展的时代，电子产品受广大人群的欢迎与依赖。近些年，教育类软件层出不穷。人们也逐渐习惯借助网络和电子产品进行学习。本文针对绿城小学的学生们，设计开发出一款垃圾分类APP，并对于系统的技术、操作以及经济的可行性进行了以下三点分析。2.2.1技术可行性绿城小学垃圾分类系统的设计与开发，应用Androidstudio开发环境、Mysql数据库、Intellijidea开发环境。开发人员掌握了一定的开发技术，且设计思路清晰，系统在技术方面具有可行性。2.2.2操作可行性APP应用于安卓设备中，界面简洁，易于小学生进行操作。APP通过侧滑菜单栏和底部导航栏实现页面的布局，绿城小学的学生们可以很快找到相应功能并使用。Web端使用浏览器打开，管理员登录后可直观的看到用户模块、题目模块、视频模块以及收藏模块。前端环境符合管理员的认知，能够对数据进行增删改查等操作。本系统简单、易操作，在操作方面具有可行性。2.2.3经济可行性在绿城小学垃圾分类系统的设计与开发过程中，对于人力和财力要求不高，且开发的软件供绿城小学免费使用，在经济方面具备可行性。2.3需求分析绿城小学的大部分学生尚未养成垃圾分类的好习惯。为了培养学生们垃圾分类的意识以及正确的投放习惯，设计“绿城小学垃圾分类APP”。学生们可以通过“小知识”模块了解垃圾分类的目的与意义，明确什么是垃圾分类，还可以在此模块中查找四类垃圾的相关知识以及分类口诀；通过“搜一搜”模块，学生可以快速的查找到垃圾的所属类别，帮助学生进行精准地垃圾投放；“闯一闯”模块里面是紧张刺激的闯关答题环节，学生通过闯关小游戏了解自己对垃圾分类知识的掌握程度，并能够查看之前的闯关记录；小视频和小科普模块能够让学生在轻松的状态下记住垃圾分类的相关知识，根据需要收藏小视频。“绿城小学垃圾分类APP”能够满足学生的需要，更好的帮助学生进行垃圾分类。对于绿城小学而言，可以通过Web端管理APP的相关数据，及时更新小视频和闯关答题的数据，管理用户信息及收藏模块。系统通过输入用户名、密码的形式进行登录，保证用户的安全性和严密性。用户和管理员均可以在不同的设备上进行登录和使用，系统具有灵活性。

3系统设计绿城小学垃圾分类APP和绿城小学垃圾分类管理系统（Web端）共同构成绿城小学垃圾分类系统。用户通过登录APP了解垃圾分类的相关知识，搜索垃圾的所属类别，参与闯关答题，观看、收藏自己喜欢的视频等等。管理员通过网页端对数据进行操作，以达到管理与维护用户数据的目的，管理者可以实时更新数据，保证数据的准确性和有效性。3.1功能模块设计3.1.1服务器端功能设计服务器端主要分为用户管理、收藏管理、视频管理以及题目管理，实现对信息的增、删、改、查操作。3.1.2客户端功能设计客户端的功能主要包括查看垃圾分类小知识、搜索垃圾所属类别、闯关答题、观看与收藏垃圾分类视频、查看产品相关信息。3.2数据库设计3.2.1E-R图3.2.2逻辑结构设计用户信息数据表设计lj_user_info为用户信息数据表。（1）user_id为int类型，属于主键，其内容为编号1,2,3等。（2）user_account为varchar类型，内容为用户名。（3）user_pwd为varchar类型，内容为密码。（4）user_dreare_date为varchar类型，指创建时间。题目管理模块数据表设计lj_radio_info为题目信息数据表。（1）radio_id为int类型，是数据表的主键，对应内容为编号。（2）radio_content为varchar类型，对应内容为题目内容。（3）radio_options_one为varchar类型，对应内容为A选项内容。（4）radio_options_two为varchar类型，对应内容为B选项内容。（5）radio_options_three为varchar类型，对应内容为C选项内容。（6）radio_options_four为varchar类型，对应内容为D选项内容。（7）radio_answer为varchar类型，对应内容为正确答案。视频管理模块数据表设计lj_video_info为视频数据表。（1）video_id为int类型，是数据表的主键，对应内容为编号。（2）video_title为varchar类型，对应内容为视频标题。（3）video_content为varchar类型，对应内容为视频简介。（4）video_url为varcha类型r，对应内容为视频链接。收藏管理模块数据表设计lj_collection_info为收藏数据表。（1）collection_id为int类型，是数据表的主键，对应内容为编号。（2）collection_video_url为varchar类型，对应内容为视频链接。（3）collection_video_title为varchar类型，对应内容为视频标题。（4）collection_video_id为int类型，对应内容为视频编号。视频-收藏数据表设计lj_video_collection为视频-收藏数据表。（1）collection_id的类型为int，属于数据表的主键，内容为收藏编号。（2）video_id的类型为int，内容为视频编号。（3）user_id的类型为varchar，内容为用户名。3.3客户端设计3.3.1客户端用例图3.3.2客户端用例规格说明登录、注册的规格说明登录、注册的规格说明参与者用户说明系统中存在用户信息，直接登录；若不存在，则需要进行注册。前置条件连接网络，安装“绿城小学垃圾分类APP”后置条件用户登录/注册成功，进入“绿城小学垃圾分类APP”。点击“退出”可退出账户。主流事件（1）用户填写注册信息并提交。（2）信息存放到系统中。（3）跳转到登录界面，输入用户名、密码进入APP。（4）用户信息同步更新到Web端。备选事件流E-1：账号或密码错误查看垃圾分类小知识的规格说明查看垃圾分类小知识的规格说明参与者用户说明用户点击“小知识”模块中的内容跳转到想要了解的相关知识界面。前置条件用户通过注册/登录进入“绿城小学垃圾分类APP”。后置条件用户查看、学习垃圾分类的相关知识。主流事件（1）用户通过点击按钮，进入想要了解的知识界面。（2）系统显示知识内容。备选事件流E-1：账号或密码错误搜索垃圾类别的规格说明搜索垃圾类别的规格说明参与者用户说明用户进入搜索界面，输入关键字，进行垃圾类别的搜索。前置条件登录进入“绿城小学垃圾分类APP”后置条件用户登录/注册成功，进入“绿城小学垃圾分类APP”。主流事件（1）用户输入关键字，点击搜索按钮。（2）通过API进行数据比对。（3）显示垃圾具体信息。备选事件流E-1：账号或密码错误闯关答题的规格说明闯关答题的规格说明参与者用户说明用户进入闯关答题界面，点击“闯关小游戏”进行闯关答题。答题完成后，显示用时及成绩，并可以在闯关记录中查找最近10条记录，以了解自己的答题情况。前置条件登录进入“绿城小学垃圾分类APP”。后置条件点击“闯关记录”可以查看最近10次的答题时间、用时以及成绩。主流事件（1）用户点击“闯关小游戏按钮”，系统从题库中随机调出题目。（2）用户选择题目答案，规定每题最多用时8秒，在选择完成之后可以直接跳到下一题。（3）答题完成后，显示总用时和成绩。（4）系统将答题的日期、总用时以及成绩存放到sqllite数据库中。（5）当点击“闯关记录”时，显示最近10条信息。备选事件流E-1：账号或密码错误E-2：网络连接错误。观看垃圾分类视频的规格说明观看垃圾分类视频的规格说明参与者用户说明用户进入“小视频”模块，点击播放观看垃圾分类视频。前置条件登录进入“绿城小学垃圾分类APP”。后置条件点击停止关闭视频。主流事件（1）用户进入小视频界面，点击播放按钮进行播放。（2）用户可以调整视频的播放进度。（3）点击停止关闭视频。备选事件流E-1：账号或密码错误E-2：网络连接错误。E-3：重新播放。收藏视频的规格说明收藏视频的规格说明参与者用户说明用户进入“小视频”模块，点击收藏按钮，进行收藏。通过侧滑菜单栏中“我的收藏”进入收藏界面，用户可以观看已经收藏的视频。前置条件登录APP，进入“小视频”界面。后置条件在“我的收藏”中可以看到已经收藏的视频。主流事件（1）用户进入小视频界面，点击收藏按钮，进行收藏。（2）收藏视频的数据传回系统。（3）收藏数据在APP的“我的收藏”和Web端显示。备选事件流E-1：账号或密码错误E-2：网络连接错误。查看软件信息的规格说明查看软件信息的规格说明参与者用户说明用户通过侧滑菜单栏中的按钮进入不同界面，查看软件的信息。前置条件登录“绿城小学垃圾分类APP”。后置条件用户了解软件的基本信息。主流事件（1）通过侧滑菜单，点击按钮，跳转到相关界面。（2）系统显示具体信息。备选事件流E-1：账号或密码错误3.4服务器端设计3.4.1服务器端用例图3.4.2服务器端用例规格说明管理用户信息的规格说明管理用户信息的规格说明参与者管理员说明管理员通过登录web端的绿城小学垃圾分类管理系统，对用户信息进行添加、修改等操作。前置条件管理员登录绿城小学垃圾分类系统。后置条件用户信息更新/存放到数据表中，并在网页上显示出来。主流事件（1）web端通过调用数据库显示用户数据。（2）管理员对数据进行操作。（3）显示修改或添加成功。（4）将数据传回到数据库表中。（5）APP端用户信息同步更新。备选事件流E-1：账号或密码错误E-2：每次仅选择一个用户信息进行修改，无法同时对多个用户进行操作。管理闯关答题信息的规格说明管理闯关答题信息的规格说明参与者管理员说明管理员通过登录web端的绿城小学垃圾分类管理系统，对闯关答题的题目信息进行添加、修改等操作。前置条件管理员登录绿城小学垃圾分类系统。后置条件题目信息添加/更新存放到数据表中，并在网页上显示出来。主流事件（1）web端通过调用数据库显示题目数据。（2）管理员对数据进行操作。（3）显示修改或添加成功。（4）将数据传回到数据库表中。（5）APP端答题数据同步更新。备选事件流E-1：账号或密码错误E-2：每次仅选择一个题目进行修改，无法同时对多个题目进行操作。管理视频模块的规格说明管理视频模块的规格说明参与者管理员说明管理员通过登录web端的绿城小学垃圾分类管理系统，对视频模块的信息进行添加、修改等操作。前置条件管理员登录绿城小学垃圾分类系统。后置条件将视频的地址添加到系统中，并通过接口传送到APP端。主流事件（1）web端通过调用数据库视频数据。（2）管理员选择视频进行上传。（3）显示修改或上传成功。（4）网页和APP中显示的视频数据同步更新。备选事件流E-1：账号或密码错误E-2：每次仅能上传一个视频，同时每次也只能修改一条视频。管理收藏模块的规格说明管理收藏模块的规格说明参与者管理员说明管理员通过登录web端的绿城小学垃圾分类管理系统，对收藏模块的信息进行删除、添加等操作。前置条件管理员登录绿城小学垃圾分类系统，每个用户收藏的内容不一样，需要登录相应的账户进行操作。后置条件将收藏视频的地址添加到系统中，并通过接口传送到APP端。主流事件web端通过调用数据库视频数据。管理员选择视频进行添加和删除。显示成功。网页和APP中显示的视频收藏数据同步更新。备选事件流E-1：账号或密码错误E-2：每次仅能对一条视频进行操作。E-3：每个账户有对应的收藏信息，需登录相关账户进行操作。

4系统功能实现4.1客户端1.导入相关依赖库implementation'androidx.recyclerview:recyclerview:1.0.0'//列表布局implementation'com.jakewharton:butterknife:8.8.1'//组件化

annotationProcessor'com.jakewharton:butterknife-compiler:8.8.1'

/*gson解析*/

implementation'com.google.code.gson:gson:2.8.0'//json解析implementation':okgo:3.0.4'//网络请求implementationproject(':nicevideoplayer')//视频2.配置接口3.在MyApplication中进行初始化，调用环境。4.sqllite数据库（1）创建本地文件存放用户名和密码。（2）创建数据库存放闯关记录。（3）创建数据表。（4）查看/导出数据库4.1.1启动页与注册、登录的实现启动页启动页FristActivity，延迟时间为2秒，然后通过跳转语句到登录界面。在styles.xml中定义背景图及样式。登录功能LoginActivity继承BaseActivity。1.BaseActivity中的方法2.login_activity.xml布局如图4-2，应用TextView、ImageView、Button等控件，背景清新美观。3.LoginActivity向后台进行网络请求，向服务端传递参数，使用get获取数据并进行解析。注册功能1.RegiestActivity使用post进行网络请求，向服务器端传送数据。2.activity_regiest4.1.2小知识1.布局fragment_one如下图，应用到CardView卡片式布局。2.OneFragment连接页面布局，为每个按钮添加点击触发事件。3.对于小知识里面的五个模块和四个子模块进行布局设计，应用到ImageView、CardView、toolbar、TextView等控件，在添加点击触发和页面跳转语句。4.1.3搜一搜1.布局fragment_two应用toolbar和RecyclerView进行布局。2.代码（1）CodeBean定义实体类（2）TwoFragment通过API接口向服务端做请求，将数据转换为实体类，采取自定义适配器进行布局显示。4.1.4闯一闯闯关小游戏1.布局fragment_game_test和activity_lianxi2.点击事件跳转界面3.倒计时3秒钟，最开始隐藏倒计时，通过触发显示。4.对数据库进行操作5.倒计时8秒，可通过点击事件进入下一题，最终获取总成绩。闯关记录1.闯关记录RecordActivity（1）获取当前登录账号（2）对数据库进行操作，获取闯关记录。（3）自定义适配器2.activity_record布局界面4.1.5小视频1.网络请求获取视频。2.通过网络请求，传送数据，进行收藏。3.使用toolbar和RecyclerView进行页面布局。4.1.6小科普1.通过RecyclerView进行页面布局2.利用get方法获取内容，再转化为实体类。自定义适配器，为列表项配置。4.1.7侧滑菜单栏基本信息1.MainActivity中编写点击触发事件，通过跳转语句进行界面的跳转。在AppMessageActivity中绑定布局。2.布局activity_app_message关于我们1.在MainActivity中，通过OnClick点击事件监听，当点击侧滑栏中的“关于我们”时，跳转到绿城小学的详情界面。2.Activity_school_details.xml布局我的收藏添加点击事件，使之能够从菜单栏跳转到收藏界面。退出在MainActivity中通过putSring释放用户名，退出程序。在通过跳转语句回到登录界面。4.1.8底部导航栏1.布局2.MainActivity底部导航栏应用RadioGroup单项选择进行布局，当其中某一按钮被点击时，显示界面，其余界面隐藏。4.2服务器端如下图，首先建立mysql与主机的连接，创建数据库及数据表，如表3-1、表3-2、表3-3、表3-4、表3-5。并在idea的中进行配置，连接数据库。4.2.1用户管理UserInfo.java如上图，定义UserInfo实体类，在UserInfo.java中声明get()和set()方法。UserInfoMapper.java首先声明对象listALL()，再声明增、删、改、查的方法名。如查询UserInfogetById(IntegeruserId);插入intinsert(UserInfouserInfo);修改 intupdate(UserInfouserInfo);UserInfoMapper.xml1.声明字段名称2.查询通过SELECT方法实现3.插入4.修改UserInfoController.java首先调用UserInfoMapper.java中的方法，获取数据。返回code:200或500data:listmsg:"成功、失败"userInfo-list.html1.创建userInfo-list.html文件，进行网页布局与数据显示。创建、引用userInfo-list.js。2.引用js:<scriptth:src="@{/admin/dist/js/userInfo-list.js}"></script>创建表格，展示数据。3.userInfo-list中实现跳转界面。（1）跳转到添加界面（2）跳转到修改界面4.跳转界面userInfo-edit.html，引用userInfo-edit.js5.在userInfo-edit.js中定义url。调用方法，将参数传回UserInfoController.java。AdminPageController.java调用方法进行跳转。4.2.2题目、视频与收藏管理与用户信息管理模块类似。1.首先创建实体类，定义数据类型，声明get（）和set（）方法。2.声明实现方法，如对象和增、删、改、查的方法名。3.在mapper.xml中编写实现mapper的方法代码语句（增、删、改、查SQL语句）。4.编写Controller类，调用mapper中的方法，获取数据。5.在html中声明页面布局和input、from、button的id以及onclick事件。编写js代码，js通过html调用获取html中的id进行表格的生成。6.实现页面跳转5系统测试5.1绿城小学垃圾分类APP初始界面5.1.1软件图标在android手机上安装“绿城小学垃圾分类APP”，软件图标如图6-1所示。点击图标进入APP。5.1.2启动页进入“绿城小学垃圾分类APP”，首先显示软件的启动页面（图5-2），页面清新美观，持续2秒钟跳转到软件的登录界面。5.2登录、注册5.2.1登录首先进入APP的登录页面，如5-3所示。需要输入用户名、密码进行登录。当未输入用户名或密码，亦或是用户名或密码输入有误时，会显示相关提示，如图5-4。当用户成功登录后，会跳转到主界面。图图5.2.2注册当系统中不存在用户信息或是使用者属于新用户时，需要点击注册按钮进行注册。注册界面如图5-5。图注册成功后，提示成功信息并跳转回登录界面。用户输入信息进行登录即可，登录成功后跳转到主页并显示欢迎使用。如图5-6所示。图5.2.3后台用户信息输入用户名admin，密码123456。点击登录进入后台。点击左侧的用户管理，即可查询到APP中刚注册的用户信息。图图5.3APP中“小知识”模块“小知识”模块主要包含垃圾分类的目的、垃圾分类的小知识、垃圾分类的意义、什么是垃圾分类以及垃圾分类口诀五方面。图5.3.1垃圾分类的目的图5.3.2垃圾分类的小知识图可回收物图厨余垃圾图有害垃圾图其他垃圾图5.3.3垃圾分类的意义图5.3.4什么是垃圾分类图5.3.5垃圾分类口诀图5.4APP中“搜一搜”模块在搜索框输入关键字，点击搜索按钮，实现模糊搜索。图图5.5APP中的“闯一闯”模块点击闯关，进入闯关模块，包括“闯关小游戏”和“闯关记录”两个按钮，如图5-20。图点击闯关小游戏，倒计时3秒后开始答题。每次随机出示5题，每题倒计时8秒，选择答案后可以直接进入下一题。做下一题的时候会显示上一题的答案，5题结束后显示最终成绩和总用时。倒计时的设计使闯关答题更加刺激，答题过程如5-21。图点击闯关记录，显示闯关记录，显示最新10条记录，如图5-22。图5.6APP中的“小视频”模块进入小视频模块，如图5-23，对于视频可以播放和暂停，点击右上角收藏按钮可以根据需求进行收藏。在侧滑菜单栏中点击“我的收藏”，可以找到刚刚收藏的信息。收藏功能具有独立性和安全性，不同用户通过用户名、密码登录后才可以收藏，每个用户收藏内容不同，支持在不同设备登录账户。图图5.7APP中的“小科普”模块用户通过小科普模块进行学习，强化垃圾分类的相关知识，并通过闯关答题进行检验。5.8侧滑菜单栏及APP相关信息5.8.1基本信息5.8.2关于我们5.8.3退出点击“退出”，退出登录，跳转回“登录”界面。若不点击退出，下次用户进入软件无需登录，软件有记住密码功能。5.9后台管理5.9.1用户管理如图5-31，用户信息管理，可对用户信息进行添加和修改。5.9.2题目信息管理5.9.3视频管理5.9.4收藏管理

结论绿城小学垃圾分类APP不同于市场上现有的APP，它更加符合绿城小学学生们的需求和认知