計算機本科畢業(yè)論文-兒童零花錢管理系統(tǒng)設計與實現(xiàn)

i摘要隨著經(jīng)濟發(fā)展和人民生活水平的提高，兒童的零花錢不斷增加。兒童年齡小，容易受到周圍不良風氣的影響，如何理性的管理零花錢，是家長比較關心的話題。本文介紹的兒童零花錢管理系統(tǒng)，從花錢，存錢，捐款三方面引導兒童正確管理零花錢，鼓勵兒童儲蓄,從而提高兒童的金錢管理能力，培養(yǎng)兒童財商，提高理財觀念，為以后的人生發(fā)展奠定基礎,同時彌補了傳統(tǒng)手工記錄零花錢明細的不足。本系統(tǒng)采用JavaEE平臺進行架構設計，以Tomcat應用服務器作為web容器。服務器端采用SSM（SpringMVC+Spring+MyBatis）框架進行開發(fā)，客戶端采用EasyUI+css+js+Bootstrap框架完成了頁面設計，使用JSP技術完成前后端的交互。以Mysql為數(shù)據(jù)庫，完成數(shù)據(jù)的存儲和管理操作。課題主要從系統(tǒng)的需求分析、總體設計、系統(tǒng)詳細設計和實現(xiàn)完成了管理員模塊，家長模塊和兒童模塊三大模塊的設計。最后通過系統(tǒng)測試完成了本系統(tǒng)。本系統(tǒng)適用于9-13歲兒童。關鍵詞：零花錢管理；財商；SSM框架；JSP技術

引言隨著經(jīng)濟發(fā)展和人民生活水平的提高，兒童的零花錢不斷增加。兒童是家庭的核心，家長非常重視兒童，希望他們能全面發(fā)展。金錢管理能力也是兒童全面發(fā)展內容的一部分。據(jù)《中國少兒財商調研》統(tǒng)計，75.9%的兒童擁有零花錢，40%的兒童每月零花錢在50元以下，20%的兒童每月零花錢在50-100元之間，15.9%的兒童零花錢在百元以上，有的甚至超過了千元、萬元。在調研中大部分兒童對自己的零花錢沒有規(guī)劃，一般會將自己的零花錢花光，甚至負債。中國兒童的經(jīng)濟來源是原來的兩倍，而花銷將近是原來的三倍。從兒童對零花錢的處理方式可以看出兒童對零花錢管理能力存在問題。再加上兒童對于金錢沒有正確的認知，缺乏財商教育，近年來，兒童打賞主播，花巨額充值游戲平臺，購買奢侈品的現(xiàn)象多有發(fā)生。在信息化技術高速發(fā)展的今天，如何利用信息技術幫助兒童樹立正確的金錢觀，提高金錢管理能力顯得尤為重要。兒童零花錢管理系統(tǒng)能滿足上述需求。本系統(tǒng)能改善傳統(tǒng)手工記錄零花錢不易保存、查找速度慢的弊端，同時模擬網(wǎng)上銀行，設置利息，讓兒童存錢到銀行賬戶，從而養(yǎng)成儲蓄的習慣，設置玩具圖片讓兒童挑選自己感興趣的玩具，完成存儲目標時，家長對其進行獎勵。系統(tǒng)讓家長全面參與進來，不僅能讓兒童受到財商教育而且能提高兒童的金錢管理能力，促進兒童全面發(fā)展。相關技術概述開發(fā)工具介紹MySqlMySql是一個開源免費的關系型數(shù)據(jù)庫，是一個真正的多用戶、多線程的SQL數(shù)據(jù)庫服務器，它是一個客戶機/服務器結構的實現(xiàn)。它具有體積小，成本低，運行速度快，性能穩(wěn)定等優(yōu)點。主要適用于中小型企業(yè)領域，隨著它的不斷成熟，也逐漸適用于大型企業(yè)領域。TomcatTomcat是一個開源的web服務器，它是Apache基金會下的一個項目。它集成了Servlet和JSP規(guī)范。因其擁有先進的技術和穩(wěn)定的性能，因而得到了許多軟件按開發(fā)商的認可，成為目前比較流行的Web應用服務器。它作為當下較流行的輕量級容器，是開發(fā)、調試JSP頁面的首選服務器。系統(tǒng)主要技術介紹JSP技術JSP即JavaServerPages，是由SunMicrosystems公司倡導、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術標準。JSP是一個簡化的Servlet。其工作原理如下：當客戶端發(fā)出http請求時，JSP引擎收到請求之后會對其進行編譯和運行并返回處理結果。具體步驟為：第一、服務器解析URL，查找JSP文件資源。第二、將JSP文件轉化為.java文件。第三、將.java文件進行編譯，生成.class文件。第四、由字節(jié)碼文件給客戶端做出響應。SSM框架SSM框架是由Spring、SpringMVC和MyBatis三個框架整合而成。主要開發(fā)web應用程序，是典型的MVC模式。（1）Spring框架Spring是一個輕量級容器框架，具有控制反轉（Ioc）和面向切面編程（AOP）的特性。使用依賴注入和面向切面編程降低了業(yè)務組件間的耦合程度，降低程序間的依賴關系，并增強系統(tǒng)的可伸縮性。Spring主要負責處理業(yè)務之間的邏輯關系、安全管理和事物管理；可以整合很多第三方框架和類庫，降低框架的使用難度，主要用于簡化java開發(fā)。（2）SpringMVC框架SpringMVC是一種基于java的實現(xiàn)MVC設計模型的請求驅動類型的web框架。SpringMVC是Spring框架的一部分，他通過注解方式，讓開發(fā)人員不需要再實現(xiàn)接口就可以讓java類成為處理請求的控制器。簡化了代碼，提高了開發(fā)效率。他是目前主流的MVC框架之一。其工作原理如下：當客戶端發(fā)出請求后，分發(fā)器（DispacherServlet）接收該請求，并根據(jù)其路徑查找映射（HandleMapping），將請求發(fā)給控制器（Controller）。控制器調用service處理請求，并在完成時返回ModelAndView（模型視圖層），通過（視圖解析器）ViewResolver將找到的的ModelAndView指定的視圖顯示給分發(fā)器（DispacherServlet），最后視圖再將結果響應給客戶。SpringMVC的工作圖，如圖1所示。圖1SpringMVC工作圖（3）MyBatis框架MyBatis是一個優(yōu)秀的半自動化數(shù)據(jù)庫持久性框架，它不僅支持數(shù)據(jù)庫的各種增刪改查操作還支持存儲過程和聯(lián)合查詢。它實現(xiàn)了對JDBC的封裝，使開發(fā)人員只需要注重sql語句本身，簡化了開發(fā)。MyBatis具有簡易性，使用時，只需要導入jar包，編寫配置文件和映射文件就可以實現(xiàn)接口和java對象的映射記錄，開發(fā)人員可以自己在映射文件里實現(xiàn)對sql語句的管理和優(yōu)化，同時避免幾乎所有的JDBC代碼需手動設置參數(shù)和獲取結果集的缺點。其優(yōu)點如下：1）MyBatis體積比較小簡單易用。不需要依賴任何的第三方軟件，開發(fā)者只需要導入jar文件、配置文件和映射文件就可以實現(xiàn)。2）MyBatis不會對現(xiàn)有的應用程序和數(shù)據(jù)庫產(chǎn)生影響，它只需要開發(fā)者把sql語句寫在xml文件里，就可以實現(xiàn)各種操作數(shù)據(jù)庫的功能。3）提供動態(tài)語句功能，提供xml標簽。Echarts組件Echarts是林峰可視化團隊發(fā)布的用于生成各類可視化圖表的圖形報表技術。Echarts組件有以下幾種特點：（1）豐富的圖表Echarts有非常齊全的圖表資源，比如折線圖，餅圖等。（2）移動端優(yōu)化移動端進行的優(yōu)化主要體現(xiàn)于：用手指就可以實現(xiàn)圖形在坐標系中的平移和縮放。（3）動態(tài)數(shù)據(jù)Echarts隨著兩數(shù)據(jù)之間的差異變化而產(chǎn)生動態(tài)變化。JQueryEasyUI框架JQueryEasyUI是一款基于JQuery插件集合的前臺界面框架，該框架可以簡化界面開發(fā)，使開發(fā)人員不必過多了解JavaScript和CSS就可以開發(fā)出功能強大的界面。它提供了強大的數(shù)據(jù)網(wǎng)格，樹型表格，面板等?？梢詽M足開發(fā)者不同功能的喜好。系統(tǒng)需求分析系統(tǒng)可行性分析技術可行性分析技術可行性分析主要通過開發(fā)技術層面來判定系統(tǒng)的功能目標能否達到要求。在開發(fā)技術方面本系統(tǒng)采用目前比較成熟的SSM框架，java語言，Mysql數(shù)據(jù)庫等，SSM框架保障了系統(tǒng)運行的基礎，具有高效、穩(wěn)定和擴展的特性。Java語言也是作為軟件開發(fā)的主流語言。Mysql體積小，速度快，是一款比較流行的關系型數(shù)據(jù)庫，深受廣大開發(fā)人員的喜愛。兒童零花錢管理系統(tǒng)所選擇的開發(fā)技術和框架等都是比較流行的，提高了系統(tǒng)的可維護性和擴展性。因此本系統(tǒng)在技術方面是可行的。經(jīng)濟可行性經(jīng)濟可行性主要從搭建成本進行分析。兒童零花錢管理系統(tǒng)從開發(fā)環(huán)境來看，只需要有一臺電腦可以流暢運行瀏覽器即可，從開發(fā)工具方面來看，系統(tǒng)所使用的開發(fā)工具都是開源免費的。而且整體設計并不需要大量的人力，周期也比較短，開發(fā)難度也相對比較低，綜合來說搭建成本較低。因此本系統(tǒng)在經(jīng)濟層面是可行的。操作可行性該系統(tǒng)使用PC端開發(fā)，用戶只需要一臺電腦，通過電腦上的瀏覽器就可以訪問本系統(tǒng)?？紤]到兒童這一特殊群體，系統(tǒng)設置了自動填充密碼的功能，用戶只需要一次填寫自己的賬號和密碼，系統(tǒng)就會記住密碼，兒童需要父母幫助其登陸系統(tǒng)，下次進入只需要填寫身份和對應的賬號即可。系統(tǒng)界面友好且美觀，使用方便，頁面操作時大多選擇性居多，并且每一步都有提示。兒童學習能力強，即使是兒童，只需要在使用前幫助他們了解此平臺并且用前培訓，他們也可輕松掌握。因此，該系統(tǒng)在操作層面是可行的。系統(tǒng)功能需求分析系統(tǒng)功能需求分析主要明確管理系統(tǒng)所要滿足的具體要求，以便更好的實現(xiàn)系統(tǒng)的設計。為了了解用戶的需求，對部分家庭進行了調研。確定主要功能主要有：（1）本系統(tǒng)需要有三種角色，管理員、家長和兒童。（2）管理員主要實現(xiàn)對用戶信息的管理，可以實現(xiàn)對用戶信息的增刪改操作。（3）家長主要起到監(jiān)督管理的作用，可以隨時了解兒童的收入支出情況，當收入支出大于設定的金額時家長會有提示。審核兒童的計劃安排。引導孩子學會儲蓄，模擬網(wǎng)上銀行操作，家長為孩子開戶，開戶成功后采用獎勵式方法為兒童設置存錢目標，達到目標，可以獎勵。（4）兒童主要是在家長的引導和監(jiān)督下，學會自己記錄收支記錄，學會對自己的收入支出有一定的安排，并根據(jù)自己想得到的獎勵完成媽媽所設置的存儲目標金額。同時設計一個愛心捐款頁面，讓兒童在儲蓄的同時不忘幫助他人，對他人保持熱愛之心。用戶需求分析根據(jù)系統(tǒng)功能需求分析，系統(tǒng)具體可分為三大角色：管理員，家長，兒童。不同的角色有不同的權限。（1）管理員：用戶管理。如圖2所示。圖2管理員用例圖（2）家長：主要是兒童銀行管理、兒童計劃管理、兒童愿望管理、消息郵箱綁定和兒童賬單管理五大方面。如圖3所示。圖3家長用例圖（3）兒童：主要是收入支出管理、計劃安排管理、銀行余額管理、愛心捐贈管理和愿望清單管理五大方面。如圖4所示。圖4兒童用例圖系統(tǒng)總體設計系統(tǒng)總體架構設計兒童零花錢管理系統(tǒng)主要采用SSM（SpringMVC+Spring+MyBatis）三層架構作為基本的web開發(fā)框架，且每層都選擇合適的技術實現(xiàn)了較好的剝離了各功能模塊的業(yè)務邏輯，實現(xiàn)了分層功能，具體架構如圖5所示。圖5整體架構圖技術架構是JavaEE平臺，用SSM架構實現(xiàn)了用戶交互，控制業(yè)務邏輯和數(shù)據(jù)持久化等功能。可以分為三大層，表現(xiàn)層、業(yè)務層和持久層。（1）表現(xiàn)層即控制層，當瀏覽器發(fā)出請求之后，表現(xiàn)層接收請求參數(shù)并處理請求，之后調用業(yè)務層操作，業(yè)務層調用持久層，之后將結果通過表現(xiàn)層響應給用戶。兒童零花錢管理系統(tǒng)主要使用JSP技術實現(xiàn)用戶的前后端交互，兒童零花錢的管理系統(tǒng)的主要操作用戶是管理員，家長和兒童，不同的操作用戶按照不同的需求操作本系統(tǒng)，之后調用不同層的邏輯代碼對不同用戶的請求進行響應。（2）業(yè)務層：它對整個系統(tǒng)的業(yè)務邏輯進行處理，是系統(tǒng)的核心。它承上啟下，控制層接收到請求參數(shù)之后，會調用業(yè)務層，業(yè)務層調用持久層，持久層對數(shù)據(jù)庫進行增刪改查操作。（3）持久層：對數(shù)據(jù)庫進行持久化操作，通過Dao接口和xml文件聯(lián)合使用，方便管理。系統(tǒng)功能模塊劃分兒童零花錢管理系統(tǒng)主要是對兒童零花錢的管理和系統(tǒng)的維護。通過兒童零花錢管理系統(tǒng)的實現(xiàn)，讓家長和兒童對兒童的零花錢的消費和收入動向都有所了解，并輔助幫助兒童樹立理財目標，達到儲蓄的結果。本系統(tǒng)采用B/S模式，基于MVC思想，利用SSM框架，完成web系統(tǒng)。從系統(tǒng)的整體功能來看，主要分為用戶和管理員，用戶主要是針對家長和兒童，所以系統(tǒng)細分為三大模塊：管理員模塊，家長模塊，兒童模塊。登陸時都需要對其身份進行判定。系統(tǒng)功能結構圖如圖6所示。圖6系統(tǒng)功能結構圖管理員子系統(tǒng)功能劃分管理員的主要功能是對用戶的管理。功能管理圖如圖7所示。圖7管理員模塊圖用戶管理：管理員對用戶信息的增刪改。添加修改主要是添加修改用戶名，密碼，姓名，年齡，電子郵件，性別，詳細地址，用戶類型（兒童或者家長），當用戶類型為兒童時需要選擇對應的家長，沒有家長賬號不能注冊賬號。刪除操作時，選中一行刪除即可。家長子系統(tǒng)功能劃分家長模塊主要分為兒童銀行管理、兒童計劃管理、兒童愿望管理、消息郵箱綁定、兒童賬單管理，功能結構圖如圖8所示。圖8家長模塊圖（1）兒童銀行管理家長為兒童進行開戶操作和設置金額操作。此窗口在加載之后會顯示對應兒童的用戶名，姓名，性別，年齡，銀行賬號，卡號，余額，預期金額，詳細地址，家長開戶前銀行賬戶，卡號，余額和預期金額都為空。家長點擊開戶可以為對應的的兒童添加10位卡號和5位銀行賬號，開戶成功后，余額為0。家長雙擊賬戶余額下的文本框為兒童設置預期金額。當兒童賬戶余額達到家長設置的預期金額時，預期金額會從紅色變?yōu)榫G色。（2）兒童計劃管理兒童計劃的查詢和審批操作，查詢按兒童姓名查詢，再選擇計劃同意或者不同意，同意或者不同意都需要標注自己的意見。此頁面可以看見兒童計劃的編輯時間、總金額、狀態(tài)，我的建議和操作。可以查詢兒童詳細計劃安排，可以看見用途，時間，金額。（3）兒童愿望管理查看兒童購物車里的東西。此頁面會顯示兒童用戶名，姓名，年齡，性別，賬戶余額和預期金額。當看到預期金額大于或等于賬戶余額時，可以和兒童商量線下購買禮物。（4）消息郵箱綁定添加操作，添加家長的真實電子郵箱和郵箱授權碼，當兒童收入支出大于50的時候，系統(tǒng)會給此郵箱發(fā)送信息。郵箱里有兒童的用戶名和兒童收入支出的金額。（5）兒童賬單管理查詢按照姓名查詢，可以查詢某個兒童的收入支出賬單。主要有收入支出賬單的創(chuàng)建時間、總金額、類型和備注。兒童子系統(tǒng)功能劃分兒童模塊主要分為收入支出管理，計劃安排管理，銀行余額管理，愛心捐贈管理，愿望清單管理，歡迎頁帶有收入支出的折線圖。如圖9所示。圖9兒童模塊圖（1）收入支出管理添加修改查詢操作，添加修改查詢收支記錄，主要是添加修改賬單類型、創(chuàng)建日期、總金額，備注。查詢可以按收入支出類型查詢。此頁面包括金額的計算，主要計算某一頁的收入支出的總金額，金額不分正負。（2）計劃安排管理添加查詢修改計劃安排。主要添加用途、時間、金額，可以一次添加多條計劃，系統(tǒng)會自動計算這一次所以計劃的總金額。查詢可以按父母審核狀態(tài)查詢，分為全部，同意，不同意，審核這幾個選項。此頁面顯示編輯時間，總金額，狀態(tài)，家長建議。并且可以查詢詳細的計劃安排，顯示用途，時間，金額。修改操作只有在父母不同意計劃時才會展示，按父母意見修改即可。（3）銀行余額管理存錢，取錢操作。選擇存錢或者取錢，輸入金額即可進行。操作之后兒童賬戶余額錢會自動改變。在系統(tǒng)中設置了利息，金額不同利息不同，每日進行結算。（4）愛心捐贈管理添加查詢愛心記錄。添加可以選擇感興趣的公益圖片點擊即可。查詢的話按時間查詢愛心記錄。此窗口主要顯示捐贈內容、創(chuàng)建日期，捐贈金額。（5）愿望清單管理添加刪除圖片。此頁面展示各種圖片，點擊添加愿望單可以添加到愿望單里，點擊刪除可以把添加的圖片刪除掉。數(shù)據(jù)庫設計三種模塊之間并不是獨立存在的，他們之間相互關聯(lián)，為此設計了9張表，如圖10所示圖10數(shù)據(jù)庫表模型各個表的詳細設計如下：（1）收支管理表，如表1所示。表1收支管理表(t_bill)備注列名數(shù)據(jù)類型長度允許空IDidint11否用戶idu_idint11是賬單類型typeint11是總金額amountfloat是創(chuàng)建日期create_datechar10是備注markvarchar100是（2）計劃安排表，如表2所示。表2計劃安排表(t_plan)備注列名數(shù)據(jù)類型長度允許空IDidint11否用戶idu_idint11是編輯時間edit_datechar10是狀態(tài)stateint11是家長建議parent_advicevarchar100是（3）計劃安排詳表，如表3所示。表3計劃安排詳單表(t_plan_item)備注列名數(shù)據(jù)類型長度允許空IDidint11否用戶idplan_idint11是用途use_wherevarchar50是時間use_datechar10是金額amountfloat是（4）愛心捐贈表，如表4所示。表4愛心捐贈表(t_donate)備注列名數(shù)據(jù)類型長度允許空IDidint11否用戶idu_idint11是捐贈內容titlevarchar50是捐贈金額amountfloat是創(chuàng)建日期create_datechar10是（5）愿望清單表，如表5所示。表5愿望清單表(t_cart)備注列名數(shù)據(jù)類型長度允許空IDidint11否用戶idu_idint11是圖片名字namevarchar50是圖片后綴名end_withchar4是（6）兒童銀行管理表，如表6所示。表6兒童銀行開戶表(t_bank)備注列名數(shù)據(jù)類型長度允許空IDidint11否用戶idu_idint11是銀行賬號bank_accountchar5是卡號card_idchar10是余額amountfloat是（7）用戶管理表，如表7所示。表7用戶管理表(t_user)備注列名數(shù)據(jù)類型長度允許空IDidint11否用戶名usernamechar20是密碼pswchar20是姓名namechar15是年齡ageint11是電子郵件emailvarchar50是性別genderint11是地址addressvarchar100是用戶類型roleint11是預期金額expected_amountfloat是授權碼authorization_codechar20是（8）兒童和家長界面的關聯(lián)表，如表8所示。表8關聯(lián)表(t_user_user)備注列名數(shù)據(jù)類型長度允許空IDidint11否家長idparent_idchar5是兒童idchild_idchar10是系統(tǒng)詳細設計與實現(xiàn)程序流程圖（1）管理員程序流程圖如圖11所示。圖11管理員程序流程圖（2）家長程序流程圖如圖12所示。圖12家長程序流程圖（3）兒童程序流程圖如圖13所示。圖13兒童程序流程圖系統(tǒng)實現(xiàn)登陸界面此頁面需要對用戶的合法性進行檢驗以保障數(shù)據(jù)的真實性和有效性。主要包含三種角色，管理員，家長和兒童，首次登陸都需要輸入用戶名、密碼和身份選擇才能成功進入，記住密碼之后，只需要選擇對應賬號和身份就能成功進入。密碼自動填充功能主要用到了客戶端技術cookie和服務端技術session并用攔截器HandleInterceptor進行了登陸攔截和權限校驗。在login.jsp頁面里，獲取cookie值并填充到文本框里。在servlet包里設置了安全攔截，主要是從session里獲取用戶信息，如果session里用戶信息為空，就進行安全攔截，如果不為空就對其權限進行校驗，判斷用戶是否有對應的權限。如圖14所示。圖14用戶登陸圖兒童模塊實現(xiàn)（1）收入支出管理此頁面主要實現(xiàn)了兒童收支記錄的添加、修改、查詢操作，不提供刪除操作，以方便父母查詢到所有的收支。主要介紹頁面的分頁操作和賬單大于50時給父母郵箱發(fā)送信息的操作。如圖15所示。分頁操作：在實體層里定義了PageBean的對象，實例化對象采用構造函數(shù)處理分頁，在childrenService層直接調用對象。publicPageBean(intpage,introws,List<t>list){this.page=page;this.pageSize=rows;this.total=list.size();Listdata=newArrayList();intend=(page*pageSize)>list.size()?list.size():(page*pageSize),start=(1)*pageSize;for(inti=start;i<end;i++){data.add(list.get(i));}this.rows=data;}發(fā)送賬單信息：主要包塊發(fā)送的服務地址，配置參數(shù)載體，創(chuàng)建實例對象獲取然后發(fā)送。主要接口函數(shù)為privatevoidsendMail(StringauthorizationCode,Stringmail,Stringname,Stringusername,floatamount,inttype)。圖15收入支出管理圖（2）計劃安排管理此頁面主要是兒童添加計劃安排，并根據(jù)家長建議修改自己的計劃安排。主要業(yè)務邏輯實現(xiàn)在ChildrenService中。用戶編輯計劃的用途、時間和金額。然后service調用dao層方法實現(xiàn)操作。主要實現(xiàn)接口函數(shù)：publicResultupdatePlan(Integerid,List<PlanItem>planItems,intuid)，根據(jù)id和用戶id獲取計劃所有計劃安排和安排詳情。如圖16所示。圖16計劃安排管理圖（3）銀行余額管理此頁面可以查看自己的銀行賬戶信息和賬戶余額，可以完成存取錢操作。對于不同階段的賬戶余額有不同的利息，每日結算一次利息。當余額不足時不能取錢。如圖17所示。利息實現(xiàn)：在SpingMVC.xml里定義任務調度器，并開啟注解調度支持。主要接口函數(shù)為publicvoidinterest()。在此函數(shù)里調用ChildrenDao定義的方法，遍歷賬戶余額，不同金額段設置不同利息。圖17銀行余額管理圖（4）愛心捐贈管理愛心捐贈主要是選擇兒童自己感興趣的公益項目，點擊圖片添加即可。圖片添加的實現(xiàn)：在editDonate.jsp里設置了圖片路徑，/static/img/shan_qu.jpg。如圖18所示。圖18愛心捐贈管理圖（5）愿望清單管理此頁面主要包括玩具的展示和愿望單兩個部分組成。如圖19所示。玩具展示實現(xiàn)：圖片存儲位置為規(guī)定好的文件位置，并且對當前文件夾不是我們要求的圖片后綴名進行過濾。并且執(zhí)行分頁操作，將所有圖片展示的結果存儲到list集合里，圖片展示實現(xiàn)主要代碼如下：publicMap<String,Object>getPathToy(IntegerpageNumber,IntegerpageSize){//該路徑為規(guī)定好的路徑Filefile=newFile("E:\\D盤\\pic");//過濾掉當前路徑下的文件或文件夾不是圖片文件，該值為路徑下的所有玩具名String[]fileNames=file.list((dir,name)->{if(name.endsWith(".bmp")||name.endsWith(".jpg")||name.endsWith(".jpeg")||name.endsWith(".gif")||name.endsWith(".png")){returntrue;}returnfalse;})圖19愿望清單管理圖（6）收支趨勢可以直觀的看出兒童本月的收入支出趨勢。紅色為收入，藍色為支出。頁面如圖20所示。主要代碼如下所示。publicMapgetMyselfThisMonthRevenue(intuid){Stringtemp=newSimpleDateFormat("yyyy-MM-").format(newDate());//獲取收入的當月的數(shù)據(jù)Float[]gets=this.childrenDao.getMyselfGetAmount(uid,temp+"01");//獲取支出的當月的數(shù)據(jù)Float[]puts=this.childrenDao.getMyselfPutAmount(uid,temp+"01");HashMap<Object,Object>map=newHashMap<>();map.put("gets",gets);map.put("puts",puts);map.put("dayOfMonth",getBetweenDate(temp));returnmap;}圖20收支趨勢圖家長模塊實現(xiàn)（1）兒童銀行管理主要是開戶操作和設置預期金額。當家長進行設置預期金額操作時系統(tǒng)會調用publicResultsetExpectedAmountByUid(floatexpectedAmount,intuid)函數(shù)，根據(jù)用戶id設置預期金額。如圖21所示。圖21兒童銀行管理圖（2）兒童計劃管理主要是審批兒童計劃并標注意見同時家長同意計劃之后會在兒童收支管理那里生成一條記錄。如圖22所示。其主要代碼如下：publicResultaddAdvice(Planplan){Floatamount=this.parentDao.getChildrenPlanAmountById(plan.getId());if(amount==null){amount=0f;}if(plan.getState()==2){intuid=this.parentDao.getChildrenIdByPlanId(plan.getId());//家長同意為孩子存錢this.parentDao.saveMoney(amount,uid);//并生成賬單Billbill=newBill();bill.setType(1);bill.setMark("(家長同意孩子計劃)");bill.setCreateDate(newSimpleDateFormat("yyyy-MM-dd").format(newDate()));bill.setAmount(amount);this.parentDao.insertBill(bill,uid);}this.parentDao.updatePlan(plan);returnnewResult(1,"添加成功!",null);}圖22兒童計劃管理圖（3）兒童愿望管理主要是對兒童愿望的查詢。對設置的預期金額和賬戶余額相比較，如果達到設置目標，可選取一個玩具線下購買進行獎勵。如圖23所示。圖23兒童愿望管理圖（4）消息郵箱綁定可以添加電子郵件和授權碼，將兒童收支記錄金額大于50的，發(fā)送到郵箱。如圖24所示。在ParentDao里定義了實現(xiàn)方法。voidupdateEmailMsg(@Param("email")Stringemail,@Param("authorizationCode")StringauthorizationCode,@Param("uid")intuid);圖24消息郵箱綁定圖（5）兒童賬單管理主要是對兒童賬單的查詢。主要接口函數(shù)為publicPageBeangetChildrenBillListById(intuid,intpage,introws)。根據(jù)兒童id獲取兒童的收支賬單并且實現(xiàn)分頁操作。如圖25所示。具體為：publicPageBeangetChildrenBillListById(intuid,intpage,introws){List<Bill>childrenBillListById=this.parentDao.getChildrenBillListById(uid);returnnewPageBean(page,rows,childrenBillListById);}圖25兒童賬單管理圖管理員模塊實現(xiàn)主要是對用戶信息的添加、刪除、修改和查詢操作，對兒童年齡進行了限制，需要9到13歲之間。如圖26所示。修改代碼如下所示：publicvoidupdateUser(Useruser,IntegerparentId){//大于零的話即為修改操作，因為數(shù)據(jù)庫主鍵是以1開始自增的if(user.getId()>0){this.adminDao.updateUser(user);return;}//規(guī)定傳入的是-1的話即為添加用戶操作this.adminDao.insertUser(user)if(parentId!=null){this.adminDao.insertRelateUser(parentId,user.getId());}圖26用戶管理圖系統(tǒng)測試在系統(tǒng)各個功能模塊完成后，為了能保證系統(tǒng)正常運行，我們要通過測試盡可能找出系統(tǒng)的錯誤并改正。測試是保證系統(tǒng)質量的核心步驟，對整個項目開發(fā)來說是非常重要的。系統(tǒng)測試環(huán)境系統(tǒng)環(huán)境主要包括系統(tǒng)開發(fā)和部署環(huán)境，系統(tǒng)開發(fā)環(huán)境指開發(fā)人員時在開發(fā)系統(tǒng)時所要搭建的環(huán)境。系統(tǒng)實現(xiàn)的最終目的是將開發(fā)環(huán)境部署到運行環(huán)境上。兒童零花錢管理系統(tǒng)首先在本人筆記本電腦上實現(xiàn)系統(tǒng)的開發(fā)和部署，假設用戶電腦配置和此電腦配置相似，最終確定系統(tǒng)的測試環(huán)境為：操作系統(tǒng)：win10版本開發(fā)語言：java，css，javascript開發(fā)平臺：JavaEE開發(fā)工具：IntelliJ

IDEA開發(fā)環(huán)境：jdk1.8數(shù)據(jù)庫：Mysql服務器：Tomcat8.5.53系統(tǒng)測試用例測試用例主要是測試人員根據(jù)規(guī)定的標準對系統(tǒng)的不同功能進行反復對比測試，以檢驗系統(tǒng)的功能是否滿足設計。結果如表9所示。表9測試用例表功能名稱能否實現(xiàn)結果備注說明輸入用戶名能用戶名可正常輸入用戶名不能為空輸入密碼能密碼匹配成功密碼不能為空選擇身份能身份和用戶名密碼匹配成功身份要選擇對應的用戶信息添加修改和刪除能用戶信息添加修改刪除成功電子郵件和詳細地址可為空添加銀行賬