1、哈爾濱工業(yè)大學(xué)工學(xué)碩士學(xué)位論文- I第1章 緒論隨著數(shù)碼攝影時(shí)代的到來(lái)，不論是專(zhuān)業(yè)攝影師建立圖片檔案或是向他人展示自己的攝影作品，還是家庭生活攝影，都需要電子相冊(cè)來(lái)保管攝影作品。如同傳統(tǒng)的照相簿，電子相冊(cè)既有展示功能也有存儲(chǔ)和管理功能。1.1 系統(tǒng)開(kāi)發(fā)的背景和意義隨著人們生活水平的逐步提高，旅游成了大家必不可少的放松項(xiàng)目，每當(dāng)走到一個(gè)美麗的景點(diǎn)，每個(gè)人都會(huì)忍不住拿起數(shù)碼相機(jī)照上幾張留做回憶。雖然照片最后會(huì)存入到自己的電腦里，但是時(shí)間一長(zhǎng)、照片一多，這些有著勾起回憶的資料，就會(huì)顯得雜亂無(wú)章，即不方便欣賞，也不方便管理。而電子相冊(cè)具有欣賞、傳播方便，界面美觀等特點(diǎn)，可以很好的管理所存入的照片，不失

2、為最佳欣賞、保存照片的相冊(cè)工具。電子相冊(cè)是現(xiàn)在時(shí)下最流行的一種網(wǎng)絡(luò)元素1。它可以應(yīng)該在很多的領(lǐng)域，例如時(shí)下最流行的空間及博客就是大量的應(yīng)該這一技術(shù)，而且受到大多數(shù)網(wǎng)友的認(rèn)可及追捧，其以靜態(tài)照片為素材（獲得源方式為掃描儀掃描、數(shù)碼相機(jī)所拍等），配合動(dòng)感的背景、前景和字幕等視頻處理的特殊效果，配上音樂(lè)就可制作成電子相冊(cè)。制作好的電子相冊(cè)可以在電腦上，各類(lèi)影碟機(jī)上，以及手機(jī)和MP4里都能觀看，這是電子相冊(cè)技術(shù)發(fā)展到今天的一個(gè)新的突破，即不再象傳統(tǒng)那樣，只能在電腦上或在影碟機(jī)上觀看了。并且還可以通過(guò)手機(jī)將自己的個(gè)性化MTV發(fā)送給遠(yuǎn)方的親朋好友們分享。當(dāng)然，如果考慮到長(zhǎng)期保存的話(huà)，制作成電子相冊(cè)光盤(pán)那是

3、最好的選擇，金碟可保存100多年之久，標(biāo)準(zhǔn)VCD、SVCD、DVD格式，兼容性好，通過(guò)影牒機(jī)即可與家人、朋友、客戶(hù)觀賞；若保存在硬盤(pán)上，也便于隨時(shí)調(diào)閱、欣賞，永久保存。另外隨著數(shù)碼相機(jī)、手機(jī)照相等功能的普及，想必每個(gè)人手上都儲(chǔ)存了大量的電子相片，但這此照片如果不進(jìn)行處理，僅僅以一張張圖片的形式放置在電腦上，不僅不易觀賞，也不方便分類(lèi)管理，是否有軟件能將這些照片整理成一本本的相冊(cè),電子相冊(cè)系統(tǒng)平臺(tái)就是一款集相冊(cè)生成、瀏覽專(zhuān)業(yè)軟件。1.2 研究?jī)?nèi)容電子相冊(cè)系統(tǒng)是一種基于B/S架構(gòu)的系統(tǒng)，它采用目前最流行的java語(yǔ)言編寫(xiě)2。用到了當(dāng)今先進(jìn)的技術(shù)如 jsp技術(shù)、Hibernate、Spring、St

4、ruts框架等來(lái)實(shí)現(xiàn)該系統(tǒng)3。采用MVC框架技術(shù)提高了系統(tǒng)的可維護(hù)性4。本系統(tǒng)所研究的是從電子相冊(cè)的管理到相冊(cè)的生成等一系列的問(wèn)題，大致分為：前臺(tái)包括相冊(cè)列表、新建相冊(cè)、修改資料、修改密碼、技術(shù)支持，后臺(tái)包括相冊(cè)管理。本文共分5章，第1章是緒論，第2章是可需求分析，第3章是概要設(shè)計(jì)，第4章詳細(xì)設(shè)計(jì)，第5章是系統(tǒng)測(cè)試。1.3 本章小結(jié)在本章中主要介紹了電子相冊(cè)系統(tǒng)的背景和意義、國(guó)內(nèi)外發(fā)展現(xiàn)狀和研究?jī)?nèi)容第2章 需求分析2.1 系統(tǒng)總體目標(biāo)為了給那些對(duì)照片管理感興趣的朋友提供一個(gè)交流的平臺(tái)，對(duì)有很多照片需要管理的朋友，你在這里可以進(jìn)行注冊(cè)成為會(huì)員，上傳自己的照片，也可以著瀏覽別人的相冊(cè)，還可以修改個(gè)

5、人資料。非注冊(cè)會(huì)員你可以瀏覽電子相冊(cè)里別人的相片。對(duì)于管理員登陸，可以添加相冊(cè)分類(lèi)。人們交流的方式多種多樣，但是，我們?cè)诮涣鞯耐瑫r(shí)希望更多的了解對(duì)方的信息，本軟件即是根據(jù)此需求進(jìn)行開(kāi)發(fā)的。讓用戶(hù)能夠通過(guò)注冊(cè)信息，登錄并更新及查詢(xún)自己的相冊(cè)信息，在此基礎(chǔ)上，用戶(hù)還能夠有效的掌握和共享其它資源。從而促進(jìn)了相冊(cè)管理的規(guī)范化和集成化，使得用戶(hù)之間的交流更加的便捷。本軟件產(chǎn)品的最終用戶(hù)來(lái)源廣泛，相同之處則是為了增進(jìn)與他人之間的交流。本軟件面向大眾，用戶(hù)使用過(guò)程中的操作也不復(fù)雜。基本功能如下：1.本系統(tǒng)應(yīng)該具有相片瀏覽。2.相片上傳。3.評(píng)論相片、編輯、刪除相片。4.用戶(hù)注冊(cè)。5.用戶(hù)管理。6.個(gè)人信息修

6、改等功能。具體功能：本系統(tǒng)用戶(hù)分為普通用戶(hù)和管理員兩種角色，普通用戶(hù)的功能包含瀏覽數(shù)據(jù)庫(kù)中包含的所有相冊(cè)和相片，登錄系統(tǒng)后上傳專(zhuān)屬自己的相片，可以查看他人相片，并且提交自己的評(píng)論，對(duì)自己的相冊(cè)和相片進(jìn)行增刪改查等操作，未注冊(cè)用戶(hù)在提交滿(mǎn)足條件的信息后可以注冊(cè)成功并且實(shí)現(xiàn)登錄，用戶(hù)可以進(jìn)行個(gè)人信息的修改，包括qq、電子郵件、等信息，還可以修改密碼，也有退出登錄功能。管理員的功能包含普通用戶(hù)的所有功能，管理員獨(dú)有的功能包含添加文件功能。2.2 系統(tǒng)數(shù)據(jù)流圖1用戶(hù)使用該系統(tǒng)，首先需要注冊(cè)用戶(hù)，其次需要上傳照片，這兩個(gè)是電子相冊(cè)系統(tǒng)的輸入數(shù)據(jù)流；而輸出數(shù)據(jù)流包括瀏覽圖片和查看評(píng)論。如圖2-1描述的是電

7、子相冊(cè)系統(tǒng)的頂層數(shù)據(jù)流圖。圖2-1頂層數(shù)據(jù)流圖2照片ID是自增列，不顯示在前臺(tái)頁(yè)面，此外，圖片名稱(chēng)和描述需要用戶(hù)以文本框的形式在前臺(tái)輸入。如圖2-2描述的是用戶(hù)在上傳照片的過(guò)程中存在的數(shù)據(jù)流圖。圖2-2 上傳照片數(shù)據(jù)流圖3用戶(hù)需要輸入相冊(cè)名稱(chēng)和相冊(cè)簡(jiǎn)介等信息，輸入到電子相冊(cè)系統(tǒng)。如圖2-3中描述的是新建相冊(cè)數(shù)據(jù)流圖。圖2-3 新建相冊(cè)數(shù)據(jù)流圖4用戶(hù)需要將需要修改的信息，以文本框的形式輸入到電子相冊(cè)系統(tǒng)，然后存儲(chǔ)在數(shù)據(jù)庫(kù)中。如圖2-4中，描述的是修改資料的數(shù)據(jù)流圖。圖2-4 修改資料數(shù)據(jù)流圖5用戶(hù)需要輸入原密碼和新密碼，驗(yàn)證通過(guò)后，新密碼將存儲(chǔ)在數(shù)據(jù)庫(kù)中。如圖2-5中描述的是修改密碼數(shù)據(jù)流圖。哈

8、爾濱理工大學(xué)學(xué)士學(xué)位論文圖2-5 修改密碼數(shù)據(jù)流圖6只有管理員擁有權(quán)限，管理員通過(guò)登錄驗(yàn)證后，以文本框的形式向電子相冊(cè)系統(tǒng)中輸入相冊(cè)種類(lèi)名稱(chēng)，最后存儲(chǔ)在數(shù)據(jù)庫(kù)中。如圖2-6種描述的是添加相冊(cè)的數(shù)據(jù)流圖。 圖2-6 添加相冊(cè)數(shù)據(jù)流圖2.3 可行性分析電子相冊(cè)系統(tǒng)是基于SSH框架來(lái)開(kāi)發(fā)的，主要運(yùn)用jsp技術(shù)、SSH、tomcat等相關(guān)技術(shù)，以Mysql為后臺(tái)數(shù)據(jù)庫(kù)、Tomcat7.0為應(yīng)用服務(wù)器。這些應(yīng)用軟件都可以在網(wǎng)絡(luò)上免費(fèi)下載，并且這些軟件都是些最常用的開(kāi)發(fā)工具，都能夠快和好的掌握，所以對(duì)于本系統(tǒng)在技術(shù)上是可以達(dá)到的。隨著現(xiàn)化時(shí)代的來(lái)臨和人們生活水平的不斷提高，人們的生活方式也變得時(shí)尚起來(lái)了，

9、校園生活，天真浪漫，同窗友情，張張照片為您定格，欣賞昔日身姿，卻因照片靜態(tài)的表現(xiàn)方式讓人覺(jué)得枯燥；一項(xiàng)活動(dòng)結(jié)束了，留下一疊雜亂無(wú)章的照片；一本本厚重的相冊(cè)，一張張因保存不善而失去往日風(fēng)采甚至毀損的照片，真讓人有些不忍面對(duì)，隨著電腦軟件的發(fā)展，人們都迫切的需要一款軟件開(kāi)管理自己的照片。于是開(kāi)發(fā)電子相冊(cè)將給人一種全新的留念方式，所以該軟件開(kāi)發(fā)的市場(chǎng)價(jià)值是可行的。1軟硬件需求如下：(1)操作系統(tǒng)：windows xp/7操作系統(tǒng)(2)界面：簡(jiǎn)單明了，易于非專(zhuān)業(yè)計(jì)算機(jī)人員使用(3)數(shù)據(jù)：存入系統(tǒng)中的相片格式為JPEG或者BMP(4)硬件設(shè)備：PC機(jī)、筆記本電腦(5)數(shù)據(jù)庫(kù)：采用Mysql數(shù)據(jù)庫(kù)管理(6

10、) 服務(wù)器：使用Tomcat7.0作為服務(wù)器2程序相關(guān)技術(shù)如下：（1）JAVA ：Java是Sun公司開(kāi)發(fā)的編程語(yǔ)言，使用它可以在各式各樣不同的機(jī)器、不同操作平臺(tái)的網(wǎng)絡(luò)開(kāi)發(fā)環(huán)境中開(kāi)發(fā)軟件。不論用戶(hù)使用的是哪一種WWW瀏覽器、哪一種計(jì)算機(jī)、哪一種操作系統(tǒng)，只要WWW瀏覽器上面注明了“Java”，就可以看到生動(dòng)的頁(yè)面。用Java實(shí)現(xiàn)的 HYPERLINK /view/209644.htm t _blank HotJava瀏覽器（支持Java applet）顯示了Java的魅力： HYPERLINK /view/469855.htm t _blank 跨平臺(tái)、動(dòng)態(tài)的 HYPERLINK /view/

11、3912.htm t _blank Web、 HYPERLINK /view/11165.htm t _blank Internet計(jì)算。從此，Java被廣泛接受并推動(dòng)了 HYPERLINK /view/3912.htm t _blank Web的迅速發(fā)展，常用的 HYPERLINK /view/7718.htm t _blank 瀏覽器均支持 HYPERLINK /view/533192.htm t _blank Javaapplet。另一方面，Java HYPERLINK /view/45517.htm t _blank 技術(shù)也不斷更新。java是一種可以撰寫(xiě)跨 HYPERLINK /vi

12、ew/58664.htm t _blank 平臺(tái) HYPERLINK /view/220910.htm t _blank 應(yīng)用 HYPERLINK /subview/37/6030295.htm t _blank 軟件的面向?qū)ο蟮?HYPERLINK /subview/17674/17674.htm t _blank 程序 HYPERLINK /view/14417.htm t _blank 設(shè)計(jì) HYPERLINK /subview/9793/10663680.htm t _blank 語(yǔ)言，是由 HYPERLINK /view/1061350.htm t _blank Sun Micros

13、ystems公司于1995年5月推出的Java程序設(shè)計(jì)語(yǔ)言和 HYPERLINK /view/209634.htm t _blank Java平臺(tái)（即 HYPERLINK /view/169790.htm t _blank JavaEE, HYPERLINK /view/1560387.htm t _blank JavaME, JavaSE）的總稱(chēng)。Java自面世后就非常流行，發(fā)展迅速，對(duì) HYPERLINK /view/824.htm t _blank C+語(yǔ)言形成了有力沖擊。Java 技術(shù)具有卓越的通用性、高效性、平臺(tái)移植性和 HYPERLINK /view/4547.htm t _bla

14、nk 安全性，廣泛應(yīng)用于個(gè)人 HYPERLINK /subview/13621/4882082.htm t _blank PC、 HYPERLINK /view/754520.htm t _blank 數(shù)據(jù)中心、 HYPERLINK /subview/2468/8069356.htm t _blank 游戲控制臺(tái)、 HYPERLINK /view/3805.htm t _blank 科學(xué) HYPERLINK /view/296324.htm t _blank 超級(jí)計(jì)算機(jī)、 HYPERLINK /view/49217.htm t _blank 移動(dòng)電話(huà)和 HYPERLINK /view/6825

15、.htm t _blank 互聯(lián)網(wǎng)，同時(shí)擁有全球最大的開(kāi)發(fā)者專(zhuān)業(yè)社群。在全球 HYPERLINK /view/1316082.htm t _blank 云計(jì)算和 HYPERLINK /view/1168245.htm t _blank 移動(dòng)互聯(lián)網(wǎng)的產(chǎn)業(yè)環(huán)境下， HYPERLINK /subview/29/12654100.htm t _blank Java更具備了顯著優(yōu)勢(shì)和廣闊前景。（2）JAVA EE：J2EE，Java2平臺(tái)企業(yè)版(Java 2 Platform Enterprise Edition)，是Sun公司為企業(yè)級(jí)應(yīng)用推出的標(biāo)準(zhǔn)平臺(tái)。Java平臺(tái)共分為三個(gè)主要版本Java EE、J

16、ava SE和Java ME。 隨著Java技術(shù)的發(fā)展，J2EE平臺(tái)得到了迅速的發(fā)展，成為Java語(yǔ)言中最活躍的體系之一。現(xiàn)如今，J2EE不僅僅是指一種標(biāo)準(zhǔn)平臺(tái)(Platform)，它更多的表達(dá)著一種軟件架構(gòu)和設(shè)計(jì)思想。JavaEE本身是一個(gè)很好的技術(shù)，JavaEE體系結(jié)構(gòu)提供中間層集成框架用來(lái)滿(mǎn)足沒(méi)有太多費(fèi)用而又需要高可用性、高可靠性以及可擴(kuò)展性的應(yīng)用的需求。通過(guò)提供統(tǒng)一的開(kāi)發(fā)平臺(tái)，JavaEE降低了開(kāi)發(fā)多層應(yīng)用的費(fèi)用和復(fù)雜性，同時(shí)提供對(duì)現(xiàn)有應(yīng)用程序集成強(qiáng)有力支持。通過(guò)技術(shù)人員、廠商以及用戶(hù)的共同努力，JavaEE一定能夠成為用戶(hù)進(jìn)行電子商務(wù)應(yīng)用和信息化建設(shè)的首選方案。（3）MY SQL：本

17、系統(tǒng)采用的是目前比較流行的小型數(shù)據(jù)庫(kù)系統(tǒng)MYSQL。MySQL是瑞典的MySQL AB公司開(kāi)發(fā)的一個(gè)可用于各種流行操作系統(tǒng)平臺(tái)的關(guān)系數(shù)據(jù)庫(kù)系統(tǒng)，它具有客戶(hù)機(jī)/服務(wù)器體系結(jié)構(gòu)的分布式數(shù)據(jù)庫(kù)管理系統(tǒng)5。MySQL 完全適用于網(wǎng)絡(luò)，用其建造的數(shù)據(jù)庫(kù)可在因特網(wǎng)上的任何地方訪問(wèn)，因此，可以和網(wǎng)絡(luò)上任何地方的任何人共享數(shù)據(jù)庫(kù)。MySQL具有功能強(qiáng)、使用簡(jiǎn)單、管理方便、運(yùn)行速度快、可靠性高、安全保密性強(qiáng)等優(yōu)點(diǎn)。提供事務(wù)和非事務(wù)的存儲(chǔ)機(jī)制；快速的基于線(xiàn)程的內(nèi)存分配系統(tǒng)；MySQL采用雙重許可，用戶(hù)可以在GNU許可條款下以免費(fèi)軟件或開(kāi)放源碼軟件的方式使用MySQL軟件，也可以從MySQL AB公司獲得正式的商業(yè)

18、許可。（4）SHH框架：本系統(tǒng)是基于J2EE的SSH種框架的集成性開(kāi)發(fā)，其中包括STRUTS框架、SPRING框架、HIBERNATE框架，它們?cè)谡麄€(gè)模塊的開(kāi)發(fā)過(guò)程中起著不同的作用12。STRUTS框架主要是MVC結(jié)構(gòu)，而MVC把交互系統(tǒng)的組成分解成模型、視圖、控制器三部分6。模型(Model)是軟件所處理問(wèn)題邏輯在獨(dú)立于外在顯示內(nèi)容和形式情況下的內(nèi)在抽象，封裝了問(wèn)題的核心數(shù)據(jù)、邏輯和功能的計(jì)算關(guān)系，獨(dú)立于具體的界面表達(dá)和I/O操作。視圖(View)把表示模型數(shù)據(jù)及邏輯關(guān)系和狀態(tài)的信息及特定形式展示給用戶(hù)。HIBERNATE框架是一個(gè)數(shù)據(jù)持久層框架，是一種實(shí)現(xiàn)對(duì)象和關(guān)系之間映射(O/R Map

19、ping)的工具，它對(duì)JDBC進(jìn)行了輕量級(jí)的對(duì)象封裝，使程序員可以使用對(duì)象編程思想來(lái)操作數(shù)據(jù)庫(kù)7。它不僅提供了從Java類(lèi)到數(shù)據(jù)表的映射，也提供了數(shù)據(jù)查詢(xún)和恢復(fù)機(jī)制。Spring框架是一個(gè)開(kāi)源框架主要有兩大特性包括：依賴(lài)注入(IOC)和切面(AOP)在我的這個(gè)設(shè)計(jì)中基本上只體現(xiàn)了其中的一部分也就是IOC依賴(lài)注入，所謂的依賴(lài)注入就是Spring通過(guò)一種稱(chēng)作控制反轉(zhuǎn)(IOC)的技術(shù)促進(jìn)了松耦合8。當(dāng)應(yīng)用了IOC，一個(gè)對(duì)象依賴(lài)的其它對(duì)象會(huì)通過(guò)被動(dòng)的方式傳遞進(jìn)來(lái)，而不是這個(gè)對(duì)象自己創(chuàng)建或者查找依賴(lài)對(duì)象。2.4 本章小結(jié)在本章中，通過(guò)對(duì)電子相冊(cè)系統(tǒng)的需求分析了該系統(tǒng)所需要的各種因素進(jìn)行了分析，明確開(kāi)發(fā)該

20、系統(tǒng)所必需的前提條件。第3章 概要設(shè)計(jì)3.1系統(tǒng)總體結(jié)構(gòu)本系統(tǒng)所研究的是從電子相冊(cè)的管理到相冊(cè)的生成等一系列的問(wèn)題，大致分為：1.相冊(cè)列表：此模塊是注冊(cè)用戶(hù)所創(chuàng)建的相冊(cè)列表，其創(chuàng)建時(shí)要選擇所屬的相冊(cè)分類(lèi)，相冊(cè)名字由注冊(cè)用戶(hù)所規(guī)定。相冊(cè)封皮也可以由用戶(hù)設(shè)定。2.新建相冊(cè)：此功能是注冊(cè)用戶(hù)所擁有的，用戶(hù)可以自己創(chuàng)建想要的相冊(cè)。3.修改資料：注冊(cè)用戶(hù)注冊(cè)時(shí)填寫(xiě)的資料可以在再次登陸時(shí)修改。4.技術(shù)支持：介紹了所用到的知識(shí)點(diǎn)。5.相冊(cè)分類(lèi)管理：此功能是管理員登錄時(shí)擁有的權(quán)限，管理員可以添加相冊(cè)的分類(lèi)。如圖3-1描述的是總體結(jié)構(gòu)圖，分為前臺(tái)和后臺(tái)。電子相冊(cè)平臺(tái)電子相冊(cè)平臺(tái)前臺(tái)后臺(tái)相冊(cè)列表新建相冊(cè)修改資料修

21、改密碼退出登陸添加相冊(cè)的分類(lèi)圖 3-1 總體結(jié)構(gòu)圖前臺(tái)主要是普通用戶(hù)操作，用戶(hù)可以使用的功能包含查看相冊(cè)列表、新建相冊(cè)、修改資料、修改密碼、退出登錄，后臺(tái)主要是管理員操作，完成的主要功能是添加文件的功能。3.2系統(tǒng)功能模塊結(jié)構(gòu)相冊(cè)管理系統(tǒng)分為五大模塊：相冊(cè)列表模塊、新建相冊(cè)模塊、修改資料模塊、修改密碼模塊、添加相冊(cè)模塊。注：前四大模塊是根據(jù)注冊(cè)用戶(hù)的提供的，而如果是未注冊(cè)用戶(hù)只能查看相冊(cè)中的內(nèi)容，沒(méi)有權(quán)力進(jìn)行相應(yīng)的修改，進(jìn)行注冊(cè)后即可實(shí)現(xiàn)前四模塊。3.2.1相冊(cè)列表模塊1.業(yè)務(wù)描述：管理相冊(cè)的相關(guān)圖片的上傳。2.業(yè)務(wù)流程：用戶(hù)點(diǎn)擊相冊(cè)列表可以瀏覽相關(guān)的相冊(cè)，當(dāng)然點(diǎn)擊上傳圖片就可以進(jìn)入一個(gè)上傳圖

22、片的頁(yè)面，在該頁(yè)面中用戶(hù)可以根據(jù)自己的需要上傳相應(yīng)的圖片，為圖片取名、分類(lèi)，提交后返回相冊(cè)列表。3.輸入數(shù)據(jù)：記錄編號(hào)是自增列不顯示在前臺(tái)頁(yè)面；圖片名稱(chēng)、文件簡(jiǎn)介分別以文本框的形式展示在前臺(tái)頁(yè)面中，由用戶(hù)輸入。4.角色說(shuō)明：此功能主要由注冊(cè)用戶(hù)和非注冊(cè)用戶(hù)使用。3.2.2新建相冊(cè)模塊1.業(yè)務(wù)描述：添加相冊(cè)即為用戶(hù)所處的相冊(cè)管理模塊加入一個(gè)新的相冊(cè)。2.業(yè)務(wù)流程：點(diǎn)擊新建相冊(cè)的界面，進(jìn)入新建相冊(cè)的主界面根據(jù)提示輸入相關(guān)的信息后選擇提交，則可看到剛剛新添加的那個(gè)相冊(cè)，然后可以根據(jù)自己的需要選擇是否加入相片，如果加入的話(huà)點(diǎn)擊相冊(cè)，然后點(diǎn)擊上傳相片，根據(jù)提示填寫(xiě)相關(guān)的信息，然后選擇上傳路徑單擊上傳，選

23、擇提交，這樣系統(tǒng)會(huì)自動(dòng)的生成一個(gè)大圖片和一個(gè)小圖片，用來(lái)顯示封面等操作。3.錯(cuò)誤處理：在填寫(xiě)信息的過(guò)程中不允許有不被填寫(xiě)的欄目，系統(tǒng)會(huì)給出相應(yīng)的提示。4.輸入數(shù)據(jù)：由用戶(hù)輸入相應(yīng)的數(shù)據(jù)信息。5.輸出結(jié)果：其輸出結(jié)果為在相冊(cè)列表中給予相應(yīng)的顯示。6.角色說(shuō)明：此功能主要注冊(cè)用戶(hù)使用。3.2.3修改資料模塊1.業(yè)務(wù)描述：對(duì)注冊(cè)用戶(hù)來(lái)講，將他們的資料從后臺(tái)數(shù)據(jù)庫(kù)中讀取出來(lái)然后根據(jù)用戶(hù)的需要進(jìn)行相應(yīng)的修改，根據(jù)用戶(hù)資料采集界面來(lái)采集相應(yīng)的數(shù)據(jù)，根據(jù)這些數(shù)據(jù)來(lái)更新數(shù)據(jù)庫(kù)中該用戶(hù)的相應(yīng)資料。如果是未注冊(cè)的用戶(hù)可根據(jù)提示進(jìn)行注冊(cè)。2.業(yè)務(wù)流程：從后臺(tái)數(shù)據(jù)庫(kù)中讀取出來(lái)然后根據(jù)用戶(hù)的需要進(jìn)行相應(yīng)的修改3.錯(cuò)誤處

24、理：在填寫(xiě)信息的過(guò)程中系統(tǒng)會(huì)給出相應(yīng)的提示。4.輸入數(shù)據(jù)：由用戶(hù)輸入相應(yīng)的數(shù)據(jù)信息。5.輸出結(jié)果：無(wú)6.角色說(shuō)明：此功能主要注冊(cè)用戶(hù)使用。3.2.4修改密碼模塊1. 業(yè)務(wù)描述：對(duì)注冊(cè)用戶(hù)來(lái)講，該模塊是用于修改注冊(cè)用戶(hù)的登陸系統(tǒng)平臺(tái)的密碼，注冊(cè)用戶(hù)可以根據(jù)自己的需要來(lái)修改其密碼。2. 業(yè)務(wù)流程：進(jìn)入修改密碼界面，根據(jù)提示給出需要修改的信息，輸入驗(yàn)證碼后提交即可。3. 錯(cuò)誤處理：所有字段必須逐一給出相應(yīng)的數(shù)據(jù)信息。4. 輸入數(shù)據(jù)：由用戶(hù)輸入相應(yīng)的數(shù)據(jù)信息。5. 輸出結(jié)果：無(wú)。6. 角色說(shuō)明：此功能主要注冊(cè)用戶(hù)使用。3.2.5添加相冊(cè)模塊1.業(yè)務(wù)描述：該模塊由系統(tǒng)的管理員來(lái)操作，首先系統(tǒng)管理員要根據(jù)

25、其所登陸的相關(guān)用戶(hù)員和密碼進(jìn)行登陸，登陸后可以進(jìn)行一些關(guān)于電子相冊(cè)管理系統(tǒng)的維護(hù)工作這里所提到的是關(guān)于相冊(cè)種類(lèi)的添加，可以根據(jù)后臺(tái)的添加來(lái)進(jìn)行前臺(tái)的相關(guān)操作。2. 業(yè)務(wù)流程：管理員登陸后進(jìn)行添加操作，填寫(xiě)添加種類(lèi)的名稱(chēng)點(diǎn)擊提交后將在下面相應(yīng)的下拉菜單中給予顯示。3. 錯(cuò)誤處理：所填種類(lèi)不能為空，若為空則給予相關(guān)。4. 輸入數(shù)據(jù)：由管理員給出所要加入的相關(guān)種類(lèi)。5. 輸出結(jié)果：在下拉列表中給顯示出相應(yīng)的種類(lèi)列表。6. 角色說(shuō)明：此功能主要由管理員使用。3.3 系統(tǒng)E-R圖1.管理員實(shí)體包含ID、姓名和密碼三個(gè)屬性，在數(shù)據(jù)庫(kù)中ID設(shè)計(jì)為自增，姓名和密碼用戶(hù)自己指定，如圖3-2所示。圖3-2 管理員

26、E-R圖2.相冊(cè)實(shí)體包含ID、相冊(cè)名、相冊(cè)描述、創(chuàng)建時(shí)間、訪問(wèn)次數(shù)等五個(gè)屬性，在數(shù)據(jù)庫(kù)中ID設(shè)計(jì)為自增，用戶(hù)在創(chuàng)建新相冊(cè)時(shí)，需要提交相冊(cè)名、相冊(cè)描述等信息，提取系統(tǒng)時(shí)間作為創(chuàng)建時(shí)間，訪問(wèn)次數(shù)根據(jù)用戶(hù)訪問(wèn)次數(shù)進(jìn)行累計(jì)，如圖3-3所示。圖3-3 相冊(cè)E-R圖3.相冊(cè)留言實(shí)體包含ID、標(biāo)題、提交時(shí)間等屬性，在數(shù)據(jù)庫(kù)中ID為自增，用戶(hù)在添加相冊(cè)時(shí)提交標(biāo)題、內(nèi)容，提取系統(tǒng)時(shí)間為提交時(shí)間，如圖3-4所示。圖3-4 相冊(cè)留言E-R圖4.相片實(shí)體包含ID、名稱(chēng)、相片描述、時(shí)間、小相片、大相片、更新時(shí)間、封面，在數(shù)據(jù)中ID設(shè)計(jì)為自增，用戶(hù)在添加相片操作時(shí)需要輸入名稱(chēng)、描述、導(dǎo)入照片所在路徑等詳細(xì)內(nèi)容，滿(mǎn)足條件后

27、提交相片信息，如圖3-5所示。圖3-5 相片E-R圖5.相片留言實(shí)體包含ID、標(biāo)題、內(nèi)容、提交時(shí)間等四個(gè)屬性，其中ID在數(shù)據(jù)庫(kù)中設(shè)計(jì)為自增，用戶(hù)提交標(biāo)題和內(nèi)容等信息，如圖3-6所示。圖3-6 相片留言E-R圖6.用戶(hù)實(shí)體包含ID、姓名、密碼、性別、qq號(hào)、郵箱等屬性，其中在數(shù)據(jù)庫(kù)中ID設(shè)計(jì)為自增，用戶(hù)提交姓名、密碼、郵箱、性別等信息，如圖3-7所示。圖3-7用戶(hù)E-R圖7. E-R圖為管理員、相冊(cè)和相冊(cè)種類(lèi)的E-R圖，管理員和相冊(cè)之間的聯(lián)系為一對(duì)多，一個(gè)管理員可以有多個(gè)相冊(cè)，一個(gè)相冊(cè)只能屬于一個(gè)管理員，相冊(cè)和相冊(cè)種類(lèi)的練習(xí)為一對(duì)多，一個(gè)相冊(cè)只能屬于一個(gè)相冊(cè)種類(lèi)，一個(gè)相冊(cè)種類(lèi)中可以包含有多個(gè)相冊(cè)

28、，如圖3-8所示。圖3-8總體E-R圖8. E-R圖為相冊(cè)和相片之間的E-R圖，相冊(cè)和相片之間的關(guān)系為多對(duì)多，一個(gè)相冊(cè)中可以包含有多個(gè)相片，一個(gè)相片可以在多個(gè)相冊(cè)中保存，如圖3-9所示。圖3-9總體E-R圖9. E-R圖為相冊(cè)、相冊(cè)留言、管理員之間的E-R圖，其中相冊(cè)和相冊(cè)留言之間的關(guān)系為一對(duì)多，一個(gè)相冊(cè)可以有多個(gè)留言，一個(gè)留言只能屬于一個(gè)相冊(cè)，相冊(cè)留言和管理員之間的關(guān)系為一對(duì)多，一個(gè)留言只能屬于一個(gè)管理員，一個(gè)管理員可以發(fā)表多個(gè)留言，如圖3-10所示。圖3-10 總體E-R圖10. 相片、相冊(cè)留言和用戶(hù)之間的關(guān)系，其中相片和相片留言之間的關(guān)系為多對(duì)多，一個(gè)相片可以有多個(gè)留言，一個(gè)留言可以屬于

29、多個(gè)相片，相片留言和用戶(hù)之間的關(guān)系為一對(duì)多，一個(gè)留言只能屬于一個(gè)用戶(hù)，一個(gè)用戶(hù)可以發(fā)表多個(gè)留言，如圖3-11所示圖3-11 總體E-R圖3.4 本章小結(jié)本章詳細(xì)描述了系統(tǒng)的數(shù)據(jù)庫(kù)設(shè)計(jì)，同時(shí)給出了E-R圖和數(shù)據(jù)表的設(shè)計(jì)表格。并初步得到了系統(tǒng)模型和功能模塊劃分。第4章 詳細(xì)設(shè)計(jì)4.1 系統(tǒng)流程圖1.電子相冊(cè)系統(tǒng)用戶(hù)角色分為管理員和普通用戶(hù)，使用者可以根據(jù)自己的身份選擇進(jìn)行不同方向的登錄方式，選擇普通用戶(hù)登錄后，有四個(gè)功能選擇，新建相冊(cè)、修改資料、修改密碼和相冊(cè)列表功能，選擇管理員登錄之后，管理員可以添加相冊(cè)種類(lèi)名稱(chēng)和退出管理兩個(gè)功能，如圖4-1所示。圖 4-1 總體流程圖2.點(diǎn)擊新建相冊(cè)的界面，進(jìn)

30、入新建相冊(cè)的主界面根據(jù)提示輸入相關(guān)的信息后選擇提交，則可看到剛剛新添加的相冊(cè)，如圖4-2所示。輸入正確輸入正確輸入用戶(hù)名密碼進(jìn)入新建相冊(cè)頁(yè)面顯示出錯(cuò)原因NOYES開(kāi)始結(jié)束圖 4-2 新建相冊(cè)流程圖3.對(duì)注冊(cè)用戶(hù)來(lái)講，將他們的資料從后臺(tái)數(shù)據(jù)庫(kù)中讀取出來(lái)然后根據(jù)用戶(hù)的需要進(jìn)行相應(yīng)的修改，根據(jù)用戶(hù)資料采集界面來(lái)采集相應(yīng)的數(shù)據(jù)，根據(jù)這些數(shù)據(jù)來(lái)更新數(shù)據(jù)庫(kù)中該用戶(hù)的相應(yīng)資料，如圖4-3所示。輸入正確輸入正確輸入用戶(hù)名密碼進(jìn)入修改資料頁(yè)面顯示出錯(cuò)原因否是開(kāi)始結(jié)束圖4-3修改資料流程圖4.對(duì)注冊(cè)用戶(hù)來(lái)講，如果用戶(hù)有需要修改密碼的需要，點(diǎn)擊修改密碼超鏈接，進(jìn)入修改密碼的jsp頁(yè)面，在輸入原始密碼正確的前提下，才

31、能修改密碼，如果輸入原始密碼錯(cuò)誤的話(huà)，系統(tǒng)會(huì)提示用戶(hù)，密碼輸入錯(cuò)誤，系統(tǒng)檢測(cè)密碼輸入正確后，會(huì)檢測(cè)輸入的新密碼時(shí)都滿(mǎn)足密碼的條件，如果不滿(mǎn)足，會(huì)提示用戶(hù)再次輸入密碼，如圖4-4所示。輸入正確輸入正確輸入原密碼和新密碼密碼修改成功顯示出錯(cuò)否是開(kāi)始結(jié)束圖4-4修改密碼流程圖4.2 數(shù)據(jù)庫(kù)詳細(xì)設(shè)計(jì)4.2.1數(shù)據(jù)庫(kù)表的創(chuàng)建1.管理員信息表包括管理員ID、用戶(hù)名、密碼等詳細(xì)信息，如表3-1所示。表3-1管理員信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注ad_id整形11否nullad_name文本200是nullad_pass文本200是null2.用戶(hù)注冊(cè)信息表包括用戶(hù)ID、用戶(hù)名、密碼、性別、郵箱、

32、QQ等詳細(xì)信息，如表3-2。表3-2 用戶(hù)信息表字段名字段類(lèi)型字段大小能否為空默認(rèn)備注c_id整形11否nullc_name文本200是nullc_pass文本200是nullc_sex文本1是null3.相冊(cè)信息表包括相冊(cè)ID、相冊(cè)名、簡(jiǎn)述、創(chuàng)建日期、創(chuàng)建時(shí)間等詳細(xì)信息，如表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.照片信息表包括相片ID、相片名、相片簡(jiǎn)述

33、、上傳時(shí)間、相片大小等詳細(xì)信息，如表3-4。表3-4相片信息表字段名字段類(lèi)型字段大小能否為空默認(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是null4.2.2 數(shù)據(jù)庫(kù)實(shí)現(xiàn)create database friend;注意不同操作系統(tǒng)對(duì)大小寫(xiě)的敏感。數(shù)據(jù)庫(kù)中創(chuàng)建的所有的數(shù)據(jù)庫(kù)表：如圖4-5 所有的數(shù)據(jù)庫(kù)表，其中admin表為管

34、理員表，在其中存儲(chǔ)的用戶(hù)具有管理員的權(quán)限，album表示相冊(cè)表，album_kind表示相冊(cè)種類(lèi)表，album_word表示相冊(cè)留言表，client表示用戶(hù)表，photo表示相片表，photo_word表示相片留言表。 圖4-5 數(shù)據(jù)庫(kù)表1.創(chuàng)建的admin管理員表：表4-1管理員表ad_idad_namead_pass1adminadmin如表4-1 admin表中存儲(chǔ)的是管理員的列表，只有一條數(shù)據(jù)，ID為1，name為admin，密碼為admin。2.創(chuàng)建的album相片列表：表4-2 相片列表ad_idad_namea_desca_createdeateA_timesc_idk_id1G

35、oodGame當(dāng)年一起快樂(lè)的時(shí)光2014/5/27 15:57:3610312花花語(yǔ)2014/5/28 19:39:39411311231232014/5/28 19:50:43211如表4-2中album表中存儲(chǔ)的是相冊(cè)種類(lèi)的列表，有三條數(shù)據(jù)。3. 創(chuàng)建album_kind相冊(cè)種類(lèi)表表4-3相冊(cè)種類(lèi)表k_idk_namek_desc1大學(xué)同學(xué)這是大學(xué)同學(xué)2高中同學(xué)這是高中同學(xué)3初中同學(xué)這是初中同學(xué)4小學(xué)同學(xué)這是小學(xué)同學(xué)如表4-3中albun_king是儲(chǔ)存的相冊(cè)種類(lèi)列表，有四條數(shù)據(jù)。4.3管理員登陸實(shí)現(xiàn)4.3.1管理員登陸主頁(yè)面的創(chuàng)建在頁(yè)面表現(xiàn)上，采用CSS樣式表的方式，用記事本編寫(xiě)一個(gè)cs

36、s文件(css.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)證碼就是將一串隨機(jī)產(chǎn)生的數(shù)字或符號(hào)，生成一幅圖片，圖片里加上一些干擾象素(防止OCR)，由用戶(hù)肉眼識(shí)別其中的驗(yàn)證碼信息，輸入表單提交網(wǎng)站驗(yàn)證，驗(yàn)證成功后才能使用某項(xiàng)功能。在電子相冊(cè)系統(tǒng)中也就是說(shuō)管理員除了給出用戶(hù)名和密碼外還要另再填入給出的驗(yàn)證碼(這里的驗(yàn)證碼是六位的)點(diǎn)擊GO才能以管理員的身份進(jìn)行電子相冊(cè)的后臺(tái)管理界面。4.3.2 實(shí)現(xiàn)過(guò)程管理員功能模塊主要包括以下功能：

37、1.管理員登錄：用于登錄系統(tǒng)；2.添加分類(lèi)：用于增加分類(lèi)；3.管理員退出：用于管理員的登陸界面。Struts的核心在于它的Action，一般在 Action類(lèi)中實(shí)現(xiàn)對(duì)頁(yè)面的邏輯跳轉(zhuǎn)工作。管理員功能模塊的Action實(shí)現(xiàn)類(lèi)繼承了DispatchAction類(lèi)(Action類(lèi)的子類(lèi))，實(shí)現(xiàn)多業(yè)務(wù)的操作。在該類(lèi)中首先需要在屬性中實(shí)例化管理員模塊的ManagerDao類(lèi)(該類(lèi)用于實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的交互)。系統(tǒng)登錄模塊是電子相冊(cè)管理系統(tǒng)中最先使用的功能，是進(jìn)入系統(tǒng)的入口。在系統(tǒng)登錄頁(yè)面中，管理員可以通過(guò)輸入正確的管理員賬號(hào)和密碼進(jìn)入到系統(tǒng)，當(dāng)用戶(hù)沒(méi)有輸入管理員賬號(hào)或密碼時(shí)，系統(tǒng)會(huì)通過(guò) JavaScript進(jìn)

38、行判斷，并給予提示信息。在管理員登錄頁(yè)面的管理員名稱(chēng)和管理員密碼文本框中輸入正確的管理員名稱(chēng)和密碼后，單擊“確定”按鈕，網(wǎng)頁(yè)會(huì)訪問(wèn)一個(gè)URL，這個(gè)URL是“manager Action.do? method= checkManagerAction”。從該URL地址中可以知道系統(tǒng)登錄模塊涉及到的method的參數(shù)值為 “checkManagerAction”，也就是當(dāng)method=checkManagerAction時(shí)，會(huì)調(diào)用ManagerAction類(lèi)驗(yàn)證管理員身份的方法checkManagerAction()，該類(lèi)繼承了DispatchAction(extends DispatchActio

39、n)，實(shí)現(xiàn)Struts中的多業(yè)務(wù)操作。4.4 未注冊(cè)用戶(hù)注冊(cè)實(shí)現(xiàn)未注冊(cè)用戶(hù)登陸的界面設(shè)計(jì)要簡(jiǎn)潔明，注冊(cè)有一個(gè)主頁(yè)面，首先進(jìn)行的是填寫(xiě)注冊(cè)信息，然后進(jìn)行提交操作。圖4-6未注冊(cè)用戶(hù)注冊(cè)在注冊(cè)用戶(hù)登陸的register.jsp界面中：驗(yàn)證正確的話(huà)會(huì)跳轉(zhuǎn)到clientReg.do也就是在struts-config.xml配置文件的代碼中可以看出代碼中可以看到如果它所屬的form為clientRegFormStruts-config.xml中對(duì)應(yīng)的form-bean如圖4-6中截圖顯示的是未注冊(cè)用戶(hù)的注冊(cè)界面，普通用戶(hù)進(jìn)入電子相冊(cè)系統(tǒng)后，可以點(diǎn)擊注冊(cè)超鏈接進(jìn)入注冊(cè)界面，在輸入滿(mǎn)足條件的注冊(cè)信息之后，系

40、統(tǒng)將該注冊(cè)信息錄入數(shù)據(jù)庫(kù)中。在頁(yè)面表現(xiàn)上，采用了CSS樣式表的方式，用記事本編寫(xiě)了一個(gè)css文件(css.css)，每個(gè)jsp頁(yè)面都引入這個(gè)文件，這樣當(dāng)需要變更頁(yè)面圖片背景等靜態(tài)屬性時(shí)，就直接修改css文件，而無(wú)需對(duì)頁(yè)面本身進(jìn)行任何改動(dòng)，大大提高效率。該模塊完成用戶(hù)注冊(cè)的過(guò)程，用戶(hù)注冊(cè)后才能完成圖書(shū)訂閱等功能。流程分析本模塊包含了兩個(gè)頁(yè)面文件，register.htm完成用戶(hù)注冊(cè)信息錄入；register.jsp完成檢查數(shù)據(jù)的可靠性，符合要求的數(shù)據(jù)寫(xiě)入userinfo數(shù)據(jù)表。在這個(gè)模塊里，用戶(hù)可以輸入“性別”，“昵稱(chēng)”，“密碼”，“重復(fù)密碼”，“QQ”，e-mail，驗(yàn)證碼等信息，然后單擊“注

41、冊(cè)”按鈕提交注冊(cè)信息，如果注冊(cè)所用的用戶(hù)名已經(jīng)存在于數(shù)據(jù)庫(kù)中，系統(tǒng)會(huì)報(bào)錯(cuò)。如果用戶(hù)數(shù)據(jù)的“新密碼”和“新密碼確認(rèn)”內(nèi)容不一致，系統(tǒng)也會(huì)報(bào)錯(cuò)。用戶(hù)一旦通過(guò)注冊(cè)。就在數(shù)據(jù)庫(kù)中存儲(chǔ)了該用戶(hù)的注冊(cè)信息，該用戶(hù)就可以憑此信息進(jìn)行登錄。4.5 注冊(cè)用戶(hù)登陸實(shí)現(xiàn)注冊(cè)用戶(hù)登陸的界面設(shè)計(jì)要簡(jiǎn)潔明，登陸有一個(gè)主頁(yè)面，首先進(jìn)行的是驗(yàn)證，判斷登陸者的權(quán)限，注冊(cè)用戶(hù)登陸界面。圖 4-7 注冊(cè)用戶(hù)登陸如圖4-7中截圖顯示的是普通用戶(hù)登錄界面，普通用戶(hù)需要輸入滿(mǎn)足條件的用戶(hù)名和密碼之后，系統(tǒng)跳轉(zhuǎn)至主界面。4.5.1 注冊(cè)用戶(hù)登陸界面的創(chuàng)建在頁(yè)面表現(xiàn)上，采用CSS樣式表的方式，用記事本編寫(xiě)一個(gè)css文件(css.css)，每

42、個(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è)用戶(hù)除了給出用戶(hù)名和密碼外還要另再填入給出的驗(yàn)證碼(這里的驗(yàn)證碼是四位的)點(diǎn)擊登陸才能以管理員的身份進(jìn)行電子相冊(cè)的后臺(tái)管理界面。除此之外用戶(hù)可以點(diǎn)擊更換來(lái)重新成生驗(yàn)證碼。4.5.2 注冊(cè)用戶(hù)登陸界面注冊(cè)用戶(hù)權(quán)限進(jìn)入時(shí)，其登陸成功界面如如圖-所示：(這里以tomcat為用戶(hù)名登陸舉例)圖4-8 注冊(cè)用戶(hù)登陸如圖4-8中截圖顯示的是登陸成功后的顯示界面，因?yàn)樽?cè)之后首次登錄，因此系統(tǒng)中沒(méi)有任何照片信

43、息。設(shè)計(jì)思想：用戶(hù)登錄模塊，該模塊需要確認(rèn)三部分信息，首先得確認(rèn)系統(tǒng)用戶(hù)的身份，是否存在該用戶(hù)，其次，若該用戶(hù)存在則判斷用戶(hù)的密碼，最后，若密碼正確則判斷用戶(hù)的角色，三部分信息都正確則登陸到系統(tǒng)主頁(yè)面。登陸界面是Web應(yīng)用項(xiàng)目中的大門(mén)，它能阻止一些“非法用戶(hù)”訪問(wèn)Web項(xiàng)目中的功能。 4.5.3 實(shí)現(xiàn)過(guò)程驗(yàn)證的過(guò)程是注冊(cè)驗(yàn)證，把注冊(cè)信息發(fā)送到服務(wù)器，由服務(wù)器存進(jìn)數(shù)據(jù)庫(kù)；驗(yàn)證的時(shí)候，把客戶(hù)端登陸時(shí)發(fā)過(guò)來(lái)的用戶(hù)信息跟數(shù)據(jù)庫(kù)中的比較，相同即通過(guò)驗(yàn)證，否則提示錯(cuò)誤信息。4.6 添加相冊(cè)分類(lèi)的實(shí)現(xiàn)管理員功能中添加相冊(cè)的界面設(shè)計(jì)要簡(jiǎn)潔明，添加相冊(cè)有一個(gè)主頁(yè)面，首先要進(jìn)行相應(yīng)的數(shù)據(jù)輸入，然后提交操作。4.7

44、 管理員登陸界面如圖4-9所示，即為管理員登陸主界面，管理員可以輸入自己的賬號(hào)，密碼以及驗(yàn)證碼即可登陸 進(jìn)入后即可進(jìn)行管理操作等。圖4-9管理員登陸在管理員登陸的login.jsp界面中：從上面的代碼可以看出如果返回的是真值也就是說(shuō)驗(yàn)證正確的話(huà)會(huì)跳轉(zhuǎn)到adminLogin.do也就是進(jìn)行相應(yīng)的跳轉(zhuǎn)。4.8 管理員添加相冊(cè)界面1管理員添加相冊(cè)界面如圖:圖4-10理員添加相冊(cè)界面如圖4-10圖顯示的是系統(tǒng)管理員登錄成功之后的界面，管理員可以添加相冊(cè)分類(lèi)，提交成功后顯示分類(lèi)信息。2管理員添加相冊(cè)的創(chuàng)建：在頁(yè)面表現(xiàn)上，采用CSS樣式表的方式，用記事本編寫(xiě)一個(gè)css文件(css.css)，每個(gè)jsp頁(yè)面

45、都引入這個(gè)文件，這樣當(dāng)需要變更頁(yè)面圖片背景等靜態(tài)屬性時(shí)，就直接修改css文件，而無(wú)需對(duì)頁(yè)面本身進(jìn)行任何改動(dòng)，大大提高效率，在頁(yè)面步局和設(shè)計(jì)方面在此就不多加以介紹。下面的部分中主要介紹一下具體的實(shí)現(xiàn)過(guò)程。4.9按鈕事件方法創(chuàng)建一個(gè)新的按鈕:JButton about = new JButton；這個(gè)按鈕該放到菜單區(qū)：toolBar.add(about);要為按鈕添加事件響應(yīng)，需要使用about.addActionListener(this)來(lái)告訴程序監(jiān)聽(tīng)按鈕按下時(shí)的事件，ActionListener是一個(gè)程序接口。public class KyodaiUI extends JFrame impl

46、ements ActionListener .實(shí)現(xiàn)ActionListener接口是為了告訴程序我要進(jìn)行事件處理了。最后我們得添加響應(yīng)事件的代碼:public void actionPerformed(ActionEvent e) if (e.getSource() = about) JOptionPane.showMessageDialog(this， 數(shù)據(jù)1， 數(shù)據(jù)2，JOptionPane.INFORMATION_MESSAGE);return ;4.10 本章小結(jié)本章進(jìn)行了系統(tǒng)的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)，首先簡(jiǎn)單得進(jìn)行了該系統(tǒng)的系統(tǒng)流程介紹，然后對(duì)系統(tǒng)的新建相冊(cè)功能、修改資料功能、修改密碼功能等

47、進(jìn)行哈爾濱理工大學(xué)學(xué)士學(xué)位論文第5章 系統(tǒng)測(cè)試5.1測(cè)試目標(biāo)軟件測(cè)試的目標(biāo)是：測(cè)試是為了發(fā)現(xiàn)程序中的錯(cuò)誤而執(zhí)行程序的過(guò)程；好的測(cè)試方案是極可能發(fā)現(xiàn)迄今為止尚未發(fā)現(xiàn)的錯(cuò)誤的方案；成功的測(cè)試方案是發(fā)現(xiàn)了至今為止尚未發(fā)現(xiàn)的錯(cuò)誤的測(cè)試。測(cè)試目標(biāo)決定了測(cè)試方案的設(shè)計(jì)，如果是為了表明程序的正確性而進(jìn)行測(cè)試，就會(huì)設(shè)計(jì)出一些不易保露錯(cuò)誤的測(cè)試方案；如果測(cè)試是為了發(fā)現(xiàn)程序中的錯(cuò)誤，就會(huì)力求設(shè)計(jì)出最能暴露錯(cuò)誤的測(cè)試方案。5.2各模塊測(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è)面用戶(hù)登陸主菜單頁(yè)面登錄和注冊(cè)過(guò)程中系統(tǒng)會(huì)進(jìn)行驗(yàn)

48、證管理員登陸主菜單頁(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)5.2.1 注冊(cè)用戶(hù)點(diǎn)擊“我的相冊(cè)”進(jìn)入用戶(hù)登錄頁(yè)面，在此頁(yè)面上輸入注冊(cè)用戶(hù)的昵稱(chēng)，密碼，驗(yàn)證碼后點(diǎn)擊登陸按鈕可以進(jìn)入用戶(hù)的相冊(cè)列表頁(yè)面。點(diǎn)擊相冊(cè)名稱(chēng)就可以進(jìn)入到相應(yīng)的相冊(cè)，可以通過(guò)點(diǎn)擊查看評(píng)論，設(shè)為相冊(cè)封面，修改，刪除等按鈕實(shí)現(xiàn)相應(yīng)的功能。見(jiàn)圖5-1到5-5相片上傳測(cè)

49、試（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 修改資料界面5.2.2管理員點(diǎn)擊管理員登陸進(jìn)入管理員登錄頁(yè)面，在此頁(yè)面上輸入管理員名稱(chēng)，密碼，驗(yàn)證碼后點(diǎn)擊登陸按鈕可以進(jìn)入管理員頁(yè)面。點(diǎn)擊“添加文件”進(jìn)入添加相冊(cè)分類(lèi)頁(yè)面，在添加分類(lèi)欄中輸入分類(lèi)

50、名字，在管理分類(lèi)中選擇相應(yīng)的項(xiàng)，點(diǎn)擊提交即可。如圖5-6所示。圖 5-6 管理員添加分類(lèi)頁(yè)面如圖5-6截圖顯示的是管理員添加相冊(cè)分類(lèi)成功后的界面。5.3 本章小結(jié)在本章中，詳細(xì)地向讀者講述了如何使用Spring +StrutsHibernate技術(shù)來(lái)構(gòu)建了一個(gè)簡(jiǎn)單的電子相冊(cè)系統(tǒng)。相信通過(guò)本章的學(xué)習(xí)，讀者對(duì)Spring +StrutsHibernate開(kāi)發(fā)有了一定的認(rèn)識(shí)。系統(tǒng)實(shí)現(xiàn)使整個(gè)系統(tǒng)由思想變?yōu)楝F(xiàn)實(shí)。系統(tǒng)實(shí)現(xiàn)主要體現(xiàn)在靈活多變，不拘泥于一種想法，要盡量使程序更加完善。在本章中，通過(guò)對(duì)各個(gè)模塊的仔細(xì)測(cè)試，結(jié)果均正確。哈爾濱理工大學(xué)學(xué)士學(xué)位論文結(jié)論在本次設(shè)計(jì)開(kāi)發(fā)過(guò)程中，在代碼的整體編排上獨(dú)立性有

51、一很大的提高，但是隨之而來(lái)的，在可讀性方面可能還有一些欠缺考慮的地方存在，對(duì)于其本系統(tǒng)的設(shè)計(jì)者來(lái)看，整體的架構(gòu)可能還不太清晰，總體還是不夠好，今后應(yīng)該在實(shí)踐中繼續(xù)提高，在注釋的書(shū)寫(xiě)方面也是有待加強(qiáng)，應(yīng)著重重視這一方面文字的書(shū)寫(xiě)，這樣更可以便于閱讀，加快讀程序者了解程序整體架構(gòu)和思路，這也是日后要加強(qiáng)的部分。在管理員權(quán)限方面，由于設(shè)計(jì)的時(shí)間安排不夠合理，管理員的功能沒(méi)能夠完全實(shí)現(xiàn)，比如管理員應(yīng)該可以刪除分類(lèi)，但這次設(shè)計(jì)中沒(méi)有完成此功能。另一方面，在一說(shuō)明書(shū)中一些圖表的說(shuō)明上有欠考慮，有些圖表不能清晰的說(shuō)明問(wèn)題的全部，也就是說(shuō)在整體的思路上還不太明確，對(duì)設(shè)計(jì)的劃分上有些模糊的概念，不能很深層次上剖

52、析設(shè)計(jì)的思想，只能在表層上闡述，讓讀者看起來(lái)有些摸不清整體的脈絡(luò)，這也是在日后的學(xué)習(xí)中需要進(jìn)一步思考的問(wèn)題。總之，由于個(gè)人的知識(shí)水平和經(jīng)驗(yàn)的不足，本設(shè)計(jì)中可能存在很多的問(wèn)題，我會(huì)在今后的學(xué)習(xí)中逐步加強(qiáng)。 PAGE 34致謝歲月如梭，我四年的大學(xué)時(shí)光也即將敲響結(jié)束的鐘聲。離別在即，站在人生的又一個(gè)轉(zhuǎn)折點(diǎn)上，心中難免思緒萬(wàn)千，一種感恩之情油然而生。生我者父母。感謝生我養(yǎng)我，含辛茹苦的父母。是你們，為我的學(xué)習(xí)創(chuàng)造了條件；是你們，一如既往的站在我的身后默默的支持著我。沒(méi)有你們就不會(huì)有我的今天。謝謝你們，我的父親母親！ 在這四年中，老師的諄諄教導(dǎo)、同學(xué)的互幫互助使我在專(zhuān)業(yè)技術(shù)和為人處事方面都得到了很大的

53、提高。感謝的是我學(xué)校的指導(dǎo)老師xxx老師，在校外實(shí)習(xí)期間，劉老師不厭其煩地給予我指導(dǎo)幫助，并且在很多方便為我提供了很大的便利條件，使我能夠較好地平衡工作與畢設(shè)的時(shí)間問(wèn)題，劉老師對(duì)我的論文進(jìn)行了嚴(yán)格細(xì)致的指導(dǎo)，他嚴(yán)謹(jǐn)?shù)墓ぷ髯黠L(fēng)也教育了我以后的工作要更加認(rèn)真細(xì)致。其次要感謝校外的實(shí)習(xí)單位及其領(lǐng)導(dǎo)，因?yàn)樗麄兊睦斫狻椭c支持，我才可以在實(shí)習(xí)階段完成這次的設(shè)計(jì)任務(wù)，在此對(duì)他們表示深深的感謝。總之，要感謝所有在我完成設(shè)計(jì)的過(guò)程中給予過(guò)我?guī)椭睦蠋熂巴瑢W(xué)，感謝他們的熱情幫助和大力的支持，在此表達(dá)我最衷心的感謝。參考文獻(xiàn)1 李皎，李玲玲，王朔琛基于 Java 的電子相冊(cè)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)J軟件導(dǎo)刊，2012:

54、69712 LanyingMethod of System Transferring from Client/Serve to Browser/Server JComputer and Communications，2005：20333 布魯斯艾克爾(Bruce Eckel)Java編程思想(第四版)機(jī)械工業(yè)出版社，2007：45674 梁立新項(xiàng)目實(shí)戰(zhàn)精解基于Struts+Spring+Hibernate的Java應(yīng)用開(kāi)發(fā)電子工業(yè)出版社，2006：30505 DuBois PMySQLMAddison-Wesley Professional，2009：80896 孫衛(wèi)琴 HYPERLINK /

55、source/280121 精通struts基于mvc的java web設(shè)計(jì)與開(kāi)發(fā)電子工業(yè)出版社，2006：60647 夏昕，曹曉剛，唐勇深入淺出Hibernate電子工業(yè)出版社，2007：45788 廖雪峰Spring2.0 核心技術(shù)與最佳實(shí)踐電子工業(yè)出版，2007：20289 莊成三，洪玫，楊秋數(shù)據(jù)庫(kù)系統(tǒng)原理及其應(yīng)用M電子工業(yè)出版社，2000：404210 Lie H W，Saarela JMultipurpose using CSSJCommunications of the ACM，1999：9510111 Mayne P W，Kulhawy F HK do-OCR Relations

56、hips in SoilJ。Journal of the Geotechnical Engineering Division，1982：85187212 劉斌.精通 Java Web 整合開(kāi)發(fā).電子工業(yè)出版社，2007：304413 劉聰.零基礎(chǔ)學(xué)Java Web開(kāi)發(fā).機(jī)械工業(yè)出版社，2009：253714 孫衛(wèi)琴Java 面向?qū)ο缶幊坦I(yè)出版社，2009：303615 Rapps S，Weyuker E J Selecting software test data using data flow informationJSoftware Engineering ，1985：367375附錄A

57、ddAlbumAction.javapublic class AddAlbumAction extends Actionprivate ClientService cs;public void setCs(ClientService cs)this.cs = cs;/* * ActionMapping就是用來(lái)描述一個(gè)Action的URL、具體實(shí)現(xiàn)的文件、相對(duì)應(yīng)的ActionForm數(shù)據(jù)屬性(request or session)、是否需要進(jìn)行數(shù)據(jù)校驗(yàn)和回寫(xiě)、以及處理完成后可能跳轉(zhuǎn)的URL.而ActionForward你就可以理解為Action 操作完成后的跳轉(zhuǎn)URL,Action在處理完相關(guān)操

58、作后返回的是一個(gè)ActionForward也就是告訴Struts我做完這個(gè)操作下一步到哪兒去。 */public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response)throws ExceptionDynaActionForm addAlbumForm = (DynaActionForm)form;String name = (String)addAlbumForm.get(name);Integer kind

59、Id = Integer.valueOf(String)addAlbumForm.get(kind);String desc = (String)addAlbumForm.get(desc);ClientVO cvo = (ClientVO)request.getSession().getAttribute(clientInfo);Integer cId = new Integer(cvo.getId();cs.addAlbum(name, desc, DateUtil.getFormalTime(), 0, cId, kindId);return mapping.findForward(su

60、ccess);AlbumDaoImpl.javapublic class AlbumDaoImpl extends HibernateDaoSupport implements AlbumDaopublic Album get(Integer id)return (Album)getHibernateTemplate().get(Album.class, id);public void save(Album album)getHibernateTemplate().save(album);public void update(Album album)getHibernateTemplate()