【正文】 然后可以根據(jù)自己的需要選擇是否加入相片，如果加入的話點(diǎn)擊相冊(cè)，然后點(diǎn)擊上傳相片，根據(jù)提示填寫相關(guān)的信息，然后選擇上傳路徑單擊上傳，選擇提交，這樣系統(tǒng)會(huì)自動(dòng)的生成一個(gè)大圖片和一個(gè)小圖片，用來(lái)顯示封面等操作。輸入正確輸入用戶名密碼進(jìn)入新建相冊(cè)頁(yè)面顯示出錯(cuò)原因NOYES開始結(jié)束圖 33 新建相冊(cè)流程圖 (3) 錯(cuò)誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會(huì)給出相應(yīng)的提示。(4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。(5) 輸出結(jié)果：其輸出結(jié)果為在相冊(cè)列表中給予相應(yīng)的顯示。(6) 角色說(shuō)明：此功能主要注冊(cè)用戶使用。 修改資料模塊(1) 業(yè)務(wù)描述：對(duì)注冊(cè)用戶來(lái)講，將他們的資料從后臺(tái)數(shù)據(jù)庫(kù)中讀取出來(lái)然后根據(jù)用戶的需要進(jìn)行相應(yīng)的修改，根據(jù)用戶資料采集界面來(lái)采集相應(yīng)的數(shù)據(jù)，根據(jù)這些數(shù)據(jù)來(lái)更新數(shù)據(jù)庫(kù)中該用戶的相應(yīng)資料。如果是未注冊(cè)的用戶可根據(jù)提示進(jìn)行注冊(cè)。(2) 業(yè)務(wù)流程 網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)輸入正確輸入用戶名密碼進(jìn)入修改資料頁(yè)面顯示出錯(cuò)原因否是開始結(jié)束圖 34 修改資料流程圖 (3) 錯(cuò)誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會(huì)給出相應(yīng)的提示。(4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。(5) 輸出結(jié)果：無(wú)(6) 角色說(shuō)明：此功能主要注冊(cè)用戶使用。 修改密碼模塊(1) 業(yè)務(wù)描述：對(duì)注冊(cè)用戶來(lái)講，該模塊是用于修改注冊(cè)用戶的登陸系統(tǒng)平臺(tái)的密碼，注冊(cè)用戶可以根據(jù)自己的需要來(lái)修改其密碼。(2) 業(yè)務(wù)流程：進(jìn)入修改密碼界面，根據(jù)提示給出需要修改的信息，輸入驗(yàn)證碼后提交即可。(3) 錯(cuò)誤處理：所有字段必須逐一給出相應(yīng)的數(shù)據(jù)信息。(4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。(5) 輸出結(jié)果：無(wú)。(6) 角色說(shuō)明：此功能主要注冊(cè)用戶使用。 添加相冊(cè)模塊(1) 業(yè)務(wù)描述：該模塊由系統(tǒng)的管理員來(lái)操作，首先系統(tǒng)管理員要根據(jù)其所登陸的相關(guān)用戶員和密碼進(jìn)行登陸，登陸后可以進(jìn)行一些關(guān)于電子相冊(cè)管理系統(tǒng)的維護(hù)工作這里所提到的是關(guān)于相冊(cè)種類的添加，可以根據(jù)后臺(tái)的添加來(lái)進(jìn)行前臺(tái)的相關(guān)操作。(2) 業(yè)務(wù)流程：管理員登陸后進(jìn)行添加操作，填寫添加種類的名稱點(diǎn)擊提交后將在下面相應(yīng)的下拉菜單中給予顯示。(3) 錯(cuò)誤處理：所填種類不能為空，若為空則給予相關(guān)。(4) 輸入數(shù)據(jù)：由管理員給出所要加入的相關(guān)種類。網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)(5) 輸出結(jié)果：在下拉列表中給顯示出相應(yīng)的種類列表。(6) 角色說(shuō)明：此功能主要由管理員使用。 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)是系統(tǒng)工作的基礎(chǔ)，合理的數(shù)據(jù)庫(kù)結(jié)構(gòu)對(duì)系統(tǒng)整體由事半功倍的作用。根據(jù)上述的系統(tǒng)模型結(jié)構(gòu)，經(jīng)過分析和設(shè)計(jì)，得到數(shù)據(jù)庫(kù)表結(jié)構(gòu)及關(guān)系如下：管理員信息表包括管理員用戶 ID、用戶名、密碼等詳細(xì)信息，如表 31 所示。表 31 管理員信息表字段名 字段類型 字段大小 能否為空 默認(rèn) 備注ad_id 整形 11 否 nullad_name 文本 200 是 nullad_pass 文本 200 是 null用戶注冊(cè)信息表包括用戶 ID、用戶名、密碼、性別、郵箱、 等詳細(xì)信息，如表 32。表 32 用戶信息表字段名 字段類型 字段大小 能否為空 默認(rèn)備注c_id 整形 11 否 nullc_name 文本 200 是 nullc_pass 文本 200 是 nullc_sex 文本 1 是 nullc_mail 文本 200 是 nullc_qq 文本 200 是 null相冊(cè)信息表包括相冊(cè) ID、相冊(cè)名、簡(jiǎn)述，創(chuàng)建日期，創(chuàng)建時(shí)間等詳細(xì)信息，如表 33。表 33 相冊(cè)信息表字段名 字段類型 字段大小 能否為空 默認(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 是 null照片信息表包括相片 ID、相片名，相片簡(jiǎn)述、上傳時(shí)間，相片大小等詳細(xì)網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)信息，如表 34。表 34 相片信息表字段名 字段類型 字段大小 能否為空 默認(rèn)備注p_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 是 null 小結(jié) 本章詳細(xì)描述了系統(tǒng)的體系結(jié)構(gòu)，對(duì)系統(tǒng)進(jìn)行了簡(jiǎn)單的可行性分析，確定了各子系統(tǒng)要完成的功能，詳細(xì)介紹了系統(tǒng)的各個(gè)重要模塊的需求，同時(shí)給出了各子功能系統(tǒng)流程圖。 ，并初步得到了系統(tǒng)模型和功能模塊劃分，通過本章中描述的系統(tǒng)體系，接下來(lái)的任務(wù)是根據(jù)本章的敘述進(jìn)行詳細(xì)具體的設(shè)計(jì)實(shí)現(xiàn)。4 系統(tǒng)實(shí)現(xiàn)系統(tǒng)階段的根本目標(biāo)是確定應(yīng)該怎樣具體的實(shí)現(xiàn)所要求的系統(tǒng)，也就是說(shuō)，經(jīng)過這個(gè)階段的設(shè)計(jì)工作，應(yīng)該得出對(duì)目標(biāo)系統(tǒng)的精確描述，從而在編碼階段可以把這個(gè)描述直接翻譯成某種程序設(shè)計(jì)語(yǔ)言書寫的程序。本章主要實(shí)現(xiàn)了各個(gè)模塊的具體功能。 管理員登陸設(shè)計(jì)管理員登陸的界面設(shè)計(jì)要簡(jiǎn)潔明，登陸有一個(gè)主頁(yè)面，首先進(jìn)行的是驗(yàn)證，判斷登陸者的權(quán)限。 管理員登陸主頁(yè)面的創(chuàng)建在頁(yè)面表現(xiàn)上，采用 CSS 樣式表的方式，用記事本編寫一個(gè) css 文件()，每個(gè) jsp 頁(yè)面都引入這個(gè)文件，這樣當(dāng)需要變更頁(yè)面圖片背景等靜態(tài)屬性時(shí)，就直接修改 css 文件，而無(wú)需對(duì)頁(yè)面本身進(jìn)行任何改動(dòng)，大大提高效率，除此之外，本系統(tǒng)平臺(tái)引入了現(xiàn)在網(wǎng)絡(luò)上較為流行的驗(yàn)證碼機(jī)， 所謂驗(yàn)證網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)碼就是將一串隨機(jī)產(chǎn)生的數(shù)字或符號(hào)，生成一幅圖片， 圖片里加上一些干擾象素(防止 OCR)，由用戶肉眼識(shí)別其中的驗(yàn)證碼信息，輸入表單提交網(wǎng)站驗(yàn)證，驗(yàn)證成功后才能使用某項(xiàng)功能。在電子相冊(cè)系統(tǒng)中也就是說(shuō)管理員除了給出用戶名和密碼外還要另再填入給出的驗(yàn)證碼(這里的驗(yàn)證碼是六位的)點(diǎn)擊 GO 才能以管理員的身份進(jìn)行電子相冊(cè)的后臺(tái)管理界面。驗(yàn)證碼的原理在這里要稍微提出來(lái)解釋一下，驗(yàn)證碼的機(jī)制其實(shí)就是一個(gè)隨機(jī)說(shuō)的機(jī)制，它后面的那個(gè)看似灰色的小框其實(shí)是以一個(gè)畫圖的方式畫出的一個(gè)小長(zhǎng)方形，在這里填充了一些小豎條，從直觀的感觀看來(lái)也像是一個(gè)背景為灰色的小圖，原代碼( 類)中體現(xiàn)，所里面的數(shù)據(jù)就是調(diào)用了系統(tǒng)的一個(gè)自定義的類( 類)，產(chǎn)生一個(gè)六位的驗(yàn)證碼這里區(qū)分大小寫，在登陸里一并進(jìn)行驗(yàn)證。 實(shí)現(xiàn)過程管理員功能模塊主要包括以下功能。管理員登錄：用于登錄系統(tǒng)。查看管理員列表：用于查詢并顯示系統(tǒng)中的全部管理員及其權(quán)限信息。管理員退出：用于管理員的登陸界面Struts 的核心在于它的 Action，一般在 Action 類中實(shí)現(xiàn)對(duì)頁(yè)面的邏輯跳轉(zhuǎn)工作。管理員功能模塊的 Action 實(shí)現(xiàn)類繼承了 DispatchAction 類(Action 類的子類)，實(shí)現(xiàn)多業(yè)務(wù)的操作。在該類中首先需要在屬性中實(shí)例化管理員模塊的ManagerDao 類( 該類用于實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的交互)。系統(tǒng)登錄模塊是圖書管理系統(tǒng)中最先使用的功能，是進(jìn)入系統(tǒng)的入口。在系統(tǒng)登錄頁(yè)面中，管理員可以通過輸入正確的管理員賬號(hào)和密碼進(jìn)入到系統(tǒng)，當(dāng)用戶沒有輸入管理員賬號(hào)或密碼時(shí)，系統(tǒng)會(huì)通過 JavaScript 進(jìn)行判斷，并給予提示信息。管理員登錄的 Action 實(shí)現(xiàn)類在管理員登錄頁(yè)面的管理員名稱和管理員密碼文本框中輸入正確的管理員名稱和密碼后，單擊“ 確定 ”按鈕，網(wǎng)頁(yè)會(huì)訪問一個(gè) URL，這個(gè) URL 是“manager ? method= checkManagerAction”。從該 URL 地址中可以知道系統(tǒng)登錄模塊涉及到的 method 的參數(shù)值為 “checkManagerAction”，也就是當(dāng)method=checkManagerAction 時(shí)，會(huì)調(diào)用 ManagerAction 類驗(yàn)證管理員身份的方法 checkManagerAction()，該類繼承了 DispatchAction(extends DispatchAction)，實(shí)現(xiàn) Struts 中的多業(yè)務(wù)操作。 注冊(cè)用戶登陸設(shè)計(jì)注冊(cè)用戶登陸的界面設(shè)計(jì)要簡(jiǎn)潔明，登陸有一個(gè)主頁(yè)面，首先進(jìn)行的是驗(yàn)網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)證，判斷登陸者的權(quán)限，注冊(cè)用戶登陸界面如圖 41 所示。圖 41 注冊(cè)用戶登陸 注冊(cè)用戶登陸界面的創(chuàng)建在頁(yè)面表現(xiàn)上，采用 CSS 樣式表的方式，用記事本編寫一個(gè) css 文件()，每個(gè) jsp 頁(yè)面都引入這個(gè)文件，這樣當(dāng)需要變更頁(yè)面圖片背景等靜態(tài)屬性時(shí)，就直接修改 css 文件，而無(wú)需對(duì)頁(yè)面本身進(jìn)行任何改動(dòng)，大大提高效率，除此之外，本系統(tǒng)平臺(tái)引入了現(xiàn)在網(wǎng)絡(luò)上較為流行的驗(yàn)證碼機(jī)，也就是說(shuō)注冊(cè)用戶除了給出用戶名和密碼外還要另再填入給出的驗(yàn)證碼(這里的驗(yàn)證碼是四位的) 點(diǎn)擊登陸才能以管理員的身份進(jìn)行電子相冊(cè)的后臺(tái)管理界面。除此之外用戶可以點(diǎn)擊更換來(lái)重新成生驗(yàn)證碼。 注冊(cè)用戶登陸界面注冊(cè)用戶權(quán)限進(jìn)入時(shí)，其登陸成功界面如下：(這里以 tomcat 為用戶名登陸舉例)圖 42 注冊(cè)用戶登陸設(shè)計(jì)思想：用戶登錄模塊，該模塊需要確認(rèn)三部分信息，首先得確認(rèn)系統(tǒng)用戶的身份，是否存在該用戶，其次，若該用戶存在則判斷用戶的密碼，最后，若密碼正確則判斷用戶的角色，三部分信息都正確則登陸到系統(tǒng)主頁(yè)面。登陸界面是 Web 應(yīng)用項(xiàng)目中的大門，它能阻止一些“非法用戶”訪問 Web網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)項(xiàng)目中的功能。 實(shí)現(xiàn)過程在注冊(cè)用戶登陸的 界面中：html:form action= onsubmit=return validateClientLoginForm(this)從上面的代碼可以看出如果返回的是真值也就是說(shuō)驗(yàn)證正確的話會(huì)跳轉(zhuǎn)到。驗(yàn)證的過程是注冊(cè)驗(yàn)證，把注冊(cè)信息發(fā)送到服務(wù)器，由服務(wù)器存進(jìn)數(shù)據(jù)庫(kù)；驗(yàn)證的時(shí)候，把客戶端登陸時(shí)發(fā)過來(lái)的用戶信息跟數(shù)據(jù)庫(kù)中的比較，相同即通過驗(yàn)證，否則提示錯(cuò)誤信息。它所注入的 cs 為對(duì)數(shù)據(jù)庫(kù)中的相應(yīng)操作，這里所注入的是一個(gè)接口，而實(shí)現(xiàn)類在 . ClientServiceImpl，而真正的 Action 處理通過 cd 所在的 ClientDao 接口，在這個(gè)文件里也有相應(yīng)的指出了 . ClientDao 接口，其具體的實(shí)現(xiàn)類為 . ClientDaoImpl，在這個(gè)類里只用到了一個(gè)方法就是查找數(shù)據(jù)庫(kù)中是否有此用戶，在 Action 中執(zhí)行完驗(yàn)證，驗(yàn)證后通過在 中!前臺(tái)客戶登錄action path=/clientLogin scope=request name=clientLoginForm validate=true input=/WEBINF/jsp/forward name=success path=//forward name=wrong path=/WEBINF/jsp//forward name=wrongCode path=/WEBINF/jsp///action進(jìn)行相應(yīng)的跳轉(zhuǎn)。 未注冊(cè)用戶注冊(cè)設(shè)計(jì)未注冊(cè)用戶登陸的界面設(shè)計(jì)要簡(jiǎn)潔明，注冊(cè)有一個(gè)主頁(yè)面，首先進(jìn)行的是填寫注冊(cè)信息，然后進(jìn)行提交操作。網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)圖 43 未注冊(cè)用戶注冊(cè)未注冊(cè)用戶注冊(cè)界面的創(chuàng)建在頁(yè)面表現(xiàn)上，采用 CSS 樣式表的方式，用記事本編寫一個(gè) css 文件()，每個(gè) jsp 頁(yè)面都引入這個(gè)文件，這樣當(dāng)需要變更頁(yè)面圖片背景等靜態(tài)屬性時(shí)，就直接修改 css 文件，而無(wú)需對(duì)頁(yè)面本身進(jìn)行任何改動(dòng)，大大提高效率。該模塊完成用戶注冊(cè)的過程，用戶注冊(cè)后才能完成圖書訂閱等功能。流程分析本模塊包含二個(gè)文件， 完成用戶注冊(cè)信息錄入； 完成檢查數(shù)據(jù)的可靠性，符合要求的數(shù)據(jù)寫入 userinfo 數(shù)據(jù)表。在這個(gè)模塊里，用戶可以輸入“性別” ， “昵稱”， “密碼”， “重復(fù)密碼”，“”，，驗(yàn)證碼等信息，然后單擊“注冊(cè)” 按鈕提交注冊(cè)信息，如果注冊(cè)所用的用戶名已經(jīng)存在于數(shù)據(jù)庫(kù)中，系統(tǒng)會(huì)報(bào)錯(cuò)。如果用戶數(shù)據(jù)的“新密碼”和“新密碼確認(rèn) ”內(nèi)容不一致，系統(tǒng)也會(huì)報(bào)錯(cuò)。用戶一旦通過注冊(cè)。就在數(shù)據(jù)庫(kù)中存儲(chǔ)了該用戶的注冊(cè)信息，該用戶就可以憑此信息進(jìn)行登錄。 添加相冊(cè)分類的實(shí)現(xiàn)管理員功能中添加相冊(cè)的界面設(shè)計(jì)要簡(jiǎn)潔明，添加相冊(cè)有一個(gè)主頁(yè)面，首先要進(jìn)行相應(yīng)的數(shù)據(jù)輸入，然后提交操作。 管理員添加相冊(cè)界面管理員添加相冊(cè)界面如圖:網(wǎng)絡(luò)電子相冊(cè)系統(tǒng)設(shè)計(jì)圖 44 管理員添加相冊(cè)界面管理員添加相冊(cè)的創(chuàng)建:在頁(yè)面表現(xiàn)上，采用 CSS 樣式表的方式，用記事本編寫一個(gè) css 文件()，每個(gè) jsp 頁(yè)面都引入這個(gè)文件，這樣當(dāng)需要變更頁(yè)面圖片背景等靜態(tài)屬性時(shí)，就直接修改 css 文件，而無(wú)需對(duì)頁(yè)面本身進(jìn)行任何改動(dòng)，大大提高效率，在頁(yè)面步局和設(shè)計(jì)方面在此就不多加以介紹。下面的部分中主要介紹一下具體的實(shí)現(xiàn)過程。 實(shí)現(xiàn)過程在管理員登陸的 界面中：html:form action= onsubmit=return validateAddKindForm(this)從上面的代碼可以看出如果返回的是真值也就是說(shuō)驗(yàn)證正確的話會(huì)跳轉(zhuǎn)到 也就是action path=/addkind