PAGE基于Java網(wǎng)絡(luò)相冊(cè)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)摘要隨著生活條件的逐步改善，旅行攝影已成為所有人必不可少的放松項(xiàng)目。這些照片最終將存儲(chǔ)在計(jì)算機(jī)上，但是照片太多了，但是這些記憶的“日期”似乎并沒(méi)有很好的組織。換句話說(shuō)，很難看到和控制。特別是電子相冊(cè)具有很高的自尊和良好的用戶界面。電子相冊(cè)可幫助您改善和管理存儲(chǔ)的照片。系統(tǒng)分為五個(gè)主要模塊：相冊(cè)列表模塊，新相冊(cè)模塊，修改數(shù)據(jù)模塊，密碼更改模塊，相冊(cè)分類(lèi)模塊。前四個(gè)模塊由注冊(cè)用戶提供。注冊(cè)用戶登錄后，您可以添加許多活動(dòng)，例如：添加相冊(cè)，下載和刪除圖像以及編輯信息。最后一個(gè)模塊是管理員執(zhí)行的操作。如果未注冊(cè)的用戶只能查看相冊(cè)的內(nèi)容，則不允許他們進(jìn)行適當(dāng)?shù)母?。關(guān)鍵詞：JAVA；電子相冊(cè)；SSH框架；MVC

前言隨著人們生活水平的逐步提高，旅游業(yè)已成為使任何注重美麗的項(xiàng)目平靜下來(lái)的先決條件。您不禁會(huì)收集永久性垃圾箱并使用數(shù)碼相機(jī)拍照。最后一張圖像將被傳送到計(jì)算機(jī)，但是隨著時(shí)間的流逝，它的功能，不切實(shí)際的使用和易用性將被記住。您需要使相冊(cè)易于使用，易于交流和使用。創(chuàng)建相冊(cè)的選項(xiàng)很容易，因此您可以更好地管理照片。電子相冊(cè)是當(dāng)今網(wǎng)站上最受歡迎的元素之一[1]。電子相冊(cè)系統(tǒng)是使用最流行的Java語(yǔ)言編寫(xiě)的基于B/S的系統(tǒng)。為了實(shí)現(xiàn)該系統(tǒng)，使用了諸如JSP，Hibernate，Spring，StrutsFramework等高級(jí)技術(shù)[3]。MVC結(jié)構(gòu)技術(shù)的使用提高了系統(tǒng)的可維護(hù)性[4]。該系統(tǒng)檢查了一系列問(wèn)題，從電子相冊(cè)的管理到相冊(cè)的創(chuàng)建。。一、系統(tǒng)開(kāi)發(fā)的意義電子相冊(cè)可以在計(jì)算機(jī)，所有類(lèi)型的DVD播放器，手機(jī)和MP4上正常運(yùn)行?，F(xiàn)有成就不像計(jì)算機(jī)那樣傳統(tǒng)?；蚴褂肈VD播放器觀看。您還可以在手機(jī)上為朋友和家人使用個(gè)人MTV。如果您打算長(zhǎng)時(shí)間存檔，這絕對(duì)是在電子光盤(pán)上創(chuàng)建相冊(cè)的最佳選擇。金碟可以使用100年以上。與標(biāo)準(zhǔn)VCD，SVCD和DVD格式兼容。您可以與家人一起使用Ghost機(jī)器。在將朋友和客戶存儲(chǔ)在硬盤(pán)上后，他們會(huì)面之后，您可以輕松地閱讀，放松或永久保存它們。此外，數(shù)碼相機(jī)和手機(jī)等功能的普及使每個(gè)人都擁有大量的電子攝影。但是，如果未處理該圖像，則很難在計(jì)算機(jī)和圖像上執(zhí)行該圖像。當(dāng)在相冊(cè)中查看這些圖像時(shí)，平臺(tái)的電子相冊(cè)系統(tǒng)會(huì)生成許多相冊(cè)，而專(zhuān)業(yè)軟件無(wú)法識(shí)別分類(lèi)軟件的簡(jiǎn)單管理功能。二、需求分析（一）系統(tǒng)總體目標(biāo)您可以注冊(cè)為會(huì)員，上傳自己的照片，查看和編輯其他人的相冊(cè)，以及為想要管理其照片的人創(chuàng)建平臺(tái)。未注冊(cè)的成員可以在電子書(shū)中查看其他人的照片。要添加管理員，您可以添加相冊(cè)類(lèi)別。交流的方式很多，但是我們希望在交流過(guò)程中互相學(xué)習(xí)。除了允許用戶記錄錄音信息外，他們還可以更新和請(qǐng)求有關(guān)相冊(cè)的信息?；诖耍脩艨梢灶?lèi)似的方式收集和共享其他資源。相冊(cè)管理的這種標(biāo)準(zhǔn)化和集成促進(jìn)了用戶之間的圖像和通信。軟件最終用戶來(lái)自各種來(lái)源。與他人交流時(shí)也可以這樣說(shuō)。相冊(cè)管理的這種標(biāo)準(zhǔn)化和集成促進(jìn)了用戶之間的圖像和通信。軟件最終用戶來(lái)自各種來(lái)源。與他人交流時(shí)也可以這樣說(shuō)。該軟件向公眾開(kāi)放，用戶所做的工作并不復(fù)雜。主要功能是：1.本系統(tǒng)應(yīng)該具有相片瀏覽。2.相片上傳。3.評(píng)論相片、編輯、刪除相片。4.用戶注冊(cè)。5.用戶管理。6.個(gè)人信息修改等功能。查看數(shù)據(jù)庫(kù)中的所有相冊(cè)和照片，連接到系統(tǒng)以上傳照片，查看和查看其他照片評(píng)論照片，添加，刪除，查看相冊(cè)和照片。提交所需信息后，匿名用戶可以成功注冊(cè)和登錄。用戶可以更改其個(gè)人信息，包括qq，電子郵件等。您可以更改密碼并注銷(xiāo)查看數(shù)據(jù)庫(kù)中的所有相冊(cè)和照片，連接到系統(tǒng)以上傳照片，查看和查看其他照片評(píng)論照片，添加，刪除，查看相冊(cè)和照片。提交所需信息后，匿名用戶可以成功注冊(cè)和登錄。用戶可以更改其個(gè)人信息，包括qq，電子郵件等。您可以更改密碼并注銷(xiāo)。業(yè)務(wù)功能具有普通用戶的所有功能，但是僅添加文件是一個(gè)功能。（二）系統(tǒng)數(shù)據(jù)流圖1.使用系統(tǒng)的用戶必須注冊(cè)用戶并上傳照片。這是進(jìn)入電子相冊(cè)系統(tǒng)的條目，輸出流包括圖像查看和注釋。如圖2.1描述的是電子相冊(cè)系統(tǒng)的頂層數(shù)據(jù)流圖。圖2.1頂層數(shù)據(jù)流圖2．照片ID是不會(huì)在前景中顯示的自動(dòng)遞增列。此外，用戶必須輸入前景文本作為圖像的名稱(chēng)和描述。如圖2.2描述的是用戶在上傳照片的過(guò)程中存在的數(shù)據(jù)流圖。圖2.2上傳照片數(shù)據(jù)流圖3．用戶必須輸入諸如相冊(cè)的名稱(chēng)和資料之類(lèi)的信息，并將其輸入到電子相冊(cè)系統(tǒng)中。如圖2.3中描述的是新建相冊(cè)數(shù)據(jù)流圖。圖2.3新建相冊(cè)數(shù)據(jù)流圖4．用戶必須輸入諸如相冊(cè)的名稱(chēng)和材料之類(lèi)的信息，并將其輸入到電子相冊(cè)系統(tǒng)中。如圖2.4中，描述的是修改資料的數(shù)據(jù)流圖。圖2.4修改資料數(shù)據(jù)流圖5．用戶必須輸入原始密碼和密碼。驗(yàn)證后，新密碼將保存在數(shù)據(jù)庫(kù)中。如圖2.5中描述的是修改密碼數(shù)據(jù)流圖。圖2.5修改密碼數(shù)據(jù)流圖6．使用者不輸入護(hù)照或護(hù)照。驗(yàn)證后，在檢查連接后將顯示新的血清，管理員將在電子相冊(cè)系統(tǒng)中將相冊(cè)類(lèi)別的名稱(chēng)作為文本字段輸入，并將其存儲(chǔ)在數(shù)據(jù)庫(kù)中。如圖2.6種描述的是添加相冊(cè)的數(shù)據(jù)流圖。圖2.6添加相冊(cè)數(shù)據(jù)流圖三、概要設(shè)計(jì)（一）系統(tǒng)總體結(jié)構(gòu)該系統(tǒng)控制許多問(wèn)題，從管理電子相冊(cè)到創(chuàng)建相冊(cè)。在相冊(cè)標(biāo)題中按某些條款和條件列出了這些內(nèi)容。此模塊是由注冊(cè)用戶創(chuàng)建的相冊(cè)名稱(chēng)。創(chuàng)建時(shí)，需要選擇相冊(cè)鏈接到的類(lèi)別。注冊(cè)用戶指定相冊(cè)名稱(chēng)。用戶也可以定義相冊(cè)的石頭。新相冊(cè)：此功能是注冊(cè)用戶；用戶可以創(chuàng)建自己的相冊(cè)；數(shù)據(jù)交換：新用戶登錄后可以交換的信息可以通過(guò)新聯(lián)系人進(jìn)行更改。技術(shù)支持：知識(shí)點(diǎn)的使用說(shuō)明，相冊(cè)分類(lèi)的管理：這是鏈接管理器權(quán)限的功能。管理員可以增加相冊(cè)的價(jià)值。如圖3.1描述的是總體結(jié)構(gòu)圖，分為前臺(tái)和后臺(tái)。圖3.1總體結(jié)構(gòu)圖接收主要由普通用戶使用。用戶可以使用以下功能：查看相冊(cè)列表，創(chuàng)建新相冊(cè)，編輯數(shù)據(jù)，更改密碼并注銷(xiāo)。（二）系統(tǒng)功能模塊結(jié)構(gòu)相冊(cè)管理系統(tǒng)分為五個(gè)模塊：相冊(cè)列表模塊，新相冊(cè)模塊，更改數(shù)據(jù)模塊，密碼更改模塊和相冊(cè)模塊。注意前四個(gè)模塊是根據(jù)注冊(cè)用戶提供的。如果未注冊(cè)的用戶只能看到相冊(cè)的內(nèi)容，則無(wú)法正確編輯該相冊(cè)，并且可以在錄制后創(chuàng)建前四個(gè)模塊。(1)相冊(cè)列表模塊1.業(yè)務(wù)描述：管理相關(guān)相冊(cè)圖像的加載。2.業(yè)務(wù)流程。用戶可以單擊相冊(cè)列表來(lái)查看相關(guān)相冊(cè)。當(dāng)然，單擊下載的圖像可訪問(wèn)圖像下載頁(yè)面。用戶可以在此頁(yè)面上根據(jù)需要下載適當(dāng)?shù)膱D像，命名和分類(lèi)圖像。發(fā)送后，返回相冊(cè)列表。3.輸入數(shù)據(jù)：注冊(cè)號(hào)會(huì)自動(dòng)增加，不會(huì)顯示在前臺(tái)頁(yè)面上，圖像名稱(chēng)和文件配置文件以表格形式顯示在前臺(tái)頁(yè)面上用戶輸入的文本字段。4.角色說(shuō)明：該功能主要供注冊(cè)和未注冊(cè)用戶使用。(2)新建相冊(cè)模塊1.業(yè)務(wù)描述：添加相冊(cè)將向用戶所在的相冊(cè)管理模塊添加新相冊(cè)。2.業(yè)務(wù)流程：?jiǎn)螕粜孪鄡?cè)的表面，進(jìn)入新相冊(cè)的主界面，根據(jù)提示輸入相應(yīng)的信息，然后選擇“發(fā)送”。您可以查看新添加的相冊(cè)，然后根據(jù)需要選擇附加照片。單擊相冊(cè)，然后單擊要下載的照片，根據(jù)提示輸入適當(dāng)?shù)男畔?，然后選擇下載。禁用該路徑，單擊“下載”，選擇“發(fā)送”，以便系統(tǒng)自動(dòng)創(chuàng)建大大小小的圖像以顯示封面和其他操作。3.錯(cuò)誤處理：輸入信息后，道路沒(méi)有填滿，系統(tǒng)將發(fā)送相關(guān)請(qǐng)求。4.輸入數(shù)據(jù)。相關(guān)信息由用戶訪問(wèn)。5.輸出結(jié)果：輸出結(jié)果由專(zhuān)輯標(biāo)題確認(rèn)。6.角色描述：該功能特別適用于注冊(cè)用戶。(3)修改資料模塊1.職位描述：對(duì)于注冊(cè)用戶，將根據(jù)用戶要求讀取和修改主數(shù)據(jù)庫(kù)數(shù)據(jù)。相關(guān)用戶信息。如果該用戶是匿名用戶，則可以注冊(cè)為訪客。2.業(yè)務(wù)流程：從數(shù)據(jù)庫(kù)中讀取并根據(jù)用戶要求進(jìn)行更改。3.錯(cuò)誤處理：輸入信息后，系統(tǒng)將顯示相關(guān)的響應(yīng)。4.產(chǎn)品數(shù)據(jù)：與用戶有關(guān)的信息被共享。5.最終結(jié)果：無(wú)6.角色描述：該功能特別適用于注冊(cè)用戶。(4)修改密碼模塊1.服務(wù)名稱(chēng)：對(duì)于注冊(cè)用戶，此模塊允許您更改注冊(cè)用戶的登錄平臺(tái)密碼。注冊(cè)用戶可以根據(jù)需要更改密碼。2.業(yè)務(wù)流程：輸入密碼更改地址，輸入要求時(shí)更改的信息，并發(fā)送和接收確認(rèn)碼。3.錯(cuò)誤處理：所有相關(guān)數(shù)據(jù)信息都必須以一對(duì)一的格式包括在內(nèi)。4.輸入數(shù)據(jù)。相關(guān)信息由用戶訪問(wèn)。5.最終結(jié)果：無(wú)。6.角色描述：該功能特別適用于注冊(cè)用戶。(5)添加相冊(cè)模塊1.服務(wù)說(shuō)明：此模塊由系統(tǒng)管理員管理。首先，系統(tǒng)管理員必須登錄到關(guān)聯(lián)的用戶名和密碼。登錄后，您可以等待相冊(cè)管理系統(tǒng)。這是針對(duì)專(zhuān)輯類(lèi)型的，可以根據(jù)要添加的類(lèi)型鏈接到第一部分。2.業(yè)務(wù)流程：經(jīng)理登錄后，添加任務(wù)，添加類(lèi)別名稱(chēng)，然后單擊“上一步”以在下面的下拉菜單中顯示它。3.錯(cuò)誤處理：輸入類(lèi)型不能為空。如果為空，則被鎖定。4.數(shù)據(jù)輸入：管理員需要添加的合理類(lèi)別。5.結(jié)束：相關(guān)類(lèi)別的名稱(chēng)顯示在向量條目中。6.角色描述：管理員特別使用此功能。（三）系統(tǒng)E.R圖1.實(shí)體管理員具有三個(gè)屬性,在數(shù)據(jù)庫(kù)中，該標(biāo)識(shí)符旨在增加，并且名稱(chēng)和密碼由用戶定義，如圖3.2所示。圖3.2管理員E.R圖2.相冊(cè)的本質(zhì)包含五個(gè)屬性,數(shù)據(jù)庫(kù)中提供了自動(dòng)增加指示符。創(chuàng)建新相冊(cè)時(shí)，用戶必須指定相冊(cè)名稱(chēng)，相冊(cè)說(shuō)明和其他信息?；謴?fù)系統(tǒng)時(shí)間。在創(chuàng)建時(shí)，訪問(wèn)次數(shù)是根據(jù)用戶訪問(wèn)次數(shù)累積的，如圖3.3所示。圖3.3相冊(cè)E.R圖3.相冊(cè)留言的實(shí)質(zhì)包含4個(gè)屬性。在數(shù)據(jù)庫(kù)中，標(biāo)識(shí)符本身會(huì)增加。當(dāng)用戶添加相冊(cè)時(shí)，將發(fā)送標(biāo)題和內(nèi)容，并檢索系統(tǒng)時(shí)間。如圖3.4所示。圖3.4相冊(cè)留言E.R圖4.相片本質(zhì)滿足條件后，在照片中發(fā)送信息。如圖3.5所示。圖3.5相片E.R圖5.相片留言實(shí)體包含四個(gè)屬性，標(biāo)識(shí)符在數(shù)據(jù)庫(kù)中自動(dòng)遞增，并且用戶發(fā)送標(biāo)頭和內(nèi)容。如圖3.6所示。圖3.6相片留言E.R圖6.用戶實(shí)體包含6個(gè)屬性。數(shù)據(jù)庫(kù)ID自動(dòng)增加，并且用戶發(fā)送諸如名稱(chēng)，密碼，電子郵件地址，性別等信息。如圖3.7所示。圖3.7用戶E.R圖（四）數(shù)據(jù)庫(kù)詳細(xì)設(shè)計(jì)1.管理員信息表，如表3.1所示。表3.1管理員信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注ad_id整型11否nullad_name文本200是nullad_pass文本200是null2.用戶注冊(cè)信息表，如表3.2。表3.2用戶信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注c_id整型11否nullc_name文本200是nullc_pass文本200是nullc_sex文本1是null3.相冊(cè)信息表，如表3.3。表3.3相冊(cè)信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注a_id整型11否nulla_name文本200是nulla_desc文本200是nulla_create_date時(shí)間0是nulla_times時(shí)間0是nullc_id整型11是nullk_id整型11是null4.照片信息表，如表3.4。表3.4相片留言信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注_id整型11否nullp_title文本200是nullp_desc文本200是nullp_times文本0是nullp_pic時(shí)間200是nullp_big_pic文本200是nullp_small_pic文本200是nullp_up_date時(shí)間0是nullp_cover文本1是nulla_id整型11是null5.相片留言信息表，如表3.5。表3.5相片留言信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注l_id整型11否nulll_title文本200是nulll_contant文本200是nulll_sub_date時(shí)間0是null6.相冊(cè)信息表，如表3.6。表3.6相冊(cè)留言信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注x_id整型11否nullx_title文本200是nullx_contant文本200是nullx_sub_date時(shí)間0是null四、詳細(xì)設(shè)計(jì)（一）系統(tǒng)流程圖1.電子相冊(cè)系統(tǒng)的用戶角色分為普通管理員和用戶。用戶可以根據(jù)自己的個(gè)性選擇不同方向的連接。在列表功能中，選擇登錄名的管理員名稱(chēng)后，管理員可以添加相冊(cè)類(lèi)別的名稱(chēng)并退出控件，如圖4.1所示。圖4.1總體流程圖2.單擊新建相冊(cè)以訪問(wèn)新建相冊(cè)的主界面。在提示符下輸入適當(dāng)?shù)男畔?，然后選擇提交。您可以看到新添加的相冊(cè),如圖4.2所示。輸入正確輸入正確輸入用戶名密碼進(jìn)入新建相冊(cè)頁(yè)面顯示出錯(cuò)原因NOYES開(kāi)始結(jié)束圖4.2新建相冊(cè)流程圖3.對(duì)于注冊(cè)用戶，將從主數(shù)據(jù)庫(kù)中讀取其數(shù)據(jù)，并根據(jù)用戶需求進(jìn)行修改。如圖4.3所示。輸入正確輸入正確輸入用戶名密碼進(jìn)入修改資料頁(yè)面顯示出錯(cuò)原因否是開(kāi)始結(jié)束圖4.3修改資料流程圖4.如果用戶需要更改注冊(cè)用戶的密碼，請(qǐng)單擊更改密碼超鏈接以打開(kāi)JSP密碼更改頁(yè)面。如果原始密碼正確，則可以更改它。一旦系統(tǒng)確定正確輸入了密碼，便要求用戶輸入錯(cuò)誤的密碼，如果用戶需要更改注冊(cè)用戶的密碼，請(qǐng)單擊更改密碼超鏈接以打開(kāi)JSP密碼更改頁(yè)面。如果原始密碼正確，則可以更改它。一旦系統(tǒng)確定正確輸入了密碼，便要求用戶輸入錯(cuò)誤的密碼如圖4.4所示。輸入原密碼和新密碼密碼修改成功顯示出錯(cuò)原因否是開(kāi)始結(jié)束圖4.4修改密碼流程圖（二）管理員登錄實(shí)現(xiàn)1.管理員登錄主頁(yè)面的創(chuàng)建將CSS模板（css.css）與頁(yè)面性能編輯器一起使用，并使用CSS樣式表。每個(gè)JSP頁(yè)面都代表該文件。因此，如果您需要更改頁(yè)面最后一個(gè)圖像的靜態(tài)屬性，則可以直接編輯CSS文件。無(wú)需自動(dòng)修改頁(yè)面上的文件即可提高實(shí)用性。但是，操作系統(tǒng)平臺(tái)是標(biāo)準(zhǔn)代碼評(píng)估引擎。驗(yàn)證碼以完美的順序生成數(shù)字或字符序列。具有清晰像素的圖像（防止文本標(biāo)識(shí)）使用戶可以在使用某些功能之前識(shí)別有關(guān)驗(yàn)證碼的信息，填寫(xiě)表格，糾正網(wǎng)站并驗(yàn)證成功。換句話說(shuō)，除了用戶名和密碼，管理員還應(yīng)該包括在電子相冊(cè)系統(tǒng)（最后管理工具）中命名的驗(yàn)證碼（驗(yàn)證碼由6位數(shù)字組成）將CSS模板（css.css）與頁(yè)面性能編輯器一起使用，并使用CSS樣式表。每個(gè)JSP頁(yè)面都代表該文件。因此，如果您需要更改頁(yè)面最后一個(gè)圖像的靜態(tài)屬性，則可以直接編輯CSS文件。無(wú)需自動(dòng)修改頁(yè)面上的文件即可提高實(shí)用性。但是，操作系統(tǒng)平臺(tái)是標(biāo)準(zhǔn)代碼評(píng)估引擎。驗(yàn)證碼以完美的順序生成數(shù)字或字符序列。具有清晰像素的圖像（防止文本標(biāo)識(shí)）使用戶可以在使用某些功能之前識(shí)別有關(guān)驗(yàn)證碼的信息，填寫(xiě)表格，糾正網(wǎng)站并驗(yàn)證成功。換句話說(shuō)，除了用戶名和密碼，管理員還應(yīng)該包括在電子相冊(cè)系統(tǒng)中命名的驗(yàn)證碼。2.實(shí)現(xiàn)過(guò)程管理員功能模塊主要包括以下功能：Struts的關(guān)鍵是他的表現(xiàn)。交互通常在Actions類(lèi)中以非常特定的方式實(shí)現(xiàn)。功能管理器功能模塊的功能調(diào)用DispatchAction類(lèi)（Action類(lèi)的子類(lèi)）來(lái)執(zhí)行多任務(wù)功能。第一列應(yīng)與此功能相關(guān)聯(lián)，作為ManagerDao模塊管理器的示例（此類(lèi)用于數(shù)據(jù)庫(kù)實(shí)現(xiàn)）。連接調(diào)制是電子管理系統(tǒng)相冊(cè)捕獲系統(tǒng)的第一個(gè)功能。在登錄頁(yè)面上，管理員可以輸入管理員登錄名和管理員密碼。如果用戶登錄到用戶帳戶或密碼，則系統(tǒng)將使用JavaScript評(píng)估并提供簡(jiǎn)單信息。連接調(diào)制是電子管理系統(tǒng)相冊(cè)捕獲系統(tǒng)的第一個(gè)功能。在登錄頁(yè)面上，管理員可以輸入管理員登錄名和管理員密碼。如果用戶登錄到用戶帳戶或密碼，則系統(tǒng)將使用JavaScript評(píng)估并提供簡(jiǎn)單信息。在文本框中鍵入管理頁(yè)面的用戶名和密碼，然后鍵入正確的管理員用戶名和密碼。如果頁(yè)面單擊URL“確定”，則URL“adminAction.do？方法=確認(rèn)”ManagerAction，這是插入模塊中的參數(shù)值。因此，login.checkManagerAction。如果method=checkManagerAction，則調(diào)用ManagerAction類(lèi)以檢查從DispatchAction（）繼承的管理器IDcheckManagerAction（）。（ExtensionDispatchAction）多功能操作。（三）未注冊(cè)用戶注冊(cè)實(shí)現(xiàn)未注冊(cè)用戶的UI設(shè)計(jì)必須簡(jiǎn)潔明了。主頁(yè)已保存。首先輸入注冊(cè)信息并提交操作。圖4.5未注冊(cè)用戶注冊(cè)在注冊(cè)用戶登錄的register.jsp界面中：<html:formaction="clientReg.do"onsubmit="returnvalidateClientRegForm(this)">驗(yàn)證正確的話會(huì)跳轉(zhuǎn)到clientReg.do也就是在struts.config.xml配置文件的代碼中可以看出<actionpath="/clientReg"scope="request"name="clientRegForm"validate="true"input="/WEB.INF/jsp/register.jsp">代碼中可以看到如果它所屬的form為clientRegFormStruts.config.xml中對(duì)應(yīng)的form.bean屏幕截圖4.5顯示了未注冊(cè)用戶的注冊(cè)區(qū)域。普通用戶登錄電子相冊(cè)系統(tǒng)后，可以單擊注冊(cè)超鏈接訪問(wèn)注冊(cè)界面手段。該頁(yè)面使用CSS樣式表，并將CSS文件（css.css）寫(xiě)入編輯器。每個(gè)JSP頁(yè)面都代表該文件，因此，必須更改背景圖像的靜態(tài)屬性。無(wú)需更改頁(yè)面即可修改CSS文件，從而大大提高了效率。該模塊完成了用戶注冊(cè)過(guò)程。注冊(cè)后，用戶可以退訂該書(shū)和其他功能。流程分析此模塊包含兩個(gè)分頁(yè)文件。Register.htm完成用戶注冊(cè)信息，register.jsp完成數(shù)據(jù)驗(yàn)證，并將所需的數(shù)據(jù)寫(xiě)入用戶信息數(shù)據(jù)表。如果用戶數(shù)據(jù)“新密碼”和“確認(rèn)新密碼”的內(nèi)容不兼容，則系統(tǒng)還會(huì)報(bào)告錯(cuò)誤。用戶成功注冊(cè)后流程分析此模塊包含兩個(gè)分頁(yè)文件。（四）注冊(cè)用戶登錄實(shí)現(xiàn)用戶界面設(shè)計(jì)應(yīng)簡(jiǎn)潔明了。注冊(cè)有主頁(yè)。第一種是檢查聲明者的憑據(jù)，識(shí)別它們，并注冊(cè)用戶的登錄界面。圖4.6注冊(cè)用戶登錄如圖4.6中截圖顯示的是普通用戶登錄界面。1.注冊(cè)用戶登錄界面的創(chuàng)建使用CSS樣式表在頁(yè)面性能中將CSS文件（css.css）寫(xiě)入記事本中。每個(gè)JSP頁(yè)面都代表該文件。例如，如果您需要更改頁(yè)面背景圖像的靜態(tài)屬性，則可以直接編輯CSS代碼。文件本身可以極大地提高性能，而無(wú)需更改頁(yè)面本身。另外，系統(tǒng)平臺(tái)在網(wǎng)絡(luò)上引入了更通用的驗(yàn)證碼，這意味著注冊(cè)用戶除必須輸入其他用戶名和密碼外，還必須輸入其他用戶名和密碼。然后輸入提供的確認(rèn)碼（此處的驗(yàn)證碼由四位數(shù)碼組成），然后單擊“登錄”以管理員身份啟動(dòng)電子相冊(cè)的后臺(tái)管理界面。系統(tǒng)平臺(tái)在網(wǎng)絡(luò)上引入了更通用的驗(yàn)證碼，這意味著注冊(cè)用戶除必須輸入其他用戶名和密碼外，還必須輸入其他用戶名和密碼。然后輸入提供的確認(rèn)碼（此處的驗(yàn)證碼由四位數(shù)碼組成），然后單擊“登錄”以管理員身份啟動(dòng)電子相冊(cè)的后臺(tái)管理界面。此外，用戶可以單擊以替換以恢復(fù)驗(yàn)證碼。2.注冊(cè)用戶登錄界面登錄成功界面如如圖4.7所示：圖4.7注冊(cè)用戶登錄如圖4.7中截圖顯示的是登錄成功后的顯示界面，因此系統(tǒng)中沒(méi)有任何照片信息。設(shè)計(jì)思想：登錄模塊要求該模塊確認(rèn)三項(xiàng)信息，首先是在存在用戶時(shí)驗(yàn)證系統(tǒng)用戶的身份，其次，如果用戶存在，則確定用戶密碼，最后，如果密碼正確，則定義用戶角色，這三部分，如果信息正確，請(qǐng)轉(zhuǎn)至系統(tǒng)主頁(yè)。登錄界面是Web應(yīng)用程序項(xiàng)目的網(wǎng)關(guān)，可防止某些“非法用戶”訪問(wèn)Web項(xiàng)目的功能。3.實(shí)現(xiàn)過(guò)程驗(yàn)證過(guò)程是注冊(cè)檢查。注冊(cè)信息被發(fā)送到服務(wù)器，并由其存儲(chǔ)在數(shù)據(jù)庫(kù)中。當(dāng)連接到數(shù)據(jù)庫(kù)并且掃描匹配時(shí)，掃描將比較客戶端發(fā)送的用戶信息，否則將顯示錯(cuò)誤消息。（五）管理員登錄界面如圖4.8所示，換句話說(shuō)，管理員進(jìn)入主界面，然后可以輸入其帳戶，密碼和驗(yàn)證碼以進(jìn)入系統(tǒng)，然后執(zhí)行管理操作。圖4.8管理員登錄在管理員登錄的login.jsp界面中：<html:formaction="adminLogin.do"onsubmit=“returnvalidateAdminLoginForm(this)"><!..后臺(tái)管理員登錄..> <actionpath="/adminLogin"name="adminLoginForm"scope="request"validate="true"input="/WEB.INF/jsp/admin/login.jsp"><forwardname="success"path="/WEB.INF/jsp/admin/admin_index.jsp"/> <forwardname="wrong"path="/WEB.INF/jsp/admin/login.jsp"/> <forwardname="wrongCode"path="/WEB.INF/jsp/admin/login.jsp"/> </action>（六）管理員添加相冊(cè)界面1．管理員添加相冊(cè)界面如圖:圖4.9理員添加相冊(cè)界面如圖4.9圖顯示的是系統(tǒng)管理員成功登錄后，管理員可以添加相冊(cè)評(píng)分并在成功下載后顯示評(píng)分信息。2．管理員添加相冊(cè)的創(chuàng)建：在管理員登陸的admin_add_sort.jsp界面中：<html:formaction="addkind.do"onsubmit="returnvalidateAddKindForm(this)"><actionpath="/addkind"scope="request"name="addKindForm"validate="true"input="/WEB.INF/jsp/admin/admin_add_sort.jsp">代碼中可以看到如果它所屬的form為addKindFormStruts.config.xml對(duì)應(yīng)的form.bean<form.beanname="addKindForm"type="org.apache.struts.validator.DynaValidatorForm"> <pertyname="name"type="java.lang.String"/> </form.bean>在validation.xml中自動(dòng)的匹配<!..添加分類(lèi)..> <formname="addKindForm"> <fieldproperty="name"depends="required，maxlength"> <argkey="name.kind.displayname"position="0"/> <argname="maxlength"key="${var:maxlength}"resource="false"position="1"/> <var> <>maxlength</> <var.value>8</var.value> </var> </field> </form><!..添加種類(lèi)..> <beanname="/addkind"class="angus.action.AddKindAction"> <propertyname="cs"ref="clientService"/> <propertyname="as"ref="adminService"/> </bean> publicvoidaddKind(StringkindName，Stringdesc)throwsMyException { try { Kindkind=newKind(kindName，desc); kd.save(kind); } catch(Exceptione) { e.printStackTrace(); thrownewMyException("添加種類(lèi)異常"); } }publicvoidsave(Kindkind) { getHibernateTemplate().save(kind); }<!..添加種類(lèi)..> <actionpath="/addkind"scope="request"name="addKindForm"validate="true"input="/WEB.INF/jsp/admin/admin_add_sort.jsp"> <forwardname="success"path="/WEB.INF/jsp/admin/admin_add_sort.jsp"/> </action>進(jìn)行相應(yīng)的跳轉(zhuǎn)。（七）按鈕事件方法創(chuàng)建新按鈕：JButtonabout=newJButton;此框應(yīng)在菜單框中設(shè)置：toolBar.add（about）;要使用按鈕對(duì)事件的響應(yīng)，請(qǐng)使用.addActionListener（此），您需要告訴程序在按下按鈕時(shí)它將監(jiān)聽(tīng)動(dòng)作，ActionListener是程序關(guān)系。PublicclassKyodaiUIextendsJFrameimplementsActionListener{...該對(duì)話框?qū)崿F(xiàn)ActionListener對(duì)話框，并告訴程序它要管理事件。最后，您需要添加代碼以響應(yīng)事件:

publicvoidactionPerformed(ActionEvente){

if(e.getSource()==about){

JOptionPane.showMessageDialog(this，"數(shù)據(jù)1"，"數(shù)據(jù)2"，

JOptionPane.INFORMATION_MESSAGE);

return;

}

}五、系統(tǒng)測(cè)試（一）測(cè)試目標(biāo)軟件測(cè)試的目的是：測(cè)試是運(yùn)行程序以檢測(cè)錯(cuò)誤。好的測(cè)試計(jì)劃是可以檢測(cè)到以前無(wú)法識(shí)別的錯(cuò)誤的解決方案。成功測(cè)試的計(jì)劃是檢測(cè)無(wú)法識(shí)別的錯(cuò)誤。試驗(yàn)。測(cè)試的目的決定了測(cè)試計(jì)劃的設(shè)計(jì)。在進(jìn)行測(cè)試以證明程序的準(zhǔn)確性時(shí)，它會(huì)制定不容易發(fā)現(xiàn)的測(cè)試計(jì)劃。如果測(cè)試在程序中查找錯(cuò)誤，它將嘗試設(shè)計(jì)盡可能多的錯(cuò)誤?？赡茉O(shè)置了錯(cuò)誤的測(cè)試計(jì)劃。（二）各模塊測(cè)試如表5.1所示，為每個(gè)界面所測(cè)試的條件以及動(dòng)作,可以根據(jù)此表對(duì)每個(gè)界面進(jìn)行測(cè)試。表5.1測(cè)試用例表開(kāi)始界面條件動(dòng)作結(jié)束頁(yè)面?zhèn)渥⒅黜?yè)面用戶登錄主菜單頁(yè)面登錄和注冊(cè)過(guò)程中系統(tǒng)會(huì)進(jìn)行驗(yàn)證管理員登錄主菜單頁(yè)面選擇一個(gè)相冊(cè)點(diǎn)擊該相冊(cè)相冊(cè)列表頁(yè)面初始顯示第一頁(yè)相冊(cè)列表頁(yè)面選擇一個(gè)相冊(cè)點(diǎn)擊該相冊(cè)相片顯示頁(yè)面初始顯示第一頁(yè)相片顯示頁(yè)面查看相片點(diǎn)擊相片相片顯示頁(yè)面查看相片留言顯示頁(yè)面查看評(píng)論點(diǎn)擊相片相片顯示頁(yè)面在相片列表中顯示留言的內(nèi)容添加文件頁(yè)面管理員登錄成功點(diǎn)擊添加文件分類(lèi)按鈕添加成功頁(yè)面輸入類(lèi)的名稱(chēng)，顯示添加的分類(lèi)1.注冊(cè)用戶單擊“我的相冊(cè)”以訪問(wèn)登錄頁(yè)面，輸入用戶名，密碼和驗(yàn)證碼，然后單擊登錄按鈕以訪問(wèn)相冊(cè)列表頁(yè)面用戶。單擊相冊(cè)名稱(chēng)以轉(zhuǎn)到相冊(cè)。單擊以查看評(píng)論，設(shè)置，編輯，刪除和其他按鈕以獲取相冊(cè)封面。見(jiàn)圖5.1到5.51.相片上傳測(cè)試（1）如圖5.1截圖顯示的是上傳照片成功后的界面。圖5.1保存信息測(cè)試圖（2）如圖5.2截圖顯示的是查看相片評(píng)論的界面。圖5.2查看評(píng)論界面2．修改相片信息測(cè)試圖5.3修改相片信息界面如圖5.3截圖顯示的是修改相片信息的界面。顯示結(jié)果正確。3．新建相冊(cè)測(cè)試如圖5.4截圖顯示的是新建相冊(cè)信息的界面圖5.4新建相冊(cè)界面4．修改資料測(cè)試如圖5.5截圖顯示的是修改資料信息的界面，可以修改信息。圖5.5修改資料界面2.管理員管理員單擊“添加文件”轉(zhuǎn)到“添加相冊(cè)類(lèi)別”頁(yè)面，在“添加類(lèi)別”列中輸入類(lèi)別名稱(chēng)，在“類(lèi)別管理”類(lèi)別中選擇適當(dāng)?shù)捻?xiàng)目，然后單擊“提交”。如圖5.6所示。圖5.6管理員添加分類(lèi)頁(yè)面如圖5.6截圖顯示的是管理員添加相冊(cè)分類(lèi)成功后的界面。結(jié)論在此設(shè)計(jì)和開(kāi)發(fā)過(guò)程中，與代碼的一般結(jié)構(gòu)的獨(dú)立性已得到顯著改善，但是系統(tǒng)的設(shè)計(jì)可能未充分注意易讀性。從其本系統(tǒng)的設(shè)計(jì)者的角度看，總體結(jié)構(gòu)可能不夠清晰，但總體情況尚不令人滿意。將來(lái)應(yīng)通過(guò)創(chuàng)建注釋并突出顯示它們來(lái)進(jìn)一步增強(qiáng)它。為了幫助讀者快速了解該程序的結(jié)構(gòu)和思想，以后應(yīng)加強(qiáng)此部分。從管理員的角度來(lái)看，由于設(shè)計(jì)計(jì)劃不夠充分，因此無(wú)法完全實(shí)現(xiàn)管理員的功能。例如，管理員應(yīng)該能夠刪除分類(lèi)，但是此項(xiàng)目尚未實(shí)現(xiàn)此功能。另一方面，將不考慮描述的一些圖，并且某