目 ?錄

摘要

1 緒論

1.1研究意義

1.2國(guó)內(nèi)外研究現(xiàn)狀

1.3系統(tǒng)開(kāi)發(fā)技術(shù)的特色

1.4論文結(jié)構(gòu)與章節(jié)安排

2留守兒童學(xué)習(xí)求助系統(tǒng)系統(tǒng)分析

2.1 可行性分析

2.2 系統(tǒng)流程分析

2.2.1數(shù)據(jù)增加流程

2.3.2數(shù)據(jù)修改流程

2.3.3數(shù)據(jù)刪除流程

2.3 系統(tǒng)功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系統(tǒng)用例分析

2.5本章小結(jié)

3留守兒童學(xué)習(xí)求助系統(tǒng)總體設(shè)計(jì)

3.1 系統(tǒng)架構(gòu)設(shè)計(jì)

3.2 系統(tǒng)功能模塊設(shè)計(jì)

3.2.1整體功能模塊設(shè)計(jì)

3.2.2用戶模塊設(shè)計(jì)

3.2.3評(píng)論管理模塊設(shè)計(jì)

3.2.4圖書(shū)館管理模塊設(shè)計(jì)

3.3 數(shù)據(jù)庫(kù)設(shè)計(jì)

3.3.1 數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)

3.3.2 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)

3.4本章小結(jié)

4留守兒童學(xué)習(xí)求助系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 19

4.1用戶功能模塊

4.1.1 前臺(tái)首頁(yè)界面 20

4.1.2 學(xué)生登錄管理界面 23

4.1.3用戶注冊(cè)管理界面 25

4.1.4公告欄界面

4.1.5 新聞資訊界面

4.1.6 留守兒童詳情界面

4.1.7?交流論壇界面

4.2管理員功能模塊

4.2.1?登錄界面

4.2.2 系統(tǒng)用戶管理界面 30

4.2.3 資源管理界面 31

4.2.4 模塊管理界面 32

5系統(tǒng)測(cè)試

5.1系統(tǒng)測(cè)試的目的 33

5.2 系統(tǒng)測(cè)試用例 33

5.3 系統(tǒng)測(cè)試結(jié)果 34

結(jié)論 35

參考文獻(xiàn)

致??謝

1.2?國(guó)內(nèi)外研究現(xiàn)狀

在國(guó)外很多發(fā)達(dá)國(guó)家，軟件產(chǎn)業(yè)早已得到全面普及，但我國(guó)經(jīng)濟(jì)已不斷發(fā)展，不斷引進(jìn)國(guó)外信息化建設(shè)，使國(guó)內(nèi)軟件行業(yè)得以不斷發(fā)展，在摸索中進(jìn)步，最終也得到一些成果，我國(guó)的軟件業(yè)迎來(lái)了高速的發(fā)展，使更多的軟件系統(tǒng)得以開(kāi)發(fā)出來(lái)，從此逐漸地改變?nèi)藗兊纳罟ぷ鞣绞?。但?#xff0c;對(duì)于信息化的建設(shè)，與很多發(fā)達(dá)國(guó)家相比，由于信息化程度的落后以及經(jīng)費(fèi)的不足，我國(guó)的畢業(yè)設(shè)計(jì)管理系統(tǒng)開(kāi)發(fā)方面還是相對(duì)落后的，因此，要不斷的努力探索，爭(zhēng)取開(kāi)發(fā)出一個(gè)實(shí)用的信息化的留守兒童學(xué)習(xí)求助系統(tǒng)，來(lái)實(shí)現(xiàn)留守兒童學(xué)習(xí)求助系統(tǒng)管理的信息化。因此本課題以留守兒童學(xué)習(xí)求助系統(tǒng)為例，目的是開(kāi)發(fā)一個(gè)實(shí)用的留守兒童學(xué)習(xí)求助平臺(tái)。所以像留守兒童學(xué)習(xí)求助系統(tǒng)這種電子管理系統(tǒng)的發(fā)展壯大也是不可避免的。

1.3系統(tǒng)開(kāi)發(fā)技術(shù)的特色

（1）留守兒童學(xué)習(xí)求助系統(tǒng)中的web后臺(tái)管理中的后端不再使用古老的jsp+javabean+servlet技術(shù)，而是使用當(dāng)前主流的springboot框架，它減少java配置代碼，簡(jiǎn)化編程代碼，目前springboot框架也是很多企業(yè)選擇的框架之一。

（2）留守兒童學(xué)習(xí)求助系統(tǒng)中的web后臺(tái)管理中的前端使用的是JavaScript框架，它配合ajax[8]和jquery[9]可以美化頁(yè)面設(shè)計(jì)。

（3）留守兒童學(xué)習(xí)求助系統(tǒng)中數(shù)據(jù)庫(kù)用的mysql5.7，它執(zhí)行效率高。

1.4論文結(jié)構(gòu)與章節(jié)安排

論文將分層次經(jīng)行編排，除去論文摘要致謝文獻(xiàn)參考部分，正文部分還會(huì)對(duì)網(wǎng)站需求做出分析，以及闡述大體的設(shè)計(jì)和實(shí)現(xiàn)的功能，最后羅列部分調(diào)測(cè)記錄，論文主要架構(gòu)如下：

第一章：引言。第一章主要介紹了課題研究的背景，系統(tǒng)開(kāi)發(fā)的現(xiàn)狀和本文的研究現(xiàn)狀與主要工作。

第二章：系統(tǒng)需求分析。第二章主要從系統(tǒng)的用戶、功能等方面進(jìn)行需求分析。

第三章：系統(tǒng)設(shè)計(jì)。第三章主要對(duì)系統(tǒng)框架、系統(tǒng)功能模塊、數(shù)據(jù)庫(kù)進(jìn)行功能設(shè)計(jì)。

第四章：系統(tǒng)實(shí)現(xiàn)。第四章主要介紹了系統(tǒng)框架搭建、系統(tǒng)界面的實(shí)現(xiàn)。

第五章：系統(tǒng)測(cè)試。第五章主要對(duì)系統(tǒng)的部分界面進(jìn)行測(cè)試并對(duì)主要功能進(jìn)行測(cè)試

在項(xiàng)目上使用的工具大部分都是是當(dāng)下流行開(kāi)源免費(fèi)的，所以在開(kāi)發(fā)前期，開(kāi)發(fā)時(shí)用于項(xiàng)目的經(jīng)費(fèi)將會(huì)大大降低，不會(huì)讓開(kāi)發(fā)該軟件在項(xiàng)目啟動(dòng)期受到經(jīng)費(fèi)的影響，所以經(jīng)濟(jì)上還是可行的。盡量用最少的花費(fèi)去滿足用戶的需求。省下經(jīng)費(fèi)用于人工費(fèi)，以及設(shè)備費(fèi)用。將在無(wú)紙化，高效率的道路上越走越遠(yuǎn)。

所以經(jīng)濟(jì)可行性沒(méi)有問(wèn)題。

（2）操作可行性：

此次項(xiàng)目設(shè)計(jì)參考了幾個(gè)該模式下網(wǎng)站的開(kāi)發(fā)案例，對(duì)他們的操作界面分析，將眾多案例結(jié)合在一起，突出以人為本簡(jiǎn)化操作，所以具有基本計(jì)算機(jī)知識(shí)的人都會(huì)操作本項(xiàng)目。

因此操作可行性也沒(méi)有問(wèn)題。

（3）技術(shù)可行性：

技術(shù)可行性指的是對(duì)于搭建框架的可行性，以及有更優(yōu)秀的技術(shù)出現(xiàn)時(shí)系統(tǒng)的技術(shù)更新?lián)Q代的納新性如何，開(kāi)發(fā)時(shí)間成本費(fèi)用比如何。

現(xiàn)有的springboot技術(shù)能夠迎合所有電子商務(wù)系統(tǒng)的搭建。開(kāi)發(fā)這個(gè)留守兒童學(xué)習(xí)求助系統(tǒng)的時(shí)候我采用了springboot+MYSQL用以運(yùn)行整體程序。

綜上所述技術(shù)可行性也沒(méi)有問(wèn)題。

（4）法律可行性：

從開(kāi)發(fā)者角度來(lái)看，springboot和MYSQL是網(wǎng)上開(kāi)源且免費(fèi)的，在知識(shí)產(chǎn)權(quán)方面不會(huì)產(chǎn)生任何法律糾紛。

從用戶使用角度來(lái)看，只要不再系統(tǒng)上販賣違禁品，對(duì)系統(tǒng)做出條約協(xié)議，杜絕非法支付即可。

綜上所述法律可行性也沒(méi)有問(wèn)題。

業(yè)務(wù)流程是用一些特定的符合和線條來(lái)進(jìn)行演示用戶在使用系統(tǒng)時(shí)的過(guò)程，在進(jìn)行系統(tǒng)分析的時(shí)候，業(yè)務(wù)流程可以幫助開(kāi)發(fā)人員更好的理解業(yè)務(wù)，發(fā)現(xiàn)錯(cuò)誤，完善系統(tǒng)。

用戶成功登入系統(tǒng)后就能夠?qū)崿F(xiàn)增加數(shù)據(jù)的操作，增加數(shù)據(jù)的編號(hào)是特定的，系統(tǒng)生成，用戶不能隨意填寫(xiě)，除了編號(hào)以外，其他增加信息用戶自己填寫(xiě)，填寫(xiě)后的信息經(jīng)過(guò)系統(tǒng)驗(yàn)證，驗(yàn)證合法通過(guò)就顯示增加數(shù)據(jù)成功了，相反的話，就沒(méi)有增加成功，圖2-1顯示的就是在增加數(shù)據(jù)時(shí)的流程。

圖2-1 ?數(shù)據(jù)增加流程圖

數(shù)據(jù)修改時(shí)的流程和上面介紹的數(shù)據(jù)增加時(shí)的流程差不多，如圖2-2所示。

圖2-2 ?數(shù)據(jù)修改流程圖

如果系統(tǒng)里面存在一些沒(méi)有用的數(shù)據(jù)的話，相關(guān)的管理人員還可以對(duì)這些數(shù)據(jù)進(jìn)行刪除，圖2-3就是數(shù)據(jù)刪除時(shí)的流程圖。

圖2-3 ?數(shù)據(jù)刪除流程圖

按照留守兒童學(xué)習(xí)求助系統(tǒng)的角色，我劃分為了管理員和系統(tǒng)用戶模塊這兩大部分。

用戶模塊：

（1）用戶注冊(cè)登錄：用戶注冊(cè)并登錄留守兒童學(xué)習(xí)求助系統(tǒng)；個(gè)人信息的增刪改查，比如個(gè)人資料，密碼修改。

（2）查看留守兒童學(xué)習(xí)求助系統(tǒng)的首頁(yè)信息：留守兒童學(xué)習(xí)求助系統(tǒng)的首頁(yè)信息包含了首頁(yè)、公告消息、交流論壇、新聞資訊、留言信息、留守兒童、求助信息、我的（我的賬戶、我的收藏、個(gè)人中心）等。

（3）公告信息：用戶在公告這一菜單下可以查看管理員發(fā)布的公告信息。

（4）新聞資訊：用戶進(jìn)行新聞資訊的閱覽，可以收藏、點(diǎn)贊、評(píng)論等操作。

（5）交流論壇：用戶可以在交流論壇中查閱并對(duì)論壇中的文章進(jìn)行點(diǎn)贊、收藏、評(píng)論，也可以編輯內(nèi)容進(jìn)行發(fā)布。

（6）留言信息：用戶可在此欄輸入留言用戶、用戶姓名、留言內(nèi)容、留言時(shí)間進(jìn)行留言。

（7）留守兒童：用戶可在此欄查看留守兒童的簡(jiǎn)介、詳情等內(nèi)容，可對(duì)留守兒童的信息進(jìn)行點(diǎn)贊、收藏等。

（8）求助信息：用戶可在此欄查看所有留守兒童求助信息的詳情內(nèi)容，可對(duì)求助兒童進(jìn)行捐款等操作。

（9）我的收藏：在“我的”下可以查看管理“我的收藏”信息，可以查看收藏，也可以對(duì)不喜歡的信息進(jìn)行刪除收藏；

（10）我的賬戶：當(dāng)用戶點(diǎn)擊右上角“我的”這個(gè)按鈕，會(huì)出現(xiàn)子菜單，點(diǎn)擊“我的賬戶”可以對(duì)個(gè)人的資料以及登錄系統(tǒng)的密碼進(jìn)行設(shè)置；

（11）個(gè)人中心：當(dāng)用戶點(diǎn)擊右上角“我的”這個(gè)按鈕，就會(huì)進(jìn)入到對(duì)應(yīng)的后臺(tái)進(jìn)行信息的管理了；

管理員管理模塊：

（2）公告信息管理：當(dāng)點(diǎn)擊“公告信息管理”這一菜單的時(shí)候，會(huì)出現(xiàn)公告信息這個(gè)子菜單，可以對(duì)這個(gè)模塊進(jìn)行查詢、重置、添加、刪除操作；

（3）系統(tǒng)用戶管理：當(dāng)點(diǎn)擊“系統(tǒng)用戶管理”這一菜單的時(shí)候，會(huì)出現(xiàn)管理員+系統(tǒng)用戶兩個(gè)子菜單，管理員可以對(duì)這兩個(gè)模塊進(jìn)行增刪改查操作；

（4）資源管理：當(dāng)點(diǎn)擊“資源管理”這一菜單的時(shí)候，會(huì)出現(xiàn)新聞資訊+新聞分類這兩個(gè)子菜單，能夠?qū)η芭_(tái)展示的新聞資訊信息進(jìn)行增刪改查操作；

（5）交流管理：當(dāng)點(diǎn)擊“交流管理”這一菜單的時(shí)候，會(huì)出現(xiàn)論壇列表+論壇分類列表這兩個(gè)子菜單，能夠?qū)η芭_(tái)展示的論壇信息進(jìn)行增刪改查操作；

（6）模塊管理：當(dāng)點(diǎn)擊“模塊管理”這一菜單的時(shí)候，會(huì)出現(xiàn)留言信息、留守兒童、求助信息、捐款信息、確認(rèn)捐出這五個(gè)子菜單，管理員能夠?qū)@五個(gè)模塊進(jìn)行增刪改查操作；

2.3.2 非功能性分析

留守兒童學(xué)習(xí)求助系統(tǒng)的非功能性需求比如留守兒童學(xué)習(xí)求助系統(tǒng)的安全性怎么樣，可靠性怎么樣，性能怎么樣，可拓展性怎么樣等。具體可以表示在如下3-1表格中：

通過(guò)2.3功能的分析，得出了本留守兒童學(xué)習(xí)求助系統(tǒng)的用例圖：

用戶角色用例如圖2-3所示。

本留守兒童學(xué)習(xí)求助系統(tǒng)從架構(gòu)上分為三層：表現(xiàn)層（UI）、業(yè)務(wù)邏輯層（BLL）以及數(shù)據(jù)層（DL）。

圖3-1留守兒童學(xué)習(xí)求助系統(tǒng)系統(tǒng)架構(gòu)設(shè)計(jì)圖

表現(xiàn)層（UI）：又稱UI層，主要完成本留守兒童學(xué)習(xí)求助系統(tǒng)的UI交互功能，一個(gè)良好的UI可以打打提高用戶的用戶體驗(yàn)，增強(qiáng)用戶使用本留守兒童學(xué)習(xí)求助系統(tǒng)時(shí)的舒適度。UI的界面設(shè)計(jì)也要適應(yīng)不同版本的留守兒童學(xué)習(xí)求助系統(tǒng)以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用戶進(jìn)行交互操作時(shí)必須要得到與之相符的交互結(jié)果，這就要求表現(xiàn)層要與業(yè)務(wù)邏輯層進(jìn)行良好的對(duì)接。

業(yè)務(wù)邏輯層（BLL）：主要完成本留守兒童學(xué)習(xí)求助系統(tǒng)的數(shù)據(jù)處理功能。用戶從表現(xiàn)層傳輸過(guò)來(lái)的數(shù)據(jù)經(jīng)過(guò)業(yè)務(wù)邏輯層進(jìn)行處理交付給數(shù)據(jù)層，系統(tǒng)從數(shù)據(jù)層讀取的數(shù)據(jù)經(jīng)過(guò)業(yè)務(wù)邏輯層進(jìn)行處理交付給表現(xiàn)層。

數(shù)據(jù)層（DL）：由于本留守兒童學(xué)習(xí)求助系統(tǒng)的數(shù)據(jù)是放在服務(wù)端的mysql數(shù)據(jù)庫(kù)中，因此本屬于服務(wù)層的部分可以直接整合在業(yè)務(wù)邏輯層中，所以數(shù)據(jù)層中只有數(shù)據(jù)庫(kù)，其主要完成本留守兒童學(xué)習(xí)求助系統(tǒng)的數(shù)據(jù)存儲(chǔ)和管理功能。

在上一章節(jié)中主要對(duì)系統(tǒng)的功能性需求和非功能性需求進(jìn)行分析，并且根據(jù)需求分析了本留守兒童學(xué)習(xí)求助系統(tǒng)中的用例。那么接下來(lái)就要開(kāi)始對(duì)本留守兒童學(xué)習(xí)求助系統(tǒng)的架構(gòu)、主要功能和數(shù)據(jù)庫(kù)開(kāi)始進(jìn)行設(shè)計(jì)。留守兒童學(xué)習(xí)求助系統(tǒng)根據(jù)前面章節(jié)的需求分析得出，其總體設(shè)計(jì)模塊圖如圖3-2所示。

???????????????

圖3-2留守兒童學(xué)習(xí)求助系統(tǒng)功能模塊圖

后臺(tái)管理員能夠?qū)崿F(xiàn)對(duì)前臺(tái)注冊(cè)的用戶增刪改查操作，用戶模塊結(jié)構(gòu)圖如下圖：

圖3-3用戶用戶模塊結(jié)構(gòu)圖

留守兒童學(xué)習(xí)求助系統(tǒng)是一個(gè)交流性質(zhì)的公開(kāi)平臺(tái)，用戶和管理人員可以對(duì)平臺(tái)上信息進(jìn)行評(píng)論，增加用戶之間的互動(dòng)性。但是同時(shí)也為了更好的規(guī)范評(píng)論的內(nèi)容，給予管理員刪除不合適的言論的功能，所以需要專門(mén)設(shè)計(jì)一個(gè)評(píng)論管理模塊，具體的結(jié)構(gòu)圖如下：

圖3-4評(píng)論模塊結(jié)構(gòu)圖

3.2.4圖書(shū)館管理模塊設(shè)計(jì)

留守兒童學(xué)習(xí)求助系統(tǒng)是中需要存儲(chǔ)不少留守兒童信息，其模塊功能結(jié)構(gòu)，具體的結(jié)構(gòu)圖如下：

圖3-5留守兒童信息模塊結(jié)構(gòu)圖

數(shù)據(jù)庫(kù)設(shè)計(jì)一般包括需求分析、概念模型設(shè)計(jì)、數(shù)據(jù)庫(kù)表建立三大過(guò)程，其中需求分析前面章節(jié)已經(jīng)闡述，概念模型設(shè)計(jì)有概念模型和邏輯結(jié)構(gòu)設(shè)計(jì)兩部分。

下面是整個(gè)留守兒童學(xué)習(xí)求助系統(tǒng)中主要的數(shù)據(jù)庫(kù)表總E-R實(shí)體關(guān)系圖。

圖3-6留守兒童學(xué)習(xí)求助系統(tǒng)總E-R關(guān)系圖

通過(guò)上一小節(jié)中留守兒童學(xué)習(xí)求助系統(tǒng)中總E-R關(guān)系圖上得出一共需要?jiǎng)?chuàng)建很多個(gè)數(shù)據(jù)表。在此我主要羅列幾個(gè)主要的數(shù)據(jù)庫(kù)表結(jié)構(gòu)設(shè)計(jì)。

3.4本章小結(jié)

當(dāng)進(jìn)入留守兒童學(xué)習(xí)求助系統(tǒng)的時(shí)候，首先映入眼簾的是系統(tǒng)的導(dǎo)航欄，下面是輪播圖以及系統(tǒng)內(nèi)容，其主界面展示如下圖4-1所示。

圖4-1?前臺(tái)首頁(yè)界面圖

留守兒童學(xué)習(xí)求助系統(tǒng)中的前臺(tái)上注冊(cè)后的用戶是可以通過(guò)自己的賬戶名和密碼進(jìn)行登錄的，當(dāng)用戶輸入完整的自己的賬戶名和密碼信息并點(diǎn)擊“登錄”按鈕后，將會(huì)首先驗(yàn)證輸入的有沒(méi)有空數(shù)據(jù)，再次驗(yàn)證輸入的賬戶名+密碼和數(shù)據(jù)庫(kù)中當(dāng)前保存的用戶信息是否一致，只有在一致后將會(huì)登錄成功并自動(dòng)跳轉(zhuǎn)到留守兒童學(xué)習(xí)求助系統(tǒng)的首頁(yè)中；否則將會(huì)提示相應(yīng)錯(cuò)誤信息，用戶登錄管理界面如下圖4-2所示。

圖4-2用戶登錄管理界面圖

登錄關(guān)鍵代碼如下所示。

/**

?????* 登錄

?????* @param data

?????* @param httpServletRequest

?????* @return

?????*/

????@PostMapping("login")

????public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

????????log.info("[執(zhí)行登錄接口]");

????????String username = data.get("username");

????????String email = data.get("email");

????????String phone = data.get("phone");

????????String password = data.get("password");

????????List resultList = null;

????????Map<String, String> map = new HashMap<>();

????????if(username != null && "".equals(username) == false){

????????????map.put("username", username);

????????????resultList = service.select(map, new HashMap<>()).getResultList();

????????}

????????else if(email != null && "".equals(email) == false){

????????????map.put("email", email);

????????????resultList = service.select(map, new HashMap<>()).getResultList();

????????}

????????else if(phone != null && "".equals(phone) == false){

????????????map.put("phone", phone);

????????????resultList = service.select(map, new HashMap<>()).getResultList();

????????}else{

????????????return error(30000, "賬號(hào)或密碼不能為空");

????????}

????????if (resultList == null || password == null) {

????????????return error(30000, "賬號(hào)或密碼不能為空");

????????}

????????//判斷是否有這個(gè)用戶

????????if (resultList.size()<=0){

????????????return error(30000,"用戶不存在");

????????}

????????User byUsername = (User) resultList.get(0);

????????Map<String, String> groupMap = new HashMap<>();

????????groupMap.put("name",byUsername.getUserGroup());

????????List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

????????if (groupList.size()<1){

????????????return error(30000,"用戶組不存在");

????????}

????????UserGroup userGroup = (UserGroup) groupList.get(0);

????????//查詢用戶審核狀態(tài)

????????if (!StringUtils.isEmpty(userGroup.getSourceTable())){

????????????String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

????????????String res = String.valueOf(service.runCountSql(sql).getSingleResult());

????????????if (res==null){

????????????????return error(30000,"用戶不存在");

????????????}

????????????if (!res.equals("已通過(guò)")){

???????

????????String md5password = service.encryption(password);

????????if (byUsername.getPassword().equals(md5password)) {

????????????// 存儲(chǔ)Token到數(shù)據(jù)庫(kù)

????????????AccessToken accessToken = new AccessToken();

????????????accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

????????????accessToken.setUser_id(byUsername.getUserId());

????????????tokenService.save(accessToken);

????????????// 返回用戶信息

????????????JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

????????????user.put("token", accessToken.getToken());

????????????JSONObject ret = new JSONObject();

????????????ret.put("obj",user);

????????????return success(ret);

????????} else {

????????????return error(30000, "賬號(hào)或密碼不正確");

????????}

}

4.1.3用戶注冊(cè)管理界面

不是留守兒童學(xué)習(xí)求助系統(tǒng)中正式用戶的是可以在線進(jìn)行注冊(cè)的，如果你沒(méi)有本留守兒童學(xué)習(xí)求助系統(tǒng)的賬號(hào)的話，添加“注冊(cè)”，當(dāng)填寫(xiě)上自己的賬號(hào)+密碼+確認(rèn)密碼+昵稱+郵箱+手機(jī)號(hào)等后再點(diǎn)擊“注冊(cè)”按鈕后將會(huì)先驗(yàn)證輸入的有沒(méi)有空數(shù)據(jù)，再次驗(yàn)證密碼和確認(rèn)密碼是否是一樣的，最后驗(yàn)證輸入的賬戶名和數(shù)據(jù)庫(kù)表中已經(jīng)注冊(cè)的賬戶名是否重復(fù)，只有都驗(yàn)證沒(méi)問(wèn)題后即可用戶注冊(cè)成功。其用戶注冊(cè)管理界面展示如下圖4-3所示。

圖4-2用戶注冊(cè)管理界面圖

注冊(cè)關(guān)鍵代碼如下所示。

/**

?????* 注冊(cè)

?????* @param user

?????* @return

?????*/

????@PostMapping("register")

????public Map<String, Object> signUp(@RequestBody User user) {

????????// 查詢用戶

????????Map<String, String> query = new HashMap<>();

????????query.put("username",user.getUsername());

????????List list = service.select(query, new HashMap<>()).getResultList();

????????if (list.size()>0){

????????????return error(30000, "用戶已存在");

????????}

????????user.setUserId(null);

????????user.setPassword(service.encryption(user.getPassword()));

????????service.save(user);

????????return success(1);

}

/**

?????* 用戶ID：[0,8388607]用戶獲取其他與用戶相關(guān)的數(shù)據(jù)

?????*/

????@Id

????@GeneratedValue(strategy = GenerationType.IDENTITY)

????@Column(name = "user_id")

????private Integer userId;

????/**

?????* 賬戶狀態(tài)：[0,10](1可用|2異常|3已凍結(jié)|4已注銷)

?????*/

????@Basic

????@Column(name = "state")

????private Integer state;

????/**

?????* 所在用戶組：[0,32767]決定用戶身份和權(quán)限

?????*/

????@Basic

????@Column(name = "user_group")

????private String userGroup;

????/**

?????* 上次登錄時(shí)間：

?????*/

????@Basic

????@Column(name = "login_time")

????private Timestamp loginTime;

????/**

?????* 手機(jī)號(hào)碼：[0,11]用戶的手機(jī)號(hào)碼，用于找回密碼時(shí)或登錄時(shí)

?????*/

????@Basic

????@Column(name = "phone")

????private String phone;

????/**

?????* 手機(jī)認(rèn)證：[0,1](0未認(rèn)證|1審核中|2已認(rèn)證)

?????*/

????@Basic

????@Column(name = "phone_state")

????private Integer phoneState;

????/**

?????* 用戶名：[0,16]用戶登錄時(shí)所用的賬戶名稱

?????*/

????@Basic

????@Column(name = "username")

????private String username;

????/**

?????* 昵稱：[0,16]

?????*/

????@Basic

????@Column(name = "nickname")

????private String nickname;

????/**

?????* 密碼：[0,32]用戶登錄所需的密碼，由6-16位數(shù)字或英文組成

?????*/

????@Basic

????@Column(name = "password")

????private String password;

????/**

?????* 郵箱：[0,64]用戶的郵箱，用于找回密碼時(shí)或登錄時(shí)

?????*/

????@Basic

????@Column(name = "email")

????private String email;

????/**

?????* 郵箱認(rèn)證：[0,1](0未認(rèn)證|1審核中|2已認(rèn)證)

?????*/

????@Basic

????@Column(name = "email_state")

????private Integer emailState;

????/**

?????* 頭像地址：[0,255]

?????*/

????@Basic

????@Column(name = "avatar")

????private String avatar;

????/**

?????* 創(chuàng)建時(shí)間：

?????*/

????@Basic

????@Column(name = "create_time")

????@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

????private Timestamp createTime;

????@Basic

????@Transient

????private String code;

}

當(dāng)點(diǎn)擊導(dǎo)航欄上的“公告欄”的時(shí)候，就會(huì)進(jìn)入對(duì)應(yīng)的界面查看公告信息，公告欄界面如下圖4-4所示。

圖4-4公告欄界面圖

當(dāng)訪客點(diǎn)擊留守兒童學(xué)習(xí)求助系統(tǒng)中導(dǎo)航欄上的“新聞資訊”后將會(huì)進(jìn)入到該“新聞資訊”列表的界面，然后選擇想要看的新聞資訊，點(diǎn)擊進(jìn)入到詳細(xì)界面，新聞資訊界面如下圖4-5所示。

圖4-5新聞資訊界面圖

當(dāng)訪客點(diǎn)擊了任意留守兒童信息后將會(huì)進(jìn)入該詳情界面，可以了解所有留守兒童的簡(jiǎn)介、詳情等內(nèi)容，可對(duì)留守兒童的信息進(jìn)行點(diǎn)贊、收藏等，留守兒童詳情展示頁(yè)面如圖4-6所示。

圖4-6留守兒童詳情界面圖

4.1.7?交流論壇界面

當(dāng)用戶點(diǎn)擊右上角可以在交流論壇中查閱并對(duì)論壇中的文章進(jìn)行點(diǎn)贊、收藏、評(píng)論，也可以編輯內(nèi)容進(jìn)行發(fā)布，交流論壇界面如下圖4-7所示。

圖4-7交流論壇界面圖

管理員，用戶在登錄界面輸入賬號(hào)+密碼，點(diǎn)擊“登錄”按鈕，系統(tǒng)在用戶數(shù)據(jù)庫(kù)表中會(huì)對(duì)管理員，用戶以的賬號(hào)進(jìn)行匹配，賬號(hào)+密碼正確的話，就會(huì)登錄到系統(tǒng)中各個(gè)用戶的主管理界面，否則提示對(duì)應(yīng)的信息，返回到登錄的界面，如果管理人員忘記密碼的話，點(diǎn)擊“忘記密碼”根據(jù)提示可以找回密碼，然后再進(jìn)行登錄其主界面展示如下圖4-8所示。

圖4-8登錄界面圖

登錄關(guān)鍵代碼如下所示。

???/**

?????* 找回密碼

?????* @param form

?????* @return

?????*/

????@PostMapping("forget_password")

????public Map<String, Object> forgetPassword(@RequestBody User form,HttpServletRequest request) {

????????JSONObject ret = new JSONObject();

????????String username = form.getUsername();

????????String code = form.getCode();

????????String password = form.getPassword();

????????// 判斷條件

????????if(code == null || code.length() == 0){

????????????return error(30000, "驗(yàn)證碼不能為空");

????????}

????????if(username == null || username.length() == 0){

????????????return error(30000, "用戶名不能為空");

????????}

????????if(password == null || password.length() == 0){

????????????return error(30000, "密碼不能為空");

????????}

????????// 查詢用戶

????????Map<String, String> query = new HashMap<>();

????????query.put("username",username);

????????Query select = service.select(query, service.readConfig(request));

????????List list = select.getResultList();

????????if (list.size() > 0) {

????????????User o = (User) list.get(0);

????????????JSONObject query2 = new JSONObject();

????????????JSONObject form2 = new JSONObject();

????????????// 修改用戶密碼

????????????query2.put("user_id",o.getUserId());

????????????form2.put("password",service.encryption(password));

????????????service.update(query, service.readConfig(request), form2);

????????????return success(1);

????????}

????????return error(70000,"用戶不存在");

}

4.2.2 系統(tǒng)用戶管理界面

管理員可以對(duì)系統(tǒng)中所有的用戶角色進(jìn)行管控，包含了管理員、系統(tǒng)用戶這兩種角色，如果需要添加新的用戶，點(diǎn)擊頁(yè)面中的“添加”按鈕根據(jù)提示輸入上用戶信息，點(diǎn)擊“提交”以后在對(duì)應(yīng)的用戶界面就可以查看到了，可以點(diǎn)擊用戶后面的“刪除”按鈕直接刪除某一用戶，這里以用戶為例。界面如下圖4-9所示。

圖4-9系統(tǒng)用戶管理界面圖

系統(tǒng)用戶管理關(guān)鍵代碼如下所示。

public String encryption(String plainText) {

????????String re_md5 = new String();

????????try {

????????????MessageDigest md = MessageDigest.getInstance("MD5");

????????????md.update(plainText.getBytes());

????????????byte b[] = md.digest();

????????????int i;

????????????StringBuffer buf = new StringBuffer("");

????????????for (int offset = 0; offset < b.length; offset++) {

????????????????i = b[offset];

????????????????if (i < 0)

????????????????????i += 256;

????????????????if (i < 16)

????????????????????buf.append("0");

????????????????buf.append(Integer.toHexString(i));

????????????}

????????????re_md5 = buf.toString();

????????} catch (Exception e) {

????????????e.printStackTrace();

????????}

????????return re_md5;

????}

?留守兒童學(xué)習(xí)求助系統(tǒng)中的管理人員在“模塊管理”這一菜單下是可以對(duì)留守兒童學(xué)習(xí)求助系統(tǒng)內(nèi)的留言信息、留守兒童、求助信息、捐款信息、確認(rèn)捐出這五個(gè)子菜單進(jìn)行管控的，其管理界面如下圖4-11所示。

圖4-11模塊管理界面圖

模塊管理關(guān)鍵代碼如下所示。

??@PostMapping("/add")

????@Transactional

????public Map<String, Object> add(HttpServletRequest request) throws IOException {

????????service.insert(service.readBody(request.getReader()));

????????return success(1);

????}

????@Transactional

????public Map<String, Object> addMap(Map<String,Object> map){

????????service.insert(map);

????????return success(1);

}

????public Map<String,Object> readBody(BufferedReader reader){

????????BufferedReader br = null;

????????StringBuilder sb = new StringBuilder("");

????????try{

????????????br = reader;

????????????String str;

????????????while ((str = br.readLine()) != null){

????????????????sb.append(str);

????????????}

????????????br.close();

????????????String json = sb.toString();

????????????return JSONObject.parseObject(json, Map.class);

????????}catch (IOException e){

????????????e.printStackTrace();

????????}finally{

????????????if (null != br){

????????????????try{

????????????????????br.close();

????????????????}catch (IOException e){

????????????????????e.printStackTrace();

????????????????}

????????????}

????????}

????????return null;

}

????public void insert(Map<String,Object> body){

????????StringBuffer sql = new StringBuffer("INSERT INTO ");

????????sql.append("`").append(table).append("`").append(" (");

????????for (Map.Entry<String,Object> entry:body.entrySet()){

????????????sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

????????}

????????sql.deleteCharAt(sql.length()-1);

????????sql.append(") VALUES (");

????????for (Map.Entry<String,Object> entry:body.entrySet()){

????????????Object value = entry.getValue();

????????????if (value instanceof String){

????????????????sql.append("'").append(entry.getValue()).append("'").append(",");

????????????}else {

????????????????sql.append(entry.getValue()).append(",");

????????????}

????????}

????????sql.deleteCharAt(sql.length() - 1);

????????sql.append(")");

????????log.info("[{}] - 插入操作：{}",table,sql);

????????Query query = runCountSql(sql.toString());

????????query.executeUpdate();

????}

系統(tǒng)開(kāi)發(fā)到了最后一個(gè)階段那就是系統(tǒng)測(cè)試，系統(tǒng)測(cè)試對(duì)軟件的開(kāi)發(fā)其實(shí)是非常有必要的。因?yàn)闆](méi)什么系統(tǒng)一經(jīng)開(kāi)發(fā)出來(lái)就可能會(huì)盡善盡美，再厲害的系統(tǒng)開(kāi)發(fā)工程師也會(huì)在系統(tǒng)開(kāi)發(fā)的時(shí)候出現(xiàn)紕漏，系統(tǒng)測(cè)試能夠較好的改正一些bug，為后期系統(tǒng)的維護(hù)性提供很好的支持。通過(guò)系統(tǒng)測(cè)試，開(kāi)發(fā)人員也可以建立自己對(duì)系統(tǒng)的信心，為后期的系統(tǒng)版本的跟新提供支持。