《基于HTML的垃圾詳細分類顯示功能網(wǎng)站設(shè)計》11000字（論文）

基于HTML的垃圾詳細分類顯示功能網(wǎng)站設(shè)計目錄14879摘要 -1-摘要正如全國所了解到的，垃圾分類已在2019年7月1日在上海正式執(zhí)行，逐漸推往全國[1]?，F(xiàn)如今人們?yōu)榱颂岣呃诸惖姆奖阈?、簡潔性，本垃圾分類系統(tǒng)使用一種基于數(shù)據(jù)關(guān)聯(lián)規(guī)則垃圾分類網(wǎng)站的方案，此方案與現(xiàn)有的網(wǎng)上已采用的一些方案相比較而言，具有提高垃圾分類日常經(jīng)營、常規(guī)的信息處理、加深垃圾分類的重視度。該系統(tǒng)采用常規(guī)的HTML語言，CSS技術(shù)，JSP技術(shù)，MYSQL數(shù)據(jù)庫基礎(chǔ)原理；搭建具有垃圾詳細分類顯示功能的網(wǎng)站主界面和詳情，留言等功能，以及需要管理員進行網(wǎng)站信息修改等后臺功能設(shè)計。關(guān)鍵詞：JSP；垃圾分類系統(tǒng)；CSS技術(shù)；MYSQL數(shù)據(jù)庫1引言我們都知道的是在隨著計算機不管發(fā)明之后,計算機管理應(yīng)用智能化就在不停止地猛進且慢慢與其他領(lǐng)域都成為現(xiàn)代科技發(fā)展重點技術(shù)[2]。而最嚴重的就是我國的人口在不斷增長的同時帶來了生態(tài)平衡的重要危害，垃圾污染也逐日成為人心憂憂的難題。丟棄的廢品將何去何從？廢品回收是否有達到有效再次利用？以及一系列的問題凸顯出來。自從2019年7月1日在上海正式執(zhí)行垃圾分類，上海鼓勵各單位、小區(qū)先分類（有害、可回收、濕、干垃圾）再對收集容器做規(guī)范，而只是改善了眾多問題的冰山一角。但是在近幾年的趨勢，管理垃圾分類的系統(tǒng)、APP、應(yīng)用也逐步進入人們?nèi)粘Ｉ钪械某绦?。雖然該系統(tǒng)建立在現(xiàn)今社會已有的基本框架上，但有著超越以及突破常規(guī)理念的設(shè)計想法，在面對市場的競爭下，打破便捷、快捷、更加人性的用戶體驗。從小區(qū)以及社區(qū)的住民角度，開發(fā)更貼近百姓生活所需的垃圾分類管理系統(tǒng)，做到分類不是難題，難題不再是分類的思想理念；并且從工作人員的方面做到：降低無需的成本，并且減少了不必要的工作量，只要日常垃圾收集容器的維護以及清理；而對于該系統(tǒng)的管理層達到：可以快速方便的提供最精確、豐富的信息資源，大大提高垃圾分類的知名度。在該系統(tǒng)的正式運行時可減少社會垃圾分類的負擔是該系統(tǒng)的最終效果。

2、系統(tǒng)設(shè)計與分析2.1設(shè)計理念突破以往的一層不變的界面設(shè)計，搭建面對不同用戶有著不同風格的界面設(shè)計；為了更加切近居民的用戶體驗，使用留言等信息來針對系統(tǒng)的缺漏進行改善；可以及時更改用戶及管理員編寫的信息，對資料進行修改；各類垃圾分類信息功能：展示詳細信息，用戶注冊登入功能：讓非注冊用戶填寫基本信息；管理員功能：查看用戶居民的基本信息，以及參加的志愿活動詳情；建議留言功能：為社區(qū)、校區(qū)以及校園等地的垃圾分類管理提出意見和建議，讓更多人的垃圾分類用戶者與管理者查看。2.2系統(tǒng)開發(fā)工具2.2.1eclipse簡介Eclipse是學生在學校最常使用的跨平臺的自由集成開發(fā)環(huán)境（IDE）[3]。就其本身而言，它只是一個框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運的是，Eclipse附帶了一個標準的插件集，包括Java開發(fā)工具（JavaDevelopmentKit，JDK）[4]。2.2.2MySQL簡介數(shù)據(jù)庫（Database）一般情況下是按照數(shù)據(jù)結(jié)構(gòu)來進行組織、存放和管理數(shù)據(jù)的巨型版?zhèn)}庫[5]。其中經(jīng)常存在的InnoDB引擎[6]也是將自動數(shù)據(jù)，無需手動處理。JSON[7]提升也是向Oracle[8]不斷延申。2.3系統(tǒng)開發(fā)技術(shù)這個畢業(yè)設(shè)計是基于SSM[9]垃圾分類后臺管理系統(tǒng)運用了當代目前特別火熱的基本三大框架：Spring和SpringMVC與Mybatis。下面有作者對現(xiàn)目前存在的三個基本架構(gòu)做一個粗略大概的技術(shù)說明報告簡析。2.3.1Spring技術(shù)簡介Spring是目前最為流行的業(yè)務(wù)層框架，它的核心思想是IOC和AOP兩大核心思想[10]。首先我們先了解下AOP就是我們所知道的切面編程，這個切面編程有利于減少我們程序中冗余且沒必要的重復(fù)的代碼或者說是內(nèi)容，這是把其中的重復(fù)代碼提取出來，再緊接著使用poxy動態(tài)來代替現(xiàn)有的技術(shù)。從實際開發(fā)的角度考慮我們程序員往往事不可以去試圖修改第三方提供的jar包，但在某種情況下我們又十分想要在原有的功能奇數(shù)上進行增強或消弱，這時候動態(tài)代理技術(shù)就派上用場。讓讀者們了解和認識到AOP的三大突出、顯而易見的優(yōu)點：首先他可以提高程序員開發(fā)效率、減少沒必要的代碼冗余[11]。2.3.2SpringMVC技術(shù)簡介普通的模型機構(gòu)層被拆分為二，分別是Service層和數(shù)據(jù)訪問層。在Service層下可以通過Spring的說明方式來日常操作事務(wù)方可數(shù)據(jù)訪問層，而在業(yè)務(wù)層也就是Service層上還許可用戶訪，這樣的流程就能即滿足異軍突起的NoSQL了，同時也可以制度上提高互聯(lián)網(wǎng)系統(tǒng)的技術(shù)層面，相對來說還是可倡導(dǎo)的。2.3.3MyBatis技術(shù)簡介Mybatis是應(yīng)用在持久層開源框架[12]，通俗來說就是前后臺使用數(shù)據(jù)交互關(guān)鍵步驟。這在一方面上既然是肯定需要對數(shù)據(jù)庫進行允許數(shù)據(jù)內(nèi)容的訪問許可，這是因為它采用ORM等奇特的理念對數(shù)據(jù)庫表投射出來的實體類運行，接下來再操作具體的表。2.4社會可行性分析該系統(tǒng)建立能達標高效科學地服務(wù)與管理，減輕整個垃圾分類的繁瑣業(yè)務(wù)，和環(huán)衛(wèi)工作者的工作量?？梢圆樵兝诸惖臄?shù)量和品類，更好的統(tǒng)計什么垃圾在當下占百分比最多，后續(xù)可以針對垃圾的比例做出合理的措施去改善社會存在的問題。還能對用戶備注、建議、反饋進行管理調(diào)整客戶對垃圾分類的評價才能更好、簡潔地制定長遠發(fā)展方向。本系統(tǒng)節(jié)約了眾多人力、財力、時間資源，并且在維護社會環(huán)境有了質(zhì)的飛躍。

3、主要系統(tǒng)概要設(shè)計3.1用戶需求分析3.1.1前臺主模塊前臺模塊主要包括了前臺登入模塊、驗證碼核對通過模塊、管理員或用戶權(quán)限區(qū)分模塊以及驗證碼模塊。這份系統(tǒng)將會嚴格按照圖中所描述的整體結(jié)構(gòu)進行設(shè)計與改觀，如圖3-1所示。圖3-1前臺功能模塊圖前臺需要登入模塊的詳細說明書：用戶點擊確定即可登錄系統(tǒng)。該登錄的頁面在用戶點擊提交過后就會通過form表單的提交authAdminLogin.do?Ac=adminlogin&a=a請求給到后端的控制器，后端的控制器authAdminLogin控制器接收到到請求之后就會對進行處理，在對應(yīng)的UserController類的authAdminLogin方法里首先會對頁面上輸入的賬戶和用戶名以及登錄角色進行獲取，獲取完后又將獲取的數(shù)據(jù)給到authLoginUser來進行處理，在authLoginUser首先會對傳過來的賬號、密碼、登錄類型進行非空的判斷，接著會獲取用戶輸入的驗證碼判斷輸入的驗證碼是否正確無誤的話接下來就會判斷登錄的角色是什么，并且將對應(yīng)的用戶名和密碼的login進行select查詢，再對查詢出來的結(jié)果進行判斷，如果返回的為空的話就代表沒有這個用戶，則會提示用戶名或密碼錯誤。后再用getSession().setAttribute來對指定的屬性進行賦值，賦值完成后對referer進行賦值并返回json數(shù)據(jù)給到前端，接著進行頁面的跳轉(zhuǎn)到首頁并且進行顯示“成功登入”，這樣的過程即是登錄完成。3.1.2后臺模塊后臺模塊是針對用戶管理后臺以及管理員管理的需求做出具體操作流程所需模塊，對系統(tǒng)有著至關(guān)重要的作用與調(diào)節(jié)作用。后臺模塊結(jié)構(gòu)如圖3-2所示。圖3-2后臺功能模塊圖（1）垃圾信息管理：可以查看所有投放垃圾的編號、物品、垃圾類型、投放時間、以及申請回收的操作請求，同時也有種類的劃分，總數(shù)量的統(tǒng)計。方便居民和管理人員的查看和修改，是整個系統(tǒng)更加規(guī)范與簡潔明了。（2）回收申請管理：居民可以在投放垃圾后，編輯垃圾的重量、小區(qū)名稱以及對該類垃圾的備注說明，以便工作人員的正常工作進行。也要輸入個人聯(lián)系方式，方便在不規(guī)范投放垃圾做出措施，同時不小心投放重要垃圾方便找回。用戶也可以查詢是歸屬什么小區(qū)、以及已投放垃圾的狀態(tài)是否已回收。（3）站點信息管理：每個投放垃圾的地方都有個專屬ID，居民在投放垃圾是須填寫該垃圾桶的編號以及站點的位置所處在的是什么小區(qū)，以及在該站點的負責人等重要信息都一定要填寫，方面管理層系統(tǒng)地整理和分類。（4）保修上報管理：該管理包括查詢保修或上報的進程狀態(tài)，也可以查看維修工作者的名字，以及查閱處理者的聯(lián)系方式。改管理體現(xiàn)了此系統(tǒng)的透明化以及處理問題的時效性。（5）投訴信息管理：為了完善使用者的使用系統(tǒng)的體驗，根據(jù)設(shè)備、垃圾桶、環(huán)境或工作人員的不妥善處理做出建議或投訴。管理者可根據(jù)用戶者的留言做出相對應(yīng)的改善，也可根據(jù)投訴信息追蹤到具體流程的負責人，達到“用戶至上”的理念。（6）個人中心管理：管理者可根據(jù)用戶忘記密碼或者想創(chuàng)建賬號就可以在個人中心更改或者創(chuàng)建。也可以及時更改用戶及管理者的密碼還有更改電話號碼、用戶名稱。（7）賬號管理：可以對所有管理員賬號進行查找、以及排序所有現(xiàn)存的管理人員名單，編輯或刪除管理員賬號的屬性，也可以修改個人賬號的密碼、確認密碼等操作。也可以對發(fā)布時間進行降序或升序搜索，實現(xiàn)了合理同時也有效的管理模式。（8）用戶管理：實現(xiàn)了管理員后臺添加用戶名稱、賬號、密碼的實現(xiàn)。也可以實時查看所有現(xiàn)存的用戶個人信息。（9）日志管理：（10）小區(qū)管理：可以添加小區(qū)的名稱來完善垃圾分類的普及性及完整性，也方便查閱所處的垃圾分類的詳細信息，也可以及時更改小區(qū)信息。3.2開發(fā)環(huán)境3.2.1系統(tǒng)運行硬件環(huán)境CPU：Intel(R)Core(TM)i7-6500UCPU@2.50GHz內(nèi)存：8G硬盤：1T電腦顯示分辨率：1920*1080像素3.2.2系統(tǒng)運行軟件環(huán)境操作系統(tǒng)：Windows10數(shù)據(jù)庫：MYSQL

系統(tǒng)流程設(shè)計4.1流程圖因本系統(tǒng)中包含前臺普通用戶及管理員登錄、后臺用戶管理和系統(tǒng)后臺管理員三大重要角色，圖4-1、圖4-2、圖4-3、圖4-4、圖4-5、圖4-6展現(xiàn)的便是本系統(tǒng)的用例圖。4.1.1用戶、管理員注冊流程圖用戶及管理員注冊是一個系統(tǒng)的開始，也是一個系統(tǒng)正式進入程序的重要里程碑。當用戶的具體操作提交注冊申請之后對數(shù)據(jù)庫表格做具體審核及檢驗，系統(tǒng)自動判斷用戶名、密碼是否存在，都能夠給用戶回顯。具體用戶、管理員注冊流程圖如4-1所示。圖4-1注冊成功流程圖4.1.2用戶登錄流程圖后臺數(shù)據(jù)庫對登入數(shù)據(jù)首先進行驗證碼的檢驗，反則進入登陸成功提醒界面。登陸流程圖如圖4-2可示。圖4-2登陸成功流程圖4.1.3添加信息流程圖用戶或管理員開始添加信息，即會通過以下流程，如圖4-3所示。圖4-3添加信息成功流程圖4.1.4刪除信息流程圖開始向后臺系統(tǒng)發(fā)出刪除信息請求，系統(tǒng)會自動得出以下具體流程，如圖4-4所示。圖4-4刪除信息成功流程圖4.1.5查詢信息流程圖發(fā)送查詢請求后，后臺的DAO層會向數(shù)據(jù)庫查詢并及時返回處理面對的數(shù)據(jù)信息做出合理的放應(yīng)。當然如果數(shù)據(jù)不為空向用戶展示數(shù)據(jù)，否則屏幕會顯示查詢失敗，具體流程如圖4-5所示。圖4-5查詢信息成功流程圖4.2E-R圖這是代表邏輯關(guān)系模型的某種形式。通過“矩形框”帶你表實體類，但一定要在矩形框內(nèi)寫明實體名稱。用“橢圓”匡或圓角匡表示實體的屬性，并用“實心線段”將其與實體要進行連接，才能有實際上的明確用意。（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圖小區(qū)實體類E-R圖，具體表示如圖4-21所示。圖4-21小區(qū)信息E-R圖4.3數(shù)據(jù)庫表設(shè)計通過對本系統(tǒng)的研究以及分析，針對這個系統(tǒng)設(shè)計了14張數(shù)據(jù)庫表，表4-13到表4-18所示的是主要的系統(tǒng)數(shù)據(jù)庫表。表4-1管理員表字段名字段類型名稱idint(主鍵)usernamevarchar(50)帳號pwdvarchar(50)密碼addtimetimestamp添加時間管理員表會顯示各個管理員的賬號、密碼以及后臺添加時會顯示賬號添加的時間，方便后續(xù)查看以及統(tǒng)計。同時將賬號ID作為管理員表的主鍵，將時間的字段屬性為timestamp，有了規(guī)范性的格式。表4-2用戶信息表字段名字段類型名稱idint(主鍵)zhanghaovarchar(50)賬號mimavarchar(50)密碼xingmingvarchar(50)姓名xingbievarchar(255)性別shoujivarchar(50)手機addtimetimestamp添加時間用戶信息表具體顯示了用戶的賬號、密碼、姓名、性別、手機登基本個人信息，同時將用戶ID設(shè)置為該表的主鍵。方便存儲廣大用戶的詳細信息，也不易丟失、破壞數(shù)據(jù)。表4-3垃圾信息表字段名字段類型名稱idint(主鍵)lajibianhaovarchar(50)垃圾編號lajimingchengvarchar(255)垃圾名稱lajileixingint垃圾類型toufangyaoqiutext投放要求zhuyaobaokuotext主要包括xiangqingmiaoshulongtext詳情描述addtimetimestamp添加時間將垃圾信息表設(shè)置索引，字段為垃圾類型，同時關(guān)聯(lián)垃圾類型中的ID字段。此表將投放要求及主要包括兩個字段的類型屬性設(shè)置為TEXT格式，這樣好處理文字字數(shù)的限制，也可以達到長篇大論的要求，而在詳情描述的問題上，加長了文字的字數(shù)限制。表4-4垃圾類型表字段名字段類型名稱idint(主鍵)leixingmingchengvarchar(255)類型名稱addtimetimestamp添加時間垃圾類型表添加了兩個字段名及字段類型屬性。分別是類型名稱和添加時間，同時將類型名稱字段的屬性設(shè)置為varchar，長度為255，以便防止在用戶體驗系統(tǒng)時出現(xiàn)bug。表4-5垃圾運輸表字段名字段類型名稱idint(主鍵)huishoushenqingidint回收申請idlajibianhaovarchar(50)垃圾編號lajimingchengvarchar(255)垃圾名稱lajileixingint垃圾類型lajizhongliangvarchar(50)垃圾重量shenqingrenvarchar(50)申請人yunwangzhandianint運往站點yunshushijianvarchar(25)運輸時間yunshufenliangvarchar(50)運輸份量addtimetimestamp添加時間該表分別與回收申請垃圾表、垃圾類型、站點信息建立了索引，字段分別為回收申請ID、垃圾類型、運往站點建立了關(guān)聯(lián)。這樣就可以達到表與表之間的聯(lián)系，數(shù)據(jù)共享的功能。其中垃圾運輸表中的添加時間與運輸時間的字段類型屬性不同，分別一個是時間刻度的顯示，一個是普遍常用的阿拉伯數(shù)字顯示。達到合理區(qū)分時間的使用方法。表4-6站點信息表字段名字段類型名稱idint(主鍵)zhandianbianhaovarchar(50)站點編號zhandianmingchengvarchar(255)站點名稱dizhivarchar(255)地址zhandianfuzerenvarchar(50)站點負責人addtimetimestamp添加時間該站點信息表包括站點編號、站點名稱、站點的地址、站點負責人及該站點的添加時間。合理有效的助于管理員管理各站點垃圾的信息管理，其中站點編號及站點負責人的字段屬性的長度僅設(shè)置為50，與其他字段屬性不一致。表4-7報修上報表字段名字段類型名稱idint(主鍵)zhandianxinxiidint站點信息idzhandianbianhaovarchar(50)站點編號zhandianmingchengvarchar(255)站點名稱dizhivarchar(255)地址zhandianfuzerenvarchar(50)站點負責人baoxiubianhaovarchar(50)報修編號baoxiurenvarchar(50)報修人baoxiuzhuangtaivarchar(50)報修狀態(tài)querenzhuangtaivarchar(50)確認狀態(tài)baoxiubeizhutext報修備注addtimetimestamp添加時間表4-8維修處理表字段名字段類型名稱idint(主鍵)baoxiushangbaoidint保修上報idzhandianbianhaovarchar(50)站點編號zhandianmingchengvarchar(255)站點名稱dizhivarchar(255)地址baoxiubianhaovarchar(50)報修編號baoxiurenvarchar(50)報修人wanchengzhuangtaivarchar(255)完成狀態(tài)chulimiaoshutext處理描述chulirenvarchar(50)處理人addtimetimestamp添加時間維修處理表中的保修上報ID與保修上報表進行關(guān)聯(lián)、索引。達到兩個表格的數(shù)據(jù)相互串通、使用以及訪問。其次，在維修處理表中的處理描述采用text格式進行的屬性設(shè)置，更方便及全面給用戶舒適的體驗。表4-9維修確認表字段名字段類型名稱idint(主鍵)weixiuchuliidint維修處理idzhandianbianhaovarchar(50)站點編號zhandianmingchengvarchar(255)站點名稱dizhivarchar(255)地址baoxiubianhaovarchar(50)報修編號chulimiaoshutext處理描述querenbeizhutext確認備注querenrenvarchar(50)確認人addtimetimestamp添加時間維修確認表的維修處理ID與維修處理中的ID進行索引、關(guān)聯(lián)。兩張表進行聯(lián)系，方便套取各表中的數(shù)據(jù)，有利于數(shù)據(jù)的傳遞和共享。其中處理描述和確認備注的字段屬性都設(shè)置為text格式，方便技術(shù)人員進行備注，減少文字限制給系統(tǒng)帶來的壓力。表4-10投訴表字段名字段類型名稱idint(主鍵)zhandianxinxiidint站點信息idtousubianhaovarchar(50)投訴編號zhandianbianhaovarchar(50)站點編號zhandianmingchengvarchar(255)站點名稱dizhivarchar(255)地址zhandianfuzerenvarchar(50)站點負責人tousuzhuangtaivarchar(50)投訴狀態(tài)querenzhuangtaivarchar(50)確認狀態(tài)tousubeizhutext投訴備注tousurenvarchar(50)投訴人addtimetimestamp添加時間投訴表中的站點信息ID與站點信息表中的ID進行索引、關(guān)聯(lián)。兩張表進行聯(lián)系，方便套取各表中的數(shù)據(jù)，有利于數(shù)據(jù)的傳遞和共享。表4-11投訴處理表字段名字段類型名稱idint(主鍵)tousuidint投訴idtousubianhaovarchar(50)投訴編號zhandianbianhaovarchar(50)站點編號zhandianmingchengvarchar(255)站點名稱tousubeizhutext投訴備注tousurenvarchar(50)投訴人wanchengzhuangtaivarchar(255)完成狀態(tài)chulimiaoshutext處理描述chulirenvarchar(50)處理人addtimetimestamp添加時間投訴處理表中的投訴ID與投訴表中的ID進行索引、關(guān)聯(lián)。兩張表進行聯(lián)系，方便套取各表中的數(shù)據(jù)，有利于數(shù)據(jù)的傳遞和共享。表4-12投訴確認表字段名字段類型名稱idint(主鍵)tousuchuliidint投訴處理idtousubianhaovarchar(50)投訴編號zhandianbianhaovarchar(50)站點編號zhandianmingchengvarchar(255)站點名稱chulirenvarchar(50)處理人querenbeizhutext確認備注querenrenvarchar(50)確認人addtimetimestamp添加時間投訴確認表中的投訴處理ID與投訴處理表中的ID進行索引、關(guān)聯(lián)。兩張表進行聯(lián)系，方便套取各表中的數(shù)據(jù)，有利于數(shù)據(jù)的傳遞和共享。表4-13日志表字段名字段類型名稱idint(主鍵)mokuaivarchar(50)模塊leixingvarchar(50)類型caozuorenvarchar(50)操作人addtimetimestamp添加時間表4-14回收申請表字段名字段類型名稱idint(主鍵)lajixinxiidint垃圾信息idlajibianhaovarchar(50)垃圾編號lajimingchengvarchar(255)垃圾名稱lajileixingint垃圾類型lajizhongliangvarchar(50)垃圾重量xiaoquint小區(qū)xingmingvarchar(50)姓名dianhuavarchar(50)電話zhuangtaivarchar(50)狀態(tài)miaoshutext描述shenqingrenvarchar(50)申請人addtimetimestamp添加時間回收申請表中設(shè)置索引，其中字段為lajixinxiid，將其關(guān)聯(lián)表【lajixinxi】中字段id相聯(lián)系；字段為lajileixing，將其關(guān)聯(lián)表【lajileixing】中的id字段相索引；回收申請表中的xiaoqu字段，將其關(guān)聯(lián)表【xiaoqu】中的id字段相索引。表4-15回收申請表字段名字段類型名稱idint(主鍵)huishoushenqingidint回收申請idlajibianhaovarchar(50)垃圾編號lajimingchengvarchar(255)垃圾名稱lajileixingint垃圾類型lajizhongliangvarchar(50)垃圾重量xiaoquint小區(qū)xingmingvarchar(50)姓名dianhuavarchar(50)電話shenqingrenvarchar(50)申請人shenhezhuangtaivarchar(255)審核狀態(tài)shenhejianyitext審核建議shenherenvarchar(50)審核人addtimetimestamp添加時間申請審核表中的回收申請ID與回收申請表中的ID字段建立了索引；垃圾類型字段與垃圾類型表中的ID建立了索引；小區(qū)字段與小區(qū)表中的ID建立了索引。通過三者間的聯(lián)系，將整個數(shù)據(jù)庫做到了環(huán)環(huán)相扣，數(shù)據(jù)間可以循環(huán)使用，達到數(shù)據(jù)共享和存儲容量大等特征。表4-16小區(qū)信息表字段名字段類型名稱idint(主鍵)xiaoqumingchengvarchar(255)小區(qū)名稱addtimetimestamp添加時間

系統(tǒng)功能頁面5.1登錄界面用戶及管理員使用電腦瀏覽器訪問網(wǎng)站http://localhost:8080/bishe/login.do后，可以瀏覽首頁。首頁主要包含五個部分，分別是輸入賬號、密碼，選擇權(quán)限，驗證碼審核等。首頁圖如5-1-1所示。圖5-1-1登陸界面用戶訪問平臺后，點擊登陸控件，就跳轉(zhuǎn)到登陸成功頁面。即可跳轉(zhuǎn)至系統(tǒng)后臺。顯示登陸成功提醒，如圖5-1-2所示。圖5-1-2登陸成功顯示界面后續(xù)將呈現(xiàn)用戶或管理員登陸后的電腦IP信息及此賬號的個人信息，具體有服務(wù)器端口、瀏覽器版本及瀏覽器網(wǎng)址，如圖5-1-3所示。圖5-1-3登陸成功后顯示的系統(tǒng)基本信息5.2添加用戶界面管理員可在后臺添加用戶賬號，只需填寫用戶的設(shè)置的具體有價值的詳細信息并輸入正確符合窗口的輸入規(guī)范性、安全性及合理性即可通過驗證。添加用戶信息權(quán)限如圖5-2-1所示。圖5-2-1添加用戶界面添加成功后，管理員可在后臺查看全部用戶填寫上圖的具體信息并對此條信息進行適當性調(diào)整、整合以及查看，避免出現(xiàn)不可避免的程序問題，如圖5-2-2所示。圖5-2-2查看所有用戶界面管理員也可以更改管理員賬號的密碼，需要輸入先有的密碼在設(shè)置現(xiàn)在的密碼，接著需要再一次確認密碼，最后提交即可，如圖5-2-3所示。圖5-2-3修改密碼界面5.3站點信息顯示界面管理員可以根據(jù)站點的具體信息適當添加詳細信息，必須輸入站點名稱、地址以及站點負責人，最后點擊提交，用戶后臺方可查詢及使用。也可及時進行編輯，刪除等功能，如圖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添加垃圾類型界面可對所有已添加的垃圾類型進行編輯和查看，該界面也會顯示具體添加時間顯示。也有對垃圾類型名稱進行模糊與精確查找、按發(fā)布時間、升降序排列查找。如圖5-4-2所示。上圖5-4-2垃圾類型界面5.4.2垃圾信息添加用戶或管理員可在后臺添加垃圾信息，用戶要針對垃圾的分類填寫垃圾名稱、類型、投放要求、垃圾里主要包括什么垃圾。以及對次垃圾進行必要性的詳情描述，用戶也可以拍照上傳附件等等，考慮到了各種用戶的真實存在的問題進行解決。如圖5-4-3所示。圖5-4-3添加垃圾信息用戶可以在垃圾信息管理里查看自己添加的垃圾，也可以查看詳情，或者刪除此條垃圾信息。針對特殊情況也可以進行打印等等操作，當然條數(shù)多的情況下也可以搜索垃圾編號或?qū)ν斗艜r間進行升降序方便可以快速定位到該條信息。具體如圖5-4-4、圖5-4-5所示。圖5-4-4查閱垃圾信息圖5-4-5垃圾詳細信息5.5回收申請管理界面5.5.1回收申請審核界面用戶可通過垃圾回收填寫詳細信息后，管理員后臺方可看到具體的信息針對處理和審核。管理員可查找用戶的姓名或賬號，也可收集全部用戶的信息進行排序歸納。也是可以選擇某個小區(qū)進行批量處理，提交管理員工作效率，減少不必要的時間浪費。具體如圖5-5-1所示。圖5-5-1回收申請界面管理員可以通過回收申請管理里的編輯運輸發(fā)向運往站點，用戶就可以在自己的管理界面查看自己申請的回收處理是否通過。在狀態(tài)欄有運往站點以及運輸分量方便相關(guān)工作人員的后續(xù)統(tǒng)計工作，如圖5-5-2所示。圖5-5-2回收運輸站點5.6保修上報管理界面用戶可針對自己或他人的訂單點擊保修上報控件，提出個人想法及對垃圾站點或周邊環(huán)境、垃圾物料出現(xiàn)問題進行上報。管理員接收到了用戶提交的上報，會針對性進行維護、改善措施，達到“服務(wù)至上，體驗感全面”等用戶感受。具體如圖5-6-1所示。圖5-6-1添加保修上報管理員在后臺管理可以看見報修人billkin用戶提交的保修上報信息。管理員必須部署此上報的處理情況，并在處理完此案進行回饋，在完成狀態(tài)欄可選擇“已完成”，并對此報告進行描述，方便用戶了解工作者的工作詳情。具體如圖5-6-2所示。圖5-6-2維修處理界面5.7投訴信息管理界面用戶在站點信息中添加點擊投訴控件，編輯具體投訴信息后管理員可在后臺進行處理和反饋。如圖5-7-1所示。如圖5-7-1添加投訴界面管理員工作者在后臺可以針對此投訴做合理的處理措施和反饋，如圖5-7-2所示。圖5-7-2投訴處理界面系統(tǒng)測試6.1系統(tǒng)測試的目標系統(tǒng)的測試目標就是在將軟件系統(tǒng)投入運行之前，發(fā)現(xiàn)一些可以通過測試避免的開發(fā)風險。本系統(tǒng)主要采用的測試方法是黑盒測試。對系統(tǒng)功能模塊、前臺模塊主要的功能設(shè)計相關(guān)的測試用例。6.2系統(tǒng)測試基本過程在測試階段我們需要整理出于預(yù)想的數(shù)據(jù)相背的多組測試用例，測試基本過程包括以下方面1、首先寫好測試方案，2、使用準備好的測試用例3、對數(shù)據(jù)方面進行校對檢驗4、查看實際結(jié)果是夠于預(yù)計結(jié)果有所偏差5、將最終實驗結(jié)果整理成報表6、生成軟件測試報告最后我們只需要根據(jù)實驗生成的軟件測試報表對我們原有的程序進行改進，或者不滿意的地方做功能的修改。6.3系統(tǒng)功能測試表6-1系統(tǒng)功能測試表功能名稱輸入動作所期望的輸出實際效果垃圾分類管理1、已登錄點擊添加按鈕，系統(tǒng)顯示添加界面。2、提交發(fā)布信息成功系統(tǒng)用戶正確填寫信息發(fā)布向詳情表單，并點擊提交按鈕提交表單信息。3、提交添加信息失敗用戶填寫錯誤的信息，并點擊提交按鈕提交表單信息。1、顯示信息發(fā)布界面跳轉(zhuǎn)界面顯示信息。2、提交成功系統(tǒng)提示“恭喜你添加成功”。3、提交失敗系統(tǒng)檢查提交的發(fā)布信息是否合法，不合法則系統(tǒng)給出相對應(yīng)的錯誤提示。與預(yù)期結(jié)果一致（續(xù)）表6-1系統(tǒng)功能測試表4、查詢輸入查詢條件。點擊查詢結(jié)果5、重置查詢條件點擊重置按鈕。6、刪除垃圾相關(guān)信息選擇信息需要刪除的信息，點擊刪除按鈕。7、修改垃圾相關(guān)選擇需要修改的信息，填寫修改內(nèi)容，點擊修改4、查詢成功5、重置查詢條件系統(tǒng)將選擇的時間段以及輸入信息都置空。6、刪除成功系統(tǒng)提醒“刪除成功”。清空用戶添加信息表單。7、修改成功系統(tǒng)提示“修改成功”，更新信息表單與預(yù)期結(jié)果一致密碼修改功能測試修改密碼成功點擊修改密碼按鈕，輸入正確的舊密碼，并且輸入兩次相同的新密碼修改密碼失敗點擊編輯按鈕，并且輸入錯誤的舊密碼或輸入兩次不相同的新密碼成功修改信息系統(tǒng)提示“修改成功”修改信息失敗系統(tǒng)提示“修改失敗”與預(yù)期結(jié)果一致垃圾管理列表管理1、查詢輸入查詢條件。點擊查詢結(jié)果2、重置查詢條件點擊重置按鈕。3、修改垃圾分類信息成功進入相應(yīng)信息編輯頁面，并輸入正確的修改信息。修改垃圾分類信息失敗進入相應(yīng)的信息編輯頁面，并輸入錯誤的修改信息。信息刪除選擇信息需要刪除的信息，點擊下架按鈕。查詢成功2、重置查詢條件系統(tǒng)將選擇的時間段以及輸入信息都置空。修改成功系統(tǒng)提示“修改成功”修改失敗系統(tǒng)提醒“修改失敗”刪除成功系統(tǒng)提醒“刪除成功”與預(yù)期結(jié)果一致查詢信息管理1、查詢輸入查詢條件。點擊查詢結(jié)果2、重置查詢條件點擊重置按鈕。3、刪除預(yù)約選擇信息需要刪除的信息，點擊刪除按鈕4、修改預(yù)約選擇需要修改的信息，填寫修改內(nèi)容，點擊修改1、查詢成功2、重置查詢條件系統(tǒng)將選擇的時間段以及輸入信息都置空3、刪除成功系統(tǒng)提醒“刪除成功”。清空用戶添加信息表單。4、修改成功系統(tǒng)提示“修改成功”，更新信息表單與預(yù)期