VI- L小學(xué)垃圾分類APP的設(shè)計(jì)與實(shí)現(xiàn)摘要隨著經(jīng)濟(jì)的不斷發(fā)展，人們的生活水平和生活質(zhì)量不斷提高，越來越多的生活垃圾也隨之產(chǎn)生。經(jīng)過走訪北京市房山區(qū)閻村鎮(zhèn)綠城小學(xué)，深入研究小學(xué)生們垃圾分類的實(shí)施情況，本文發(fā)現(xiàn)部分綠城小學(xué)的學(xué)生們尚未養(yǎng)成垃圾分類的習(xí)慣，或是存在對于垃圾所屬類別不清楚的現(xiàn)象。針對這一問題，設(shè)計(jì)一款垃圾分類APP，服務(wù)于綠城小學(xué)的學(xué)生們。本設(shè)計(jì)的主要分為服務(wù)器端和客戶端，服務(wù)器端在網(wǎng)頁上顯示，管理者通過服務(wù)器端對數(shù)據(jù)進(jìn)行增加或修改等操作?？蛻舳诉m用于android設(shè)備，能夠?qū)崿F(xiàn)知識(shí)科普、搜索垃圾類別、闖關(guān)答題和播放小視頻等功能。方便用戶了解垃圾分類的知識(shí)，明確分類的目的與意義，養(yǎng)成垃圾分類的好習(xí)慣。關(guān)鍵詞：垃圾分類android小學(xué)生目錄摘要 IIIAbstract IV引言 11概述 21.1背景及意義 21.2國內(nèi)外研究現(xiàn)狀 21.2.1國外研究現(xiàn)狀 21.2.2國內(nèi)研究現(xiàn)狀 31.3研究的任務(wù)與目的 51.3.1研究任務(wù) 51.3.2研究目的 51.4特色 52系統(tǒng)分析 72.1系統(tǒng)開發(fā)與運(yùn)行環(huán)境 72.2可行性分析 72.2.1技術(shù)可行性 72.2.2操作可行性 82.2.3經(jīng)濟(jì)可行性 82.3需求分析 83系統(tǒng)設(shè)計(jì) 93.1功能模塊設(shè)計(jì) 93.1.1服務(wù)器端功能設(shè)計(jì) 93.1.2客戶端功能設(shè)計(jì) 103.2數(shù)據(jù)庫設(shè)計(jì) 103.2.1E-R圖 103.2.2邏輯結(jié)構(gòu)設(shè)計(jì) 113.3客戶端設(shè)計(jì) 133.3.1客戶端用例圖 133.3.2客戶端用例規(guī)格說明 133.4服務(wù)器端設(shè)計(jì) 163.4.1服務(wù)器端用例圖 163.4.2服務(wù)器端用例規(guī)格說明 164系統(tǒng)功能實(shí)現(xiàn) 194.1客戶端 194.1.1啟動(dòng)頁與注冊、登錄的實(shí)現(xiàn) 214.1.2小知識(shí) 244.1.3搜一搜 264.1.4闖一闖 274.1.5小視頻 324.1.6小科普 344.1.7側(cè)滑菜單欄 354.1.8底部導(dǎo)航欄 384.2服務(wù)器端 404.2.1用戶管理 414.2.2題目、視頻與收藏管理 485系統(tǒng)測試 525.1綠城小學(xué)垃圾分類APP初始界面 525.1.1軟件圖標(biāo) 525.1.2啟動(dòng)頁 525.2登錄、注冊 535.2.1登錄 535.2.2注冊 545.2.3后臺(tái)用戶信息 555.3APP中“小知識(shí)”模塊 565.3.1垃圾分類的目的 575.3.2垃圾分類的小知識(shí) 575.3.3垃圾分類的意義 605.3.4什么是垃圾分類 605.3.5垃圾分類口訣 615.4APP中“搜一搜”模塊 615.5APP中的“闖一闖”模塊 625.6APP中的“小視頻”模塊 645.7APP中的“小科普”模塊 655.8側(cè)滑菜單欄及APP相關(guān)信息 665.8.1基本信息 665.8.2關(guān)于我們 665.8.3退出 675.9后臺(tái)管理 685.9.1用戶管理 685.9.2題目信息管理 695.9.3視頻管理 705.9.4收藏管理 71結(jié)論 72參考文獻(xiàn) 74引言閻村中心校綠城小學(xué)，位于北京市房山區(qū)閻村鎮(zhèn)綠城百合公寓社區(qū)，是一所花園式公辦學(xué)校。綠城小學(xué)依據(jù)北京自2020年5月1日起開始實(shí)施的《北京市生活垃圾管理?xiàng)l例》，組織師生進(jìn)行垃圾分類。根據(jù)2020年8月至2021年1月為期五個(gè)月的走訪調(diào)查，發(fā)現(xiàn)綠城小學(xué)的一部分學(xué)生尚未養(yǎng)成垃圾分類的好習(xí)慣，甚至對于生活垃圾分類感到迷茫。對于小學(xué)生而言，生活垃圾主要分為兩類，一類為就餐過程中產(chǎn)生的水果果皮、酸奶包裝、一次性飯盒、剩飯剩菜、塑料袋等等；另一類為日常生活中產(chǎn)生的垃圾，如口罩、橡皮屑、廢紙、超輕黏土等。在垃圾投放時(shí)，大部分學(xué)生會(huì)誤將酸奶包裝等垃圾與剩菜剩飯投放到一起，或是不清楚自己手中的垃圾屬于那種類別，最終導(dǎo)致錯(cuò)誤投放。為了能夠幫助學(xué)生們準(zhǔn)確、有效地進(jìn)行垃圾分類，更好的養(yǎng)成垃圾分類的習(xí)慣，明確垃圾分類的目的和意義，設(shè)計(jì)一款適用于綠城小學(xué)學(xué)生的垃圾分類APP。本設(shè)計(jì)分為客戶端和服務(wù)器端，客戶端采取Androidstudio環(huán)境進(jìn)行編程，應(yīng)用于android移動(dòng)設(shè)備；服務(wù)器端采用intellijidea環(huán)境JAVA語言進(jìn)行編寫，呈現(xiàn)在網(wǎng)頁上；通過調(diào)用API接口和mysql數(shù)據(jù)庫進(jìn)行數(shù)據(jù)的傳輸以及增減?；诋?dāng)今社會(huì)現(xiàn)狀，國內(nèi)外不同國家針對垃圾有不同的處理方式，垃圾分類便應(yīng)運(yùn)而生。同時(shí)有關(guān)垃圾分類軟件或系統(tǒng)層出不窮。市場上的垃圾分類軟件大體可分為三類，包括模擬分類回收游戲類、科普查詢類和預(yù)約回收類APP，具體如垃圾分類助手、垃圾分類指導(dǎo)APP、垃圾分分分、垃圾分類指南等等。這些軟件大多為商用，功能更加專一，依據(jù)上海市垃圾分類標(biāo)準(zhǔn)設(shè)計(jì)的居多。綠城小學(xué)垃圾分類APP不同于市場上現(xiàn)有的APP，它更加符合綠城小學(xué)學(xué)生們的需求和認(rèn)知現(xiàn)狀，是一款集娛樂、闖關(guān)、科普、搜索等功能于一體的APP。學(xué)生通過APP可以隨時(shí)隨地的查詢垃圾的所屬類別，通過娛樂闖關(guān)的方式強(qiáng)化記憶，同時(shí)能夠了解垃圾分類的目的與意義。APP為學(xué)生提供了垃圾分類的記憶口訣以及有關(guān)四類垃圾的小知識(shí)。管理者通過服務(wù)器端更新APP中的視頻和闖關(guān)答題的題目，便于及時(shí)更新相關(guān)內(nèi)容。

1概述1.1背景及意義北京市房山區(qū)閻村中心校綠城完全小學(xué)，簡稱綠城小學(xué)，位于北京市房山區(qū)閻村鎮(zhèn)綠城百合公寓社區(qū)，是一所花園式的公辦學(xué)校。綠城小學(xué)依據(jù)北京市自2020年5月1日起開始實(shí)施的《北京市生活垃圾管理?xiàng)l例》，組織師生進(jìn)行垃圾分類。根據(jù)2020年8月至2021年1月為期五個(gè)月的走訪調(diào)查，本文發(fā)現(xiàn)由于學(xué)生年齡相對較低，北京垃圾分類實(shí)施時(shí)間較短，大部分學(xué)生對于垃圾分類知識(shí)了解不夠詳細(xì)，沒有養(yǎng)成垃圾分類投放的好習(xí)慣。對于綠城小學(xué)的學(xué)生而言，生活垃圾的產(chǎn)生主要分為兩個(gè)途徑，一個(gè)途徑為就餐過程中產(chǎn)生的水果果皮、酸奶包裝、一次性飯盒、剩飯剩菜、塑料袋等；另一個(gè)途徑為日常生活中產(chǎn)生的垃圾，如口罩、橡皮屑、廢紙、超輕黏土等。在垃圾投放時(shí)，大部分學(xué)生會(huì)誤將酸奶包裝等垃圾與剩菜剩飯投放到一起，或是不清楚自己手中的垃圾屬于那種類別，最終導(dǎo)致錯(cuò)誤投放。通過分析綠城小學(xué)學(xué)生對垃圾分類的認(rèn)知和投放現(xiàn)狀，可以發(fā)現(xiàn)綠城小學(xué)有一部分學(xué)生尚未養(yǎng)成垃圾分類的好習(xí)慣，甚至對于生活垃圾分類感到迷茫。為了能夠幫助學(xué)生們準(zhǔn)確、有效地進(jìn)行垃圾分類，更好的養(yǎng)成垃圾分類的習(xí)慣，明確垃圾分類的目的和意義，本文設(shè)計(jì)開發(fā)出一款適用于綠城小學(xué)學(xué)生的垃圾分類APP。服務(wù)于北京市小學(xué)生，以培養(yǎng)學(xué)生垃圾分類習(xí)慣，為環(huán)保做出貢獻(xiàn)。垃圾分類的內(nèi)容以《北京市生活垃圾管理?xiàng)l例》為標(biāo)準(zhǔn)。軟件的設(shè)計(jì)與開發(fā)符合小學(xué)學(xué)生的認(rèn)知范圍，以確保他們能夠理解、掌握垃圾分類的知識(shí)。本設(shè)計(jì)分為客戶端和服務(wù)器端，客戶端應(yīng)用于android移動(dòng)設(shè)備，方便用戶可以隨時(shí)隨地的使用本軟件；服務(wù)器端呈現(xiàn)在網(wǎng)頁上，管理者能夠更好地對數(shù)據(jù)進(jìn)行操作。1.2國內(nèi)外研究現(xiàn)狀隨著經(jīng)濟(jì)的發(fā)展，人類生活水平不斷提升的同時(shí)，越來越多的生產(chǎn)、生活垃圾被制造出來。而這些垃圾如果沒有得到妥善處理，會(huì)導(dǎo)致環(huán)境污染、資源浪費(fèi)、增加占地等等，甚至?xí)绊懭梭w健康?；诋?dāng)今社會(huì)現(xiàn)狀，國內(nèi)外不同國家針對垃圾有不同的處理方式，垃圾分類便應(yīng)運(yùn)而生。同時(shí)有關(guān)垃圾分類軟件或系統(tǒng)層出不窮。1.2.1國外研究現(xiàn)狀世界上很多國家已經(jīng)陸續(xù)關(guān)注生活垃圾的相關(guān)問題。像德國、瑞典、日本等發(fā)達(dá)國家，他們曾經(jīng)也深受垃圾污染的困擾。經(jīng)歷幾十年甚至更長的時(shí)間，這些國家慢慢的建立起符合自己國情的垃圾分類體系。早在1972年，德國政府便針對垃圾分類進(jìn)行了立法，如《廢棄物處理法》和《廢物分類包裝條例》等等[1]李志輝.發(fā)達(dá)國家垃圾分類經(jīng)驗(yàn)對國內(nèi)大學(xué)生垃圾分類意識(shí)培養(yǎng)的啟示[J].河北農(nóng)機(jī),2020(12):135-136.。經(jīng)過不斷地探索，到1990年達(dá)到了規(guī)范化運(yùn)作。德國將廚余垃圾與其他的廢棄垃圾分開處理，對于包裝垃圾進(jìn)行多次分揀。對于垃圾分類，他們采取前端簡單，后端精細(xì)分類的模式[1]李志輝.發(fā)達(dá)國家垃圾分類經(jīng)驗(yàn)對國內(nèi)大學(xué)生垃圾分類意識(shí)培養(yǎng)的啟示[J].河北農(nóng)機(jī),2020(12):135-136.[2]陳蒙.生活垃圾分類模式國際比較及其對中國的啟示[J/OL].西安交通大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版):1-13[2021-05-02]./kcms/detail/61.1329.C.20210425.1224.002.html.為了養(yǎng)成垃圾分類的習(xí)慣，瑞典使用了幾十年的時(shí)間，秉承垃圾分類教育要從娃娃抓起，瑞典在學(xué)校里面開辦相關(guān)的課程。再加上瑞典政府系統(tǒng)化的治理模式（如圖1-1），瑞典的垃圾回收率高達(dá)99%[3][3]韓艷麗,蘆梟.“瑞典式”生活垃圾分類管理經(jīng)驗(yàn)對我國的啟示[J].河北環(huán)境工程學(xué)院學(xué)報(bào),2021,31(01):87-90.日本對于垃圾的類別規(guī)劃的較為細(xì)致，主要分為8大類，每一大類又細(xì)分為很多的子類。自幼兒園起就對孩子展開垃圾分類的教育講座，并且將垃圾分類的知識(shí)納入到學(xué)校的課程中。因此，在日本，人們垃圾分類的意識(shí)很強(qiáng)，國家垃圾分類的制度也比較成熟[4][4]侯丹丹.國外垃圾分類管理經(jīng)驗(yàn)對我國的啟示[J].資源節(jié)約與環(huán)保,2020(11):136-國內(nèi)研究現(xiàn)狀隨著我國人口數(shù)量的不斷增多，經(jīng)濟(jì)的不斷發(fā)展。垃圾的存放與處理成為了我國當(dāng)下不得不面對的嚴(yán)重問題。以前，中國的垃圾是直接露天堆放的。直至20世紀(jì)80年代才開始進(jìn)行城市垃圾處理[5]王闖.“校園垃圾分類”管理現(xiàn)狀及對策探索[J].產(chǎn)業(yè)與科技論壇,2017,16(16):272-273.。據(jù)資料顯示，到1999年為止，中國的城市垃圾無害化處理率僅僅只有20.3%。進(jìn)入2[5]王闖.“校園垃圾分類”管理現(xiàn)狀及對策探索[J].產(chǎn)業(yè)與科技論壇,2017,16(16):272-273.與此同時(shí)，在這個(gè)高度信息化的時(shí)代，手機(jī)的存在越來越普遍化和大眾化，更多的人依賴手機(jī)進(jìn)行學(xué)習(xí)和資料的查閱。市場上垃圾分類軟件或相關(guān)系統(tǒng)層出不窮，以滿足人們的需要。經(jīng)調(diào)研發(fā)現(xiàn)，市場上的APP大體可分為三類，主要為模擬分類回收游戲類APP、科普查詢類APP和預(yù)約回收類APP。垃圾分類助手APP[6][6]高文超,王子聰,劉昊天.垃圾分類助手APP的設(shè)計(jì)與實(shí)現(xiàn)[J].信息與電腦(理論版),2020,32(19):58-61.“益易”垃圾分類APP[7]郗彩蓮,盧丹漫.“益易”垃圾分類APP界面設(shè)計(jì)[J].上海紡織科技,2020,48(11):104.是一款綜合類APP[7]郗彩蓮,盧丹漫.“益易”垃圾分類APP界面設(shè)計(jì)[J].上海紡織科技,2020,48(11):104.垃圾分類指導(dǎo)APP一款垃圾分類指導(dǎo)APP，它可以對圖片進(jìn)行識(shí)別并給出垃圾的類別。并與垃圾桶進(jìn)行連接，幫助判斷垃圾是否投放正確。當(dāng)垃圾投放有誤時(shí)，會(huì)產(chǎn)生警報(bào)[8][8]易明達(dá).垃圾分類指導(dǎo)App[J].科學(xué)啟蒙,2020(01):48.通過調(diào)查研究，不難發(fā)現(xiàn)，北京市的垃圾分類起到了一定的效果，但由于2020年5月才正式實(shí)施，時(shí)間較短。對于部分人而言，尚未養(yǎng)成良好的行為習(xí)慣，仍然存在混合投放垃圾的現(xiàn)象。好的行為習(xí)慣要從小進(jìn)行培養(yǎng)，基于當(dāng)今的社會(huì)現(xiàn)狀以及國外的成功案例，可以體會(huì)到垃圾分類在教育中的重要性。故想要推進(jìn)垃圾分類工作，需從小學(xué)生抓起，從他們的可塑性和求知欲入手，培養(yǎng)良好的行為習(xí)慣[9][9]孫福勝,楊立雄.小學(xué)生生活垃圾分類教育的人學(xué)思考[J].教學(xué)與管理,2020(02):9-11.經(jīng)過2020年8月至2021年1月為期五個(gè)月的走訪跟蹤調(diào)查，本文了解到由于受新冠疫情影響，閻村中心校綠城小學(xué)2020年9月1日才恢復(fù)線下授課，此前居家尚未接受專門的垃圾分類教育，且由于學(xué)生的年齡較低，踐行垃圾分類的時(shí)間較短。大部分學(xué)生對于垃圾分類知識(shí)了解不夠詳細(xì)，沒有養(yǎng)成垃圾分類投放的好習(xí)慣。且市場上的垃圾分類APP功能專一，更適用于商業(yè)化的環(huán)境，多數(shù)以上海垃圾分類標(biāo)準(zhǔn)設(shè)計(jì)。并不能夠完全適用于綠城小學(xué)的學(xué)生們。根據(jù)綠城小學(xué)學(xué)生對垃圾分類的認(rèn)知現(xiàn)狀和《北京市生活垃圾管理?xiàng)l例》，設(shè)計(jì)開發(fā)出一款垃圾分類APP。區(qū)別于市場上大部分功能較為專一的軟件，服務(wù)于以綠城小學(xué)為主體的用戶，以培養(yǎng)學(xué)生垃圾分類習(xí)慣和意識(shí)，為環(huán)保做出貢獻(xiàn)。1.3研究的任務(wù)與目的1.3.1研究任務(wù)本畢業(yè)設(shè)計(jì)的主要任務(wù)是：（1）設(shè)計(jì)開發(fā)知識(shí)模塊，主要內(nèi)容包括垃圾分類的目的與意義、四類垃圾的相關(guān)知識(shí)、垃圾分類口訣等等。垃圾分類的內(nèi)容以《北京市生活垃圾管理?xiàng)l例》為標(biāo)準(zhǔn)，保證內(nèi)容的準(zhǔn)確性與合理性。（2）設(shè)計(jì)開發(fā)搜索模塊，通過API接口實(shí)現(xiàn)數(shù)據(jù)的調(diào)用，使之能夠通過搜索關(guān)鍵字進(jìn)行垃圾類別的查詢。（3）設(shè)計(jì)開發(fā)闖關(guān)模塊，通過倒計(jì)時(shí)的方式增加闖關(guān)的刺激性。并設(shè)有闖關(guān)記錄，方便學(xué)生對比了解自己的水平。同時(shí)在軟件中設(shè)計(jì)題目的科普模塊，方便用戶進(jìn)行學(xué)習(xí)。（4）設(shè)計(jì)開發(fā)視頻模塊，為用戶打造一個(gè)輕松愉快的環(huán)境。通過視頻的形式更好的獲取垃圾分類的相關(guān)知識(shí)，加強(qiáng)記憶。同時(shí)在視頻模塊中加入收藏功能，使之可以收藏自己喜歡或想要收藏的視頻。（5）軟件包含登錄、注冊、退出登錄以及顯示軟件相關(guān)信息的功能，保護(hù)用戶的隱私。（6）后臺(tái)能夠管理用戶、題目、視頻以及收藏的數(shù)據(jù)。1.3.2研究目的本畢業(yè)設(shè)計(jì)的主要研究目的是：設(shè)計(jì)開發(fā)出一款“綠城小學(xué)垃圾分類APP”，針對綠城學(xué)校學(xué)生的特點(diǎn)，軟件符合學(xué)生的認(rèn)知，能夠引起學(xué)生對于垃圾分類的求知欲和興趣。更好的幫助學(xué)生培養(yǎng)垃圾分類的意識(shí)，了解更多的垃圾分類小知識(shí)。通過學(xué)生感興趣的闖關(guān)答題和小視頻等內(nèi)容，幫助學(xué)生深入學(xué)習(xí)垃圾分類的相關(guān)知識(shí)，并收藏自己喜歡或想要收藏的視頻。學(xué)生可以搜索關(guān)鍵字查詢垃圾的所屬類別，方便了解和進(jìn)行垃圾投放。該軟件應(yīng)用于android手機(jī)中，打造一個(gè)輕松愉悅的學(xué)習(xí)環(huán)境，方便學(xué)生隨時(shí)查找、學(xué)習(xí)垃圾分類的知識(shí)，促使學(xué)生將垃圾分類變成一種習(xí)慣。管理者可以對軟件的知識(shí)進(jìn)行實(shí)時(shí)更新，管理用戶的數(shù)據(jù)，保證數(shù)據(jù)的準(zhǔn)確性、有效性以及合理性。1.4特色綠城小學(xué)垃圾分類APP不同于市場上現(xiàn)有的APP，它更加符合綠城小學(xué)學(xué)生們的需求和認(rèn)知現(xiàn)狀，是一款集知識(shí)科普功能、娛樂闖關(guān)功能、搜索及收藏功能于一體的垃圾分類APP。其知識(shí)內(nèi)容符合《北京市生活垃圾管理?xiàng)l例》，界面干凈無廣告，更符合小學(xué)生的審美。管理者通過服務(wù)器端更新APP中的視頻和闖關(guān)答題的題目，管理用戶信息和收藏信息。學(xué)生通過APP可以隨時(shí)隨地的查詢垃圾的所屬類別，通過娛樂闖關(guān)和觀看視頻的方式強(qiáng)化記憶，同時(shí)能夠了解垃圾分類的目的與意義。APP為學(xué)生提供了垃圾分類的記憶口訣以及有關(guān)四類垃圾的小知識(shí)。學(xué)生對于自己喜歡和想要收藏的內(nèi)容可以進(jìn)行收藏。

2系統(tǒng)分析2020年8月至2021年1月，這五個(gè)月的時(shí)間內(nèi)，本文觀察了綠城小學(xué)學(xué)生們課間、用餐及放學(xué)后對于垃圾的投放情況。并通過采訪班主任、任課教師以及家長，了解了不同年級(jí)的學(xué)生對于垃圾分類的認(rèn)知情況和踐行程度。針對綠城小學(xué)學(xué)生設(shè)計(jì)開發(fā)一款垃圾分類APP，并通過Web端對數(shù)據(jù)進(jìn)行管理，構(gòu)成了綠城小學(xué)垃圾分類系統(tǒng)。此系統(tǒng)分為用戶端和服務(wù)器端兩部分，客戶端主要包括知識(shí)科普、垃圾分類小視頻、闖關(guān)答題、搜索查詢、視頻收藏及顯示軟件相關(guān)信息幾部分構(gòu)成，方便培養(yǎng)學(xué)生垃圾分類的意識(shí)，幫助綠城小學(xué)更好的實(shí)施垃圾分類。服務(wù)器端主要包括用戶管理模塊、題目管理模塊、視頻管理模塊以及收藏管理模塊四部分，管理者能夠及時(shí)更新題目和視頻內(nèi)容，管理用戶數(shù)據(jù)。2.1系統(tǒng)開發(fā)與運(yùn)行環(huán)境（1）客戶端客戶端使用AndroidStudio環(huán)境JAVA語言進(jìn)行開發(fā)，軟件安裝、應(yīng)用于安卓手機(jī)中。利用OKGO框架進(jìn)行網(wǎng)絡(luò)請求，Json解析數(shù)據(jù)，使用RecyclerView、FrameLayout、RelativeLayout、Button控件等等構(gòu)成頁面布局。APP中的闖關(guān)記錄信息存放于sqllite數(shù)據(jù)庫中。AndroidStudio能夠更好的進(jìn)行界面設(shè)計(jì)，方便發(fā)布安裝包到安卓手機(jī)中。（2）服務(wù)器端服務(wù)器端使用Intellijidea環(huán)境JAVA語言進(jìn)行設(shè)計(jì)與開發(fā)，整體應(yīng)用Springboot框架。前端框架為bootstrap，使用JS、HTML5語言、CSS樣式等進(jìn)行編寫。數(shù)據(jù)應(yīng)用Mysql數(shù)據(jù)庫進(jìn)行創(chuàng)建和存取。方便對多用戶進(jìn)行數(shù)據(jù)操作與管理。服務(wù)器端運(yùn)行在瀏覽器上，通過Web網(wǎng)頁呈現(xiàn)。2.2可行性分析在這個(gè)科技飛速發(fā)展的時(shí)代，電子產(chǎn)品受廣大人群的歡迎與依賴。近些年，教育類軟件層出不窮。人們也逐漸習(xí)慣借助網(wǎng)絡(luò)和電子產(chǎn)品進(jìn)行學(xué)習(xí)。本文針對綠城小學(xué)的學(xué)生們，設(shè)計(jì)開發(fā)出一款垃圾分類APP，并對于系統(tǒng)的技術(shù)、操作以及經(jīng)濟(jì)的可行性進(jìn)行了以下三點(diǎn)分析。2.2.1技術(shù)可行性綠城小學(xué)垃圾分類系統(tǒng)的設(shè)計(jì)與開發(fā)，應(yīng)用Androidstudio開發(fā)環(huán)境、Mysql數(shù)據(jù)庫、Intellijidea開發(fā)環(huán)境。開發(fā)人員掌握了一定的開發(fā)技術(shù)，且設(shè)計(jì)思路清晰，系統(tǒng)在技術(shù)方面具有可行性。2.2.2操作可行性APP應(yīng)用于安卓設(shè)備中，界面簡潔，易于小學(xué)生進(jìn)行操作。APP通過側(cè)滑菜單欄和底部導(dǎo)航欄實(shí)現(xiàn)頁面的布局，綠城小學(xué)的學(xué)生們可以很快找到相應(yīng)功能并使用。Web端使用瀏覽器打開，管理員登錄后可直觀的看到用戶模塊、題目模塊、視頻模塊以及收藏模塊。前端環(huán)境符合管理員的認(rèn)知，能夠?qū)?shù)據(jù)進(jìn)行增刪改查等操作。本系統(tǒng)簡單、易操作，在操作方面具有可行性。2.2.3經(jīng)濟(jì)可行性在綠城小學(xué)垃圾分類系統(tǒng)的設(shè)計(jì)與開發(fā)過程中，對于人力和財(cái)力要求不高，且開發(fā)的軟件供綠城小學(xué)免費(fèi)使用，在經(jīng)濟(jì)方面具備可行性。2.3需求分析綠城小學(xué)的大部分學(xué)生尚未養(yǎng)成垃圾分類的好習(xí)慣。為了培養(yǎng)學(xué)生們垃圾分類的意識(shí)以及正確的投放習(xí)慣，設(shè)計(jì)“綠城小學(xué)垃圾分類APP”。學(xué)生們可以通過“小知識(shí)”模塊了解垃圾分類的目的與意義，明確什么是垃圾分類，還可以在此模塊中查找四類垃圾的相關(guān)知識(shí)以及分類口訣；通過“搜一搜”模塊，學(xué)生可以快速的查找到垃圾的所屬類別，幫助學(xué)生進(jìn)行精準(zhǔn)地垃圾投放；“闖一闖”模塊里面是緊張刺激的闖關(guān)答題環(huán)節(jié)，學(xué)生通過闖關(guān)小游戲了解自己對垃圾分類知識(shí)的掌握程度，并能夠查看之前的闖關(guān)記錄；小視頻和小科普模塊能夠讓學(xué)生在輕松的狀態(tài)下記住垃圾分類的相關(guān)知識(shí)，根據(jù)需要收藏小視頻。“綠城小學(xué)垃圾分類APP”能夠滿足學(xué)生的需要，更好的幫助學(xué)生進(jìn)行垃圾分類。對于綠城小學(xué)而言，可以通過Web端管理APP的相關(guān)數(shù)據(jù)，及時(shí)更新小視頻和闖關(guān)答題的數(shù)據(jù)，管理用戶信息及收藏模塊。系統(tǒng)通過輸入用戶名、密碼的形式進(jìn)行登錄，保證用戶的安全性和嚴(yán)密性。用戶和管理員均可以在不同的設(shè)備上進(jìn)行登錄和使用，系統(tǒng)具有靈活性。

3系統(tǒng)設(shè)計(jì)綠城小學(xué)垃圾分類APP和綠城小學(xué)垃圾分類管理系統(tǒng)（Web端）共同構(gòu)成綠城小學(xué)垃圾分類系統(tǒng)。用戶通過登錄APP了解垃圾分類的相關(guān)知識(shí)，搜索垃圾的所屬類別，參與闖關(guān)答題，觀看、收藏自己喜歡的視頻等等。管理員通過網(wǎng)頁端對數(shù)據(jù)進(jìn)行操作，以達(dá)到管理與維護(hù)用戶數(shù)據(jù)的目的，管理者可以實(shí)時(shí)更新數(shù)據(jù)，保證數(shù)據(jù)的準(zhǔn)確性和有效性。3.1功能模塊設(shè)計(jì)3.1.1服務(wù)器端功能設(shè)計(jì)服務(wù)器端主要分為用戶管理、收藏管理、視頻管理以及題目管理，實(shí)現(xiàn)對信息的增、刪、改、查操作。3.1.2客戶端功能設(shè)計(jì)客戶端的功能主要包括查看垃圾分類小知識(shí)、搜索垃圾所屬類別、闖關(guān)答題、觀看與收藏垃圾分類視頻、查看產(chǎn)品相關(guān)信息。3.2數(shù)據(jù)庫設(shè)計(jì)3.2.1E-R圖3.2.2邏輯結(jié)構(gòu)設(shè)計(jì)用戶信息數(shù)據(jù)表設(shè)計(jì)lj_user_info為用戶信息數(shù)據(jù)表。（1）user_id為int類型，屬于主鍵，其內(nèi)容為編號(hào)1,2,3等。（2）user_account為varchar類型，內(nèi)容為用戶名。（3）user_pwd為varchar類型，內(nèi)容為密碼。（4）user_dreare_date為varchar類型，指創(chuàng)建時(shí)間。題目管理模塊數(shù)據(jù)表設(shè)計(jì)lj_radio_info為題目信息數(shù)據(jù)表。（1）radio_id為int類型，是數(shù)據(jù)表的主鍵，對應(yīng)內(nèi)容為編號(hào)。（2）radio_content為varchar類型，對應(yīng)內(nèi)容為題目內(nèi)容。（3）radio_options_one為varchar類型，對應(yīng)內(nèi)容為A選項(xiàng)內(nèi)容。（4）radio_options_two為varchar類型，對應(yīng)內(nèi)容為B選項(xiàng)內(nèi)容。（5）radio_options_three為varchar類型，對應(yīng)內(nèi)容為C選項(xiàng)內(nèi)容。（6）radio_options_four為varchar類型，對應(yīng)內(nèi)容為D選項(xiàng)內(nèi)容。（7）radio_answer為varchar類型，對應(yīng)內(nèi)容為正確答案。視頻管理模塊數(shù)據(jù)表設(shè)計(jì)lj_video_info為視頻數(shù)據(jù)表。（1）video_id為int類型，是數(shù)據(jù)表的主鍵，對應(yīng)內(nèi)容為編號(hào)。（2）video_title為varchar類型，對應(yīng)內(nèi)容為視頻標(biāo)題。（3）video_content為varchar類型，對應(yīng)內(nèi)容為視頻簡介。（4）video_url為varcha類型r，對應(yīng)內(nèi)容為視頻鏈接。收藏管理模塊數(shù)據(jù)表設(shè)計(jì)lj_collection_info為收藏?cái)?shù)據(jù)表。（1）collection_id為int類型，是數(shù)據(jù)表的主鍵，對應(yīng)內(nèi)容為編號(hào)。（2）collection_video_url為varchar類型，對應(yīng)內(nèi)容為視頻鏈接。（3）collection_video_title為varchar類型，對應(yīng)內(nèi)容為視頻標(biāo)題。（4）collection_video_id為int類型，對應(yīng)內(nèi)容為視頻編號(hào)。視頻-收藏?cái)?shù)據(jù)表設(shè)計(jì)lj_video_collection為視頻-收藏?cái)?shù)據(jù)表。（1）collection_id的類型為int，屬于數(shù)據(jù)表的主鍵，內(nèi)容為收藏編號(hào)。（2）video_id的類型為int，內(nèi)容為視頻編號(hào)。（3）user_id的類型為varchar，內(nèi)容為用戶名。3.3客戶端設(shè)計(jì)3.3.1客戶端用例圖3.3.2客戶端用例規(guī)格說明登錄、注冊的規(guī)格說明登錄、注冊的規(guī)格說明參與者用戶說明系統(tǒng)中存在用戶信息，直接登錄；若不存在，則需要進(jìn)行注冊。前置條件連接網(wǎng)絡(luò)，安裝“綠城小學(xué)垃圾分類APP”后置條件用戶登錄/注冊成功，進(jìn)入“綠城小學(xué)垃圾分類APP”。點(diǎn)擊“退出”可退出賬戶。主流事件（1）用戶填寫注冊信息并提交。（2）信息存放到系統(tǒng)中。（3）跳轉(zhuǎn)到登錄界面，輸入用戶名、密碼進(jìn)入APP。（4）用戶信息同步更新到Web端。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤查看垃圾分類小知識(shí)的規(guī)格說明查看垃圾分類小知識(shí)的規(guī)格說明參與者用戶說明用戶點(diǎn)擊“小知識(shí)”模塊中的內(nèi)容跳轉(zhuǎn)到想要了解的相關(guān)知識(shí)界面。前置條件用戶通過注冊/登錄進(jìn)入“綠城小學(xué)垃圾分類APP”。后置條件用戶查看、學(xué)習(xí)垃圾分類的相關(guān)知識(shí)。主流事件（1）用戶通過點(diǎn)擊按鈕，進(jìn)入想要了解的知識(shí)界面。（2）系統(tǒng)顯示知識(shí)內(nèi)容。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤搜索垃圾類別的規(guī)格說明搜索垃圾類別的規(guī)格說明參與者用戶說明用戶進(jìn)入搜索界面，輸入關(guān)鍵字，進(jìn)行垃圾類別的搜索。前置條件登錄進(jìn)入“綠城小學(xué)垃圾分類APP”后置條件用戶登錄/注冊成功，進(jìn)入“綠城小學(xué)垃圾分類APP”。主流事件（1）用戶輸入關(guān)鍵字，點(diǎn)擊搜索按鈕。（2）通過API進(jìn)行數(shù)據(jù)比對。（3）顯示垃圾具體信息。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤闖關(guān)答題的規(guī)格說明闖關(guān)答題的規(guī)格說明參與者用戶說明用戶進(jìn)入闖關(guān)答題界面，點(diǎn)擊“闖關(guān)小游戲”進(jìn)行闖關(guān)答題。答題完成后，顯示用時(shí)及成績，并可以在闖關(guān)記錄中查找最近10條記錄，以了解自己的答題情況。前置條件登錄進(jìn)入“綠城小學(xué)垃圾分類APP”。后置條件點(diǎn)擊“闖關(guān)記錄”可以查看最近10次的答題時(shí)間、用時(shí)以及成績。主流事件（1）用戶點(diǎn)擊“闖關(guān)小游戲按鈕”，系統(tǒng)從題庫中隨機(jī)調(diào)出題目。（2）用戶選擇題目答案，規(guī)定每題最多用時(shí)8秒，在選擇完成之后可以直接跳到下一題。（3）答題完成后，顯示總用時(shí)和成績。（4）系統(tǒng)將答題的日期、總用時(shí)以及成績存放到sqllite數(shù)據(jù)庫中。（5）當(dāng)點(diǎn)擊“闖關(guān)記錄”時(shí)，顯示最近10條信息。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤E-2：網(wǎng)絡(luò)連接錯(cuò)誤。觀看垃圾分類視頻的規(guī)格說明觀看垃圾分類視頻的規(guī)格說明參與者用戶說明用戶進(jìn)入“小視頻”模塊，點(diǎn)擊播放觀看垃圾分類視頻。前置條件登錄進(jìn)入“綠城小學(xué)垃圾分類APP”。后置條件點(diǎn)擊停止關(guān)閉視頻。主流事件（1）用戶進(jìn)入小視頻界面，點(diǎn)擊播放按鈕進(jìn)行播放。（2）用戶可以調(diào)整視頻的播放進(jìn)度。（3）點(diǎn)擊停止關(guān)閉視頻。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤E-2：網(wǎng)絡(luò)連接錯(cuò)誤。E-3：重新播放。收藏視頻的規(guī)格說明收藏視頻的規(guī)格說明參與者用戶說明用戶進(jìn)入“小視頻”模塊，點(diǎn)擊收藏按鈕，進(jìn)行收藏。通過側(cè)滑菜單欄中“我的收藏”進(jìn)入收藏界面，用戶可以觀看已經(jīng)收藏的視頻。前置條件登錄APP，進(jìn)入“小視頻”界面。后置條件在“我的收藏”中可以看到已經(jīng)收藏的視頻。主流事件（1）用戶進(jìn)入小視頻界面，點(diǎn)擊收藏按鈕，進(jìn)行收藏。（2）收藏視頻的數(shù)據(jù)傳回系統(tǒng)。（3）收藏?cái)?shù)據(jù)在APP的“我的收藏”和Web端顯示。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤E-2：網(wǎng)絡(luò)連接錯(cuò)誤。查看軟件信息的規(guī)格說明查看軟件信息的規(guī)格說明參與者用戶說明用戶通過側(cè)滑菜單欄中的按鈕進(jìn)入不同界面，查看軟件的信息。前置條件登錄“綠城小學(xué)垃圾分類APP”。后置條件用戶了解軟件的基本信息。主流事件（1）通過側(cè)滑菜單，點(diǎn)擊按鈕，跳轉(zhuǎn)到相關(guān)界面。（2）系統(tǒng)顯示具體信息。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤3.4服務(wù)器端設(shè)計(jì)3.4.1服務(wù)器端用例圖3.4.2服務(wù)器端用例規(guī)格說明管理用戶信息的規(guī)格說明管理用戶信息的規(guī)格說明參與者管理員說明管理員通過登錄web端的綠城小學(xué)垃圾分類管理系統(tǒng)，對用戶信息進(jìn)行添加、修改等操作。前置條件管理員登錄綠城小學(xué)垃圾分類系統(tǒng)。后置條件用戶信息更新/存放到數(shù)據(jù)表中，并在網(wǎng)頁上顯示出來。主流事件（1）web端通過調(diào)用數(shù)據(jù)庫顯示用戶數(shù)據(jù)。（2）管理員對數(shù)據(jù)進(jìn)行操作。（3）顯示修改或添加成功。（4）將數(shù)據(jù)傳回到數(shù)據(jù)庫表中。（5）APP端用戶信息同步更新。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤E-2：每次僅選擇一個(gè)用戶信息進(jìn)行修改，無法同時(shí)對多個(gè)用戶進(jìn)行操作。管理闖關(guān)答題信息的規(guī)格說明管理闖關(guān)答題信息的規(guī)格說明參與者管理員說明管理員通過登錄web端的綠城小學(xué)垃圾分類管理系統(tǒng)，對闖關(guān)答題的題目信息進(jìn)行添加、修改等操作。前置條件管理員登錄綠城小學(xué)垃圾分類系統(tǒng)。后置條件題目信息添加/更新存放到數(shù)據(jù)表中，并在網(wǎng)頁上顯示出來。主流事件（1）web端通過調(diào)用數(shù)據(jù)庫顯示題目數(shù)據(jù)。（2）管理員對數(shù)據(jù)進(jìn)行操作。（3）顯示修改或添加成功。（4）將數(shù)據(jù)傳回到數(shù)據(jù)庫表中。（5）APP端答題數(shù)據(jù)同步更新。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤E-2：每次僅選擇一個(gè)題目進(jìn)行修改，無法同時(shí)對多個(gè)題目進(jìn)行操作。管理視頻模塊的規(guī)格說明管理視頻模塊的規(guī)格說明參與者管理員說明管理員通過登錄web端的綠城小學(xué)垃圾分類管理系統(tǒng)，對視頻模塊的信息進(jìn)行添加、修改等操作。前置條件管理員登錄綠城小學(xué)垃圾分類系統(tǒng)。后置條件將視頻的地址添加到系統(tǒng)中，并通過接口傳送到APP端。主流事件（1）web端通過調(diào)用數(shù)據(jù)庫視頻數(shù)據(jù)。（2）管理員選擇視頻進(jìn)行上傳。（3）顯示修改或上傳成功。（4）網(wǎng)頁和APP中顯示的視頻數(shù)據(jù)同步更新。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤E-2：每次僅能上傳一個(gè)視頻，同時(shí)每次也只能修改一條視頻。管理收藏模塊的規(guī)格說明管理收藏模塊的規(guī)格說明參與者管理員說明管理員通過登錄web端的綠城小學(xué)垃圾分類管理系統(tǒng)，對收藏模塊的信息進(jìn)行刪除、添加等操作。前置條件管理員登錄綠城小學(xué)垃圾分類系統(tǒng)，每個(gè)用戶收藏的內(nèi)容不一樣，需要登錄相應(yīng)的賬戶進(jìn)行操作。后置條件將收藏視頻的地址添加到系統(tǒng)中，并通過接口傳送到APP端。主流事件web端通過調(diào)用數(shù)據(jù)庫視頻數(shù)據(jù)。管理員選擇視頻進(jìn)行添加和刪除。顯示成功。網(wǎng)頁和APP中顯示的視頻收藏?cái)?shù)據(jù)同步更新。備選事件流E-1：賬號(hào)或密碼錯(cuò)誤E-2：每次僅能對一條視頻進(jìn)行操作。E-3：每個(gè)賬戶有對應(yīng)的收藏信息，需登錄相關(guān)賬戶進(jìn)行操作。

4系統(tǒng)功能實(shí)現(xiàn)4.1客戶端1.導(dǎo)入相關(guān)依賴庫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'//網(wǎng)絡(luò)請求implementationproject(':nicevideoplayer')//視頻2.配置接口3.在MyApplication中進(jìn)行初始化，調(diào)用環(huán)境。4.sqllite數(shù)據(jù)庫（1）創(chuàng)建本地文件存放用戶名和密碼。（2）創(chuàng)建數(shù)據(jù)庫存放闖關(guān)記錄。（3）創(chuàng)建數(shù)據(jù)表。（4）查看/導(dǎo)出數(shù)據(jù)庫4.1.1啟動(dòng)頁與注冊、登錄的實(shí)現(xiàn)啟動(dòng)頁啟動(dòng)頁FristActivity，延遲時(shí)間為2秒，然后通過跳轉(zhuǎn)語句到登錄界面。在styles.xml中定義背景圖及樣式。登錄功能LoginActivity繼承BaseActivity。1.BaseActivity中的方法2.login_activity.xml布局如圖4-2，應(yīng)用TextView、ImageView、Button等控件，背景清新美觀。3.LoginActivity向后臺(tái)進(jìn)行網(wǎng)絡(luò)請求，向服務(wù)端傳遞參數(shù)，使用get獲取數(shù)據(jù)并進(jìn)行解析。注冊功能1.RegiestActivity使用post進(jìn)行網(wǎng)絡(luò)請求，向服務(wù)器端傳送數(shù)據(jù)。2.activity_regiest4.1.2小知識(shí)1.布局fragment_one如下圖，應(yīng)用到CardView卡片式布局。2.OneFragment連接頁面布局，為每個(gè)按鈕添加點(diǎn)擊觸發(fā)事件。3.對于小知識(shí)里面的五個(gè)模塊和四個(gè)子模塊進(jìn)行布局設(shè)計(jì)，應(yīng)用到ImageView、CardView、toolbar、TextView等控件，在添加點(diǎn)擊觸發(fā)和頁面跳轉(zhuǎn)語句。4.1.3搜一搜1.布局fragment_two應(yīng)用toolbar和RecyclerView進(jìn)行布局。2.代碼（1）CodeBean定義實(shí)體類（2）TwoFragment通過API接口向服務(wù)端做請求，將數(shù)據(jù)轉(zhuǎn)換為實(shí)體類，采取自定義適配器進(jìn)行布局顯示。4.1.4闖一闖闖關(guān)小游戲1.布局fragment_game_test和activity_lianxi2.點(diǎn)擊事件跳轉(zhuǎn)界面3.倒計(jì)時(shí)3秒鐘，最開始隱藏倒計(jì)時(shí)，通過觸發(fā)顯示。4.對數(shù)據(jù)庫進(jìn)行操作5.倒計(jì)時(shí)8秒，可通過點(diǎn)擊事件進(jìn)入下一題，最終獲取總成績。闖關(guān)記錄1.闖關(guān)記錄RecordActivity（1）獲取當(dāng)前登錄賬號(hào)（2）對數(shù)據(jù)庫進(jìn)行操作，獲取闖關(guān)記錄。（3）自定義適配器2.activity_record布局界面4.1.5小視頻1.網(wǎng)絡(luò)請求獲取視頻。2.通過網(wǎng)絡(luò)請求，傳送數(shù)據(jù)，進(jìn)行收藏。3.使用toolbar和RecyclerView進(jìn)行頁面布局。4.1.6小科普1.通過RecyclerView進(jìn)行頁面布局2.利用get方法獲取內(nèi)容，再轉(zhuǎn)化為實(shí)體類。自定義適配器，為列表項(xiàng)配置。4.1.7側(cè)滑菜單欄基本信息1.MainActivity中編寫點(diǎn)擊觸發(fā)事件，通過跳轉(zhuǎn)語句進(jìn)行界面的跳轉(zhuǎn)。在AppMessageActivity中綁定布局。2.布局activity_app_message關(guān)于我們1.在MainActivity中，通過OnClick點(diǎn)擊事件監(jiān)聽，當(dāng)點(diǎn)擊側(cè)滑欄中的“關(guān)于我們”時(shí)，跳轉(zhuǎn)到綠城小學(xué)的詳情界面。2.Activity_school_details.xml布局我的收藏添加點(diǎn)擊事件，使之能夠從菜單欄跳轉(zhuǎn)到收藏界面。退出在MainActivity中通過putSring釋放用戶名，退出程序。在通過跳轉(zhuǎn)語句回到登錄界面。4.1.8底部導(dǎo)航欄1.布局2.MainActivity底部導(dǎo)航欄應(yīng)用RadioGroup單項(xiàng)選擇進(jìn)行布局，當(dāng)其中某一按鈕被點(diǎn)擊時(shí)，顯示界面，其余界面隱藏。4.2服務(wù)器端如下圖，首先建立mysql與主機(jī)的連接，創(chuàng)建數(shù)據(jù)庫及數(shù)據(jù)表，如表3-1、表3-2、表3-3、表3-4、表3-5。并在idea的中進(jìn)行配置，連接數(shù)據(jù)庫。4.2.1用戶管理UserInfo.java如上圖，定義UserInfo實(shí)體類，在UserInfo.java中聲明get()和set()方法。UserInfoMapper.java首先聲明對象listALL()，再聲明增、刪、改、查的方法名。如查詢UserInfogetById(IntegeruserId);插入intinsert(UserInfouserInfo);修改 intupdate(UserInfouserInfo);UserInfoMapper.xml1.聲明字段名稱2.查詢通過SELECT方法實(shí)現(xiàn)3.插入4.修改UserInfoController.java首先調(diào)用UserInfoMapper.java中的方法，獲取數(shù)據(jù)。返回code:200或500data:listmsg:"成功、失敗"userInfo-list.html1.創(chuàng)建userInfo-list.html文件，進(jìn)行網(wǎng)頁布局與數(shù)據(jù)顯示。創(chuàng)建、引用userInfo-list.js。2.引用js:<scriptth:src="@{/admin/dist/js/userInfo-list.js}"></script>創(chuàng)建表格，展示數(shù)據(jù)。3.userInfo-list中實(shí)現(xiàn)跳轉(zhuǎn)界面。（1）跳轉(zhuǎn)到添加界面（2）跳轉(zhuǎn)到修改界面4.跳轉(zhuǎn)界面userInfo-edit.html，引用userInfo-edit.js5.在userInfo-edit.js中定義url。調(diào)用方法，將參數(shù)傳回UserInfoController.java。AdminPageController.java調(diào)用方法進(jìn)行跳轉(zhuǎn)。4.2.2題目、視頻與收藏管理與用戶信息管理模塊類似。1.首先創(chuàng)建實(shí)體類，定義數(shù)據(jù)類型，聲明get（）和set（）方法。2.聲明實(shí)現(xiàn)方法，如對象和增、刪、改、查的方法名。3.在mapper.xml中編寫實(shí)現(xiàn)mapper的方法代碼語句（增、刪、改、查SQL語句）。4.編寫Controller類，調(diào)用mapper中的方法，獲取數(shù)據(jù)。5.在html中聲明頁面布局和input、from、button的id以及onclick事件。編寫js代碼，js通過html調(diào)用獲取html中的id進(jìn)行表格的生成。6.實(shí)現(xiàn)頁面跳轉(zhuǎn)5系統(tǒng)測試5.1綠城小學(xué)垃圾分類APP初始界面5.1.1軟件圖標(biāo)在android手機(jī)上安裝“綠城小學(xué)垃圾分類APP”，軟件圖標(biāo)如圖6-1所示。點(diǎn)擊圖標(biāo)進(jìn)入APP。5.1.2啟動(dòng)頁進(jìn)入“綠城小學(xué)垃圾分類APP”，首先顯示軟件的啟動(dòng)頁面（圖5-2），頁面清新美觀，持續(xù)2秒鐘跳轉(zhuǎn)到軟件的登錄界面。5.2登錄、注冊5.2.1登錄首先進(jìn)入APP的登錄頁面，如5-3所示。需要輸入用戶名、密碼進(jìn)行登錄。當(dāng)未輸入用戶名或密碼，亦或是用戶名或密碼輸入有誤時(shí)，會(huì)顯示相關(guān)提示，如圖5-4。當(dāng)用戶成功登錄后，會(huì)跳轉(zhuǎn)到主界面。圖圖5.2.2注冊當(dāng)系統(tǒng)中不存在用戶信息或是使用者屬于新用戶時(shí)，需要點(diǎn)擊注冊按鈕進(jìn)行注冊。注冊界面如圖5-5。圖注冊成功后，提示成功信息并跳轉(zhuǎn)回登錄界面。用戶輸入信息進(jìn)行登錄即可，登錄成功后跳轉(zhuǎn)到主頁并顯示歡迎使用。如圖5-6所示。圖5.2.3后臺(tái)用戶信息輸入用戶名admin，密碼123456。點(diǎn)擊登錄進(jìn)入后臺(tái)。點(diǎn)擊左側(cè)的用戶管理，即可查詢到APP中剛注冊的用戶信息。圖圖5.3APP中“小知識(shí)”模塊“小知識(shí)”模塊主要包含垃圾分類的目的、垃圾分類的小知識(shí)、垃圾分類的意義、什么是垃圾分類以及垃圾分類口訣五方面。圖5.3.1垃圾分類的目的圖5.3.2垃圾分類的小知識(shí)圖可回收物圖廚余垃圾圖有害垃圾圖其他垃圾圖5.3.3垃圾分類的意義圖5.3.4什么是垃圾分類圖5.3.5垃圾分類口訣圖5.4APP中“搜一搜”模塊在搜索框輸入關(guān)鍵字，點(diǎn)擊搜索按鈕，實(shí)現(xiàn)模糊搜索。圖圖5.5APP中的“闖一闖”模塊點(diǎn)擊闖關(guān)，進(jìn)入闖關(guān)模塊，包括“闖關(guān)小游戲”和“闖關(guān)記錄”兩個(gè)按鈕，如圖5-20。圖點(diǎn)擊闖關(guān)小游戲，倒計(jì)時(shí)3秒后開始答題。每次隨機(jī)出示5題，每題倒計(jì)時(shí)8秒，選擇答案后可以直接進(jìn)入下一題。做下一題的時(shí)候會(huì)顯示上一題的答案，5題結(jié)束后顯示最終成績和總用時(shí)。倒計(jì)時(shí)的設(shè)計(jì)使闖關(guān)答題更加刺激，答題過程如5-21。圖點(diǎn)擊闖關(guān)記錄，顯示闖關(guān)記錄，顯示最新10條記錄，如圖5-22。圖5.6APP中的“小視頻”模塊進(jìn)入小視頻模塊，如圖5-23，對于視頻可以播放和暫停，點(diǎn)擊右上角收藏按鈕可以根據(jù)需求進(jìn)行收藏。在側(cè)滑菜單欄中點(diǎn)擊“我的收藏”，可以找到剛剛收藏的信息。收藏功能具有獨(dú)立性和安全性，不同用戶通過用戶名、密碼登錄后才可以收藏，每個(gè)用戶收藏內(nèi)容不同，支持在不同設(shè)備登錄賬戶。圖圖5.7APP中的“小科普”模塊用戶通過小科普模塊進(jìn)行學(xué)習(xí)，強(qiáng)化垃圾分類的相關(guān)知識(shí)，并通過闖關(guān)答題進(jìn)行檢驗(yàn)。5.8側(cè)滑菜單欄及APP相關(guān)信息5.8.1基本信息5.8.2關(guān)于我們5.8.3退出點(diǎn)擊“退出”，退出登錄，跳轉(zhuǎn)回“登錄”界面。若不點(diǎn)擊退出，下次用戶進(jìn)入軟件無需登錄，軟件有記住密碼功能。5.9后臺(tái)管理5.9.1用戶管理如圖5-31，用戶信息管理，可對用戶信息進(jìn)行添加和修改。5.9.2題目信息管理5.9.3視頻管理5.9.4收藏管理

結(jié)論綠城小學(xué)垃圾分類APP不同于市場上現(xiàn)有的APP，它更加符合綠城小學(xué)學(xué)生們的需求和認(rèn)知