電子相冊系統(tǒng)的設(shè)計與實現(xiàn)

1、電子相冊系統(tǒng)的設(shè)計與實現(xiàn)哈爾濱理工大學畢業(yè)設(shè)計電子相冊系統(tǒng)設(shè)計與實現(xiàn)院、系:榮成學院軟件工程系姓名:XXXXX XX扌指導教師:XXXXX系主任:XXXXXXX2013年6月21日哈爾濱理工大學畢業(yè)設(shè)計（論文）評語XXXXX學號：XXXXX學院：XXXX專業(yè)：軟件工程任務(wù)起止:時間:2013年9月10日至2014年6月21日指導教師對畢業(yè)設(shè)計（論文）的學生姓名:畢業(yè)設(shè)計（論文）題目：電子相冊系統(tǒng)設(shè)計與實現(xiàn) 評語:指導教師簽名:指導教師職稱:評閱教師對畢業(yè)設(shè)計（論文）的評語:評閱教師簽名:評閱教師職稱:答辯委員會對畢業(yè)設(shè)計（論文）的評語:答辯委員會評定，該生畢業(yè)設(shè)計（論文）成績?yōu)?答辯委員會主席

2、簽名:職稱:年 月曰教務(wù)處制表教務(wù)處制表哈爾濱理工大學畢業(yè)設(shè)計（論文）任務(wù)書學生姓名：XXXXX學號：Ixxxxxxx學院：XXXXX專業(yè)：軟件工程任務(wù)起止時間：2013年9月10日至2014年6月21日畢業(yè)設(shè)計（論文）題目：電子相冊系統(tǒng)設(shè)計與實現(xiàn)畢業(yè)設(shè)計工作內(nèi)容：隨著數(shù)碼攝影時代的到來，不論是專業(yè)攝影師建立圖片檔案或是向他人展示自己的攝影作品，還是家庭生活攝影，都需要電子相冊來保管攝影作品。如同傳統(tǒng)的照相簿，電子相冊既有展示功能也有存儲和管理 功能。1.實現(xiàn)用戶的注冊與登錄；2?實現(xiàn)登錄用戶上傳修改照片等功能；3?支持登錄用戶的管理相冊功能；4. 未注冊用戶可以瀏覽照片發(fā)表評論等功能；5.

3、管理員登陸可以添加相冊分類；資料:1李皎，李玲玲,王朔琛.基于Java的電子相冊系統(tǒng)設(shè)計與實現(xiàn)J.軟件導刊，2012 2 Lanying . Method of System Transferring from Client/Serve toBrowser/Server JJ . Computer and Communications ，20053布魯斯艾克爾（Bruce Eckel） . Java編程思想（第四版）.機械工業(yè)出版社，2007系主任意見:4梁立新.項目實戰(zhàn)精解基于 Struts+Spring+Hibernate 的Java應(yīng)用開 發(fā).電子 工業(yè)出版社，2006簽名:年 月指導教

4、師意見：簽名：年 月 日隨著人們生活水平的逐步提高，旅游照相成了大家必不可少放松項目。 雖然著勾起回憶的電子相冊系統(tǒng)設(shè)計與實現(xiàn)照片最后會存入到自己的電腦里，但是時間一長、照片一多，這些有 資料”就會顯得雜亂無章，即不方便欣賞，也不方便管理。 而電子相冊具有欣賞、 界面美觀等特點，傳播方便，可以很好的管理所存 入的照片，不失為最佳欣賞、保 存照片的相冊工具。Hibernate 、本系統(tǒng)是一種基于 B/S 架構(gòu)的電子相冊管理系統(tǒng)，它采用了目前最流 行的 Java 語言進行編寫，用到了當今先進的技術(shù)如 JSP 技術(shù)、新建相 大模塊是根據(jù)注 傳，刪除照片，修改資料 行的操作。而如果是未注冊用戶只應(yīng)的修

5、改。Spring 、Struts 框架等來實現(xiàn)該系統(tǒng)。系統(tǒng)分為五大模塊：相冊列表模塊、 冊模塊、修改資料模塊、修改密碼模塊、添加相冊分類模塊。前四 冊用戶的提供的，注冊用戶登陸后可以進行添加相冊， 等一系列操作，最后一個模塊是管理員登陸所進 能查看相冊中的內(nèi)容，沒有權(quán)力進行相關(guān)鍵詞 JAVA; 電子相冊； SSH 框架； MVCThe Electro nic Album System Base On SSHFrameworkAbstract, JourneyWith the gradual improvement of people's living standardsand phot

6、ograph is becoming our indispensable project for relaxing. Although the pictures will eventually be stored into their own computer, but those pictures which has broken back memories of the past time, will become disorganized after a long time. It is inconvenient to appreciate and man age.Electro nic

7、 album has features of appreciati on and beautiful in terface. It is easily to spread .The matter of man agi ng stored pictures will become a relaxed thing. Electro nic album which has best appreciati on will become a album tool to store pictures.This system is a album management system, which is ba

8、sed on B / SIan guage.structure .Its code uses java to write which is the most popularAnd today's adva need tech no logies such as JSP tech no logy, Hiber nate, spri ng, Struts framework are used to impleme nt the system.This system is divided in to five modules, such as album list module, newal

9、bum module, modify data module, cha nge password module, add album classificatio n module. The top four modules are provided accordi ng to registered users. Registered users can do a series of operati ons such as add albums, upload and delete photos, modify data after opining system. The last module

10、 is used to perform for an opining adm ini strator. And if a user is not registered user, he can only view the contents of the album; there is no power to make the appropriate cha nges.Keywords JA VA; Electro n Photo Album; SSH Frames; MVC1Abstract第1章緒論1.1系統(tǒng)開發(fā)的背景和意義1.2研究內(nèi)容1.3本章小結(jié)第2章需求分析2.1系統(tǒng)總體目標2.2系

11、統(tǒng)數(shù)據(jù)流圖2.3可行性分析.2.4本章小結(jié).第3章概要設(shè)計.34683.1系統(tǒng)總體結(jié)構(gòu).3.2系統(tǒng)功能模塊結(jié)構(gòu)3.2.1相冊列表模塊3.2.2新建相冊模塊3.2.3修改資料模塊3.2.4修改密碼模塊3.2.5添加相冊模塊3.3 系統(tǒng) E-R 圖.3.4本章小結(jié)91010101011111115第4章詳細設(shè)計164.1系統(tǒng)流程圖4.2數(shù)據(jù)庫詳細設(shè)計4.2.1數(shù)據(jù)庫表的創(chuàng)建 4.2.2數(shù)據(jù)庫實現(xiàn) 4.3管理員登陸實現(xiàn)4.3.1管理員登陸主頁面的創(chuàng)建4.3.2實現(xiàn)過程4.4未注冊用戶注冊實現(xiàn) 4.5注冊用戶登陸實現(xiàn)1619192224242425264.5.1 注冊用戶登陸界面的創(chuàng)建4.5.2 注冊

12、用戶登陸界面 4.5.3 實現(xiàn)過程 4.6 添加相冊分類的實現(xiàn) 4.7 管理員登陸界面 4.8 管理員添加相冊界面 4.9 按鈕事件方法 4.10 本章小結(jié) 2626272727282929第 5 章系統(tǒng)測試 5.1 測試目標 5.2 各模塊測試 5.2.1 注冊用戶5.2.2 管理員 .5.3 本章小結(jié) .313131323535結(jié)論36致謝37參考文獻38附錄39第 1 章緒論隨著數(shù)碼攝影時代的到來，不論是專業(yè)攝影師建立圖片檔案或是向他 人展示自己的攝 影作品，還是家庭生活攝影，都需要電子相冊來保管攝影 作品。如同傳統(tǒng)的照相簿，電子 相冊既有展示功能也有存儲和管理功能。1.1 系統(tǒng)開發(fā)的背

13、景和意義流行的空間及 及追捧，其以靜態(tài)照片為素材 等），配合動感的背景、前景和字幕等視頻處 制作成電子相冊。制作好的電子相冊可以在電腦上，各類影隨著人們生活水平的逐步提高，旅游成了大家必不可少的放松項目， 每當走到一個 美麗的景點，每個人都會忍不住拿起數(shù)碼相機照上幾張留做 回憶。雖然照片最后會存入到 自己的電腦里，但是時間一長、照片一多， 這些有著勾起回憶的資料，就會顯得雜亂無 章，即不方便欣賞，也不方便 管理。而電子相冊具有欣賞、傳播方便，界面美觀等特點， 可以很好的管 理所存入的照片，不失為最佳欣賞、保存照片的相冊工具。電子相冊是現(xiàn) 在時下最流行的一種網(wǎng)絡(luò)元素 。它可以應(yīng)該在很多的領(lǐng)域，例

14、如時下最 博客就是大量的應(yīng)該這一技術(shù)，而且受到大多數(shù)網(wǎng)友的認可 （獲得源方式為掃描儀掃描、數(shù)碼相機所拍 理的特殊效果，配上音樂就可碟機上，以及 手機和 MP4 里都能觀看，這是電子相冊技術(shù)發(fā)展到今天的一個新的突破， 即不再象傳統(tǒng)那樣，只能在電腦上或在影碟機上觀看了。并且還可以通過手機將自己的個性化 MTV 發(fā)送給遠方的親朋好友們分享。當然，如果考 慮到長期保存的話，制作成電子 相冊光盤那是最好的選擇， 金碟可保存 100 多年之久，標準 VCD 、SVCD 、DVD 格 式，兼容性好，通過影牒機即可與 家人、朋友、客戶觀賞；若保存在硬盤上，也便于隨時 調(diào)閱、欣賞，永久 保存。，電子相冊系統(tǒng)另外

15、隨著數(shù)碼相機、手機照相等功能的普及，想必每個人手上都儲存 了大量的電子 相片，但這此照片如果不進行處理，僅僅以一張張圖片的形 式放置在電腦上，不僅不易觀 賞，也不方便分類管理，是否有軟件能將這 些照片整理成一本本的相冊 平臺就是一款集相冊生成、瀏覽 專業(yè)軟件。java 語言編寫 21.2 研究內(nèi)容電子相冊系統(tǒng)是一種基于 B/S 架構(gòu)的系統(tǒng)，它采用目前最流行的4。用到了當今先進的技術(shù)如jsp技術(shù)、Hibernate、Spring、Struts框架等來實現(xiàn)該系統(tǒng)3。采用 MVC 框架技術(shù)提高了系統(tǒng)的可維護性本系統(tǒng)所研究的是從電子相冊的管理到相冊的生成等一系列的問題，持，后臺包括相大致分為：前臺包括

16、相冊列表、新建相冊、修改資料、修改密碼、技術(shù)支 冊管理。本文共分 5 章，第 1 章是緒論，第 2 章是可需求分析，第 3 章是概要 設(shè)計，第 4 章詳細設(shè)計，第 5 章是系統(tǒng)測試。1.3 本章小結(jié)研究內(nèi)容在本章中主要介紹了電子相冊系統(tǒng)的背景和意義、國內(nèi)外發(fā)展現(xiàn)狀和的朋友，你在這里可以進行注冊成為會員， 還可以修改個人資料。非注冊會員你可以瀏覽 可以添加相冊分類。第 2 章需求分析2.1 系統(tǒng)總體目標為了給那些對照片管理感興趣的朋友提供一個交流的平臺，對有很多 照片需要管理 傳自己的照片 , 也可以著瀏覽別人的相冊， 電子相冊里別人的相片。對于管理員登陸，人們交流的方式多種多樣，但是，我們在交

17、流的同時希望更多的了解對方 即是根據(jù)此需求進行開發(fā)的。讓用戶能夠通過注冊信息，登錄并更新及查詢自己的相冊信息，在此 還能夠有效的掌握和共享其它資源。從而促進了相冊管理的 間的交流更加的便捷。本軟件產(chǎn)品的最終用戶來源廣泛，間的交流。用戶使用過程中的操作也不復雜?；竟δ苋缦拢?.本系統(tǒng)應(yīng)該具有相片瀏覽。2?相片上傳。3. 評論相片、編輯、刪除相片。4. 用戶注冊。5. 用戶管理。6. 個人信息修改等功能。具體功能：本系統(tǒng)用戶分為普通用戶和管理員兩種角色， 數(shù)據(jù)庫中包含的所有相冊和相片，登錄系統(tǒng)后上傳專屬自己 并且提交自己的評論，對自己的相冊和相片的信息，本軟件出上，用戶規(guī)范化和集成化，使得用戶之

18、 相同之處則是為了增進與他人之本軟件面向大眾,普通用戶的功能包含瀏覽的相片，可以查看他人相片， 進行增刪改查等操作，未注冊用戶在提交滿足包括 qq、電條件的信息后可以注冊成功 并且實現(xiàn)登錄，用戶可以進行個人信息的修改, 子郵件、等信息，還可以修改密碼，也有退出登錄功能。管理員的功能包含普通用戶的 員獨有的功能包含添加文件功能。所有功能，管理2.2系統(tǒng)數(shù)據(jù)流圖1 ?用戶使用該系統(tǒng)，首先需要注冊用戶，其次需要上傳照片，這兩個統(tǒng)的輸入數(shù)據(jù)流；而輸出數(shù)據(jù)流包括瀏覽圖片和查看評論。如圖2-1描述的是電子相冊系統(tǒng)的頂層數(shù)據(jù)流圖。是電子相冊系L傳帆片査若圖2-1頂層數(shù)據(jù)流圖2?照片ID是自增列，不顯示在前臺

19、頁面，此外，圖片名稱和描述需2-2描述的是用戶在上傳照片的要用戶以文本框的形式在前臺輸入。如圖 過程中存在的數(shù)據(jù)流圖。圖2-2上傳照片數(shù)據(jù)流圖如圖2-3中描述的是新3?用戶需要輸入相冊名稱和相冊簡介等信息，輸入到電子相冊系統(tǒng) 建相冊數(shù)據(jù)流圖。圖2-3新建相冊數(shù)據(jù)流圖4.用戶需要將需要修改的信息，以文本框的形式輸入到電子相冊系統(tǒng) 據(jù)庫中。如圖2-4中，描述的是修改資料的數(shù)據(jù)流圖。,然后存儲在數(shù)5 ?用戶需要輸入原密碼和新密碼，驗證通過后，新密碼將存儲在數(shù)據(jù) 5中描述的是修改密碼數(shù)據(jù)流圖。庫中。如圖2-煙盒毫碼H呵犀別理_丿圖2-5修改密碼數(shù)據(jù)流圖6?只有管理員擁有權(quán)限，管理員通過登錄驗證后，以文

20、本框的形式向電子相冊系統(tǒng)中輸入相冊種類名稱，最后存儲在數(shù)據(jù)庫中。如圖2-6種描述的是添加相冊的數(shù)據(jù)流圖。圖2-6添加相冊數(shù)據(jù)流圖2.3可行性分析tomcatTomcat7.0為應(yīng)用服務(wù)器。這些應(yīng)用軟件都發(fā)工具，都能夠快和好的電子相冊系統(tǒng)是基于SSH框架來開發(fā)的，主要運用jsp技術(shù)、SSH、 等相關(guān)技術(shù)，以Mysql為后臺數(shù)據(jù)庫、 可以在網(wǎng)絡(luò)上免費下載，并且這些軟件都是些最常用的開 掌握，所以對于本系統(tǒng)在技術(shù)上是可以達到的。變得時尚 欣賞昔日身姿，卻 -項活動結(jié)束了 ,往日風采本本厚重的相冊，一張張因保存不善而失去 人們都迫切的需要隨著現(xiàn)化時代的來臨和人們生活水平的不斷提高，人們的生活方式也 起

21、來了，校園生活，天真浪漫，同窗友情，張張照片為您定格， 因照片靜態(tài)的表現(xiàn)方式讓人覺得枯燥； 留下一疊雜亂無章的照片；甚至毀損的照片，真讓人有些不忍面對，隨著電腦軟件的發(fā)展， 一款軟件開管理自己的照片。于是開發(fā)電子相冊將給人一種全新的留念方式，所以該軟件開發(fā)的市場價值是可行的。1軟硬件需求如下：(1)操作系統(tǒng)：windows xp/7操作系統(tǒng) 界面：簡單明了，易于非專業(yè)計算機人員使用數(shù)據(jù)：存入系統(tǒng)中的相片格式為JPEG 或者 BMP(4) 硬件設(shè)備：PC機、筆記本電腦(5) 數(shù)據(jù)庫：采用Mysql數(shù)據(jù)庫管理 服務(wù)器：使用Tomcat7.0作為服務(wù)器2 ? 程序相關(guān)技術(shù)如下：各樣不Web、對 C+

22、 語言形成了有力沖擊。 Java 技術(shù)具有卓越的通用性、高效性、平PC、數(shù)據(jù)中心、游戲控制臺、科學超級計算球云計算和移(1) JAVA : Java 是 Sun 公司開發(fā)的編程語言，使用它可以在各式 同的機器、不同操作平臺的網(wǎng)絡(luò)開發(fā)環(huán)境中開發(fā)軟件。不論用戶使 用的是哪一種 WWW 瀏覽器、哪一種計算機、哪一種操作系統(tǒng)，只要 WWW 瀏覽器上面注明了 Java ”就可以看到生動的頁面。用 Java 實現(xiàn)的 HotJava 瀏覽器 ( 支持 Java applet )顯示了 Java 的魅力：跨平臺、動態(tài)的 Web、 In ternet 計算。從此， Java 被廣泛接受并推動了 Web 的迅速發(fā)

23、展，常用的 瀏覽器均支持 Javaapplet 。另一方 面， Java 技術(shù)也不斷更新。 java 是一種 可以撰寫跨平臺應(yīng)用軟件的面向?qū)ο蟮某绦?設(shè)計語言，是由 Sun Microsystems 公司于 1995 年 5 月推出的 Java 程序設(shè)計語言 和 Java 平臺 (即 JavaEE, JavaME, JavaSE )的總稱。 Java 自面世后就非常流行， 發(fā)展迅速， 臺 移植性和安全性，廣泛應(yīng)用于個人 機、移動電話和互聯(lián)網(wǎng)，同時擁有全球最大的開發(fā)者專業(yè)社群。在全 動互聯(lián)網(wǎng)的產(chǎn)業(yè)環(huán)境下， Java 更具備了顯著優(yōu)勢和廣闊前景。(2) JAVA EE : J2EE ，Java2

24、平臺企業(yè)版 (Java 2 Platform EnterpriseEdition) ，是 Sun 公司為企業(yè)級應(yīng)用推出的標準平臺。Java 平臺共分為三 個主要版本 Java EE 、 Java SE 和 Java ME 。中最活隨著 Java 技術(shù)的發(fā)展， J2EE 平臺得到了迅速的發(fā)展，成為 Java 語言 躍的體系之一?，F(xiàn)如今， J2EE 不僅僅是指一種標準平臺 (Platform) ， 它更多的表達 著一種軟件架構(gòu)和設(shè)計思想。JavaEE 本身是一個很好的技術(shù), JavaEE 體系結(jié)構(gòu)提供中間層集成框架用來滿足沒有太多費用而又需要 高可用 性、高可靠性以及可擴展性的應(yīng)用的需求。通過提供

25、統(tǒng)一的開發(fā)平臺， JavaEE 降低了開發(fā)多層應(yīng)用的費用和復雜性，同時提供對現(xiàn)有應(yīng)用程 序集成強有力支持。通 過技術(shù)人員、廠商以及用戶的共同努力， JavaEE 一 定能夠成為用戶進行電子商務(wù)應(yīng)用和信息化建設(shè)的首選方案。MYSQL 。(3) MY SQL : 本系統(tǒng)采用的是目前比較流行的小型數(shù)據(jù)庫系統(tǒng)5oMySQL 是瑞典的 MySQL AB 公司開發(fā)的一個可用于各種流行操作系 統(tǒng)平臺 的關(guān)系數(shù)據(jù)庫系統(tǒng)，它具有客戶機 /服務(wù)器體系結(jié)構(gòu)的分布式數(shù)據(jù)庫 管理系統(tǒng) MySQL 完全適用于網(wǎng)絡(luò)，用其建造的數(shù)據(jù)庫可在因特網(wǎng)上的 任何地方訪問，因此， 可以和網(wǎng)絡(luò)上任何地方的任何人共享數(shù)據(jù)庫。MySQL具有

26、功能強、使用簡單、管理方便、運行速度快、可靠性高、安全保密性強等優(yōu)點。提供事務(wù)和非事務(wù)的存儲機制；快速的基于線程的內(nèi)存分配系統(tǒng)； MySQL 采用雙重許可，用戶可以在 GNU 許可條款下以免費軟件或開 放源碼軟件的方式使用 MySQL 軟件，也可以從 MySQL AB 公司獲得正式 的商業(yè)許可。12(4) SHH 框架：本系統(tǒng)是基于 J2EE 的 SSH 種框架的集成性開發(fā)， 其中包括 STRUTS 框架、 SPRING 框架、 HIBERNATE 框架，它們在整個 模塊的 開發(fā)過程中起著不同的作用 12 oSTRUTS 框架主要是 MVC 結(jié)構(gòu)，而 MVC 把交互系統(tǒng)的組成分解成 模型、視圖

27、、控制器三部分(6)。模型(Model)是軟件所處理問題邏輯在獨立 于外在顯示內(nèi)容 和形式情況下的內(nèi)在抽象，封裝了問題的核心數(shù)據(jù)、邏輯 和功能的計算關(guān)系，獨立 于具體的界面表達和 I/O 操作。視圖 (View) 把表示 模型數(shù)據(jù)及邏輯關(guān)系和狀態(tài)的信 息及特定形式展示給用戶。7HIBERNATE 框架是一個數(shù)據(jù)持久層框架，是一種實現(xiàn)對象和關(guān)系之 間映射 (O/R Map pi ng) 的工具，它對 JDBC 進行了輕量級的對象封裝，使程 序員可以使用 對象編程思想來操作數(shù)據(jù)庫 7。它不僅提供了從 Java 類到數(shù) 據(jù)表的映射，也提供了 數(shù)據(jù)查詢和恢復機制。Spring 框架是一個開源框架主要有

28、兩大特性包括：依賴注入 (IOC) 和切 面 (AOP) 在我的這個設(shè)計中基本上只體現(xiàn)了其中的一部分也就是IOC 依賴注入，所謂的依賴注入就是Spring通過一種稱作控制反轉(zhuǎn)(IOC)的技術(shù)促 進了松耦合18當應(yīng)用了 IOC, 個對象依賴的其它對象會通過被動的方式傳遞進來，而不是這個對象自己創(chuàng)建或者查找依賴對象。素進行了2.4 本章小結(jié)在本章中，通過對電子相冊系統(tǒng)的需求分析了該系統(tǒng)所需要的各種因分析，明確開發(fā)該系統(tǒng)所必需的前提條件。3.1系統(tǒng)總體結(jié)構(gòu)第3章概要設(shè)計本系統(tǒng)所研究的是從電子相冊的管理到相冊的生成等一系列的問題， 為：1?相冊列表：此模塊是注冊用戶所創(chuàng)建的相冊列表，其創(chuàng)建時要選擇 冊

29、分類，相冊名字由注冊用戶所規(guī)定。相冊封皮也可以由用戶設(shè)八定。2.新建相冊：此功能是注冊用戶所擁有的，用戶可以自己創(chuàng)建想要的3?修改資料：注冊用戶注冊時填寫的資料可以在再次登陸時修改。4?技術(shù)支持：介紹了所用到的知識點。5?相冊分類管理：此功能是管理員登錄時擁有的權(quán)限，管理員可以添 分類。如圖3-1描述的是總體結(jié)構(gòu)圖，分為前臺和后臺。大致分所屬的相相冊。加相冊的前臺電子相冊后臺添加相冊圖3-1總體結(jié)構(gòu)圖前臺主要是普通用戶操作，用戶可以使用的功能包含查看相冊列表、新建相冊、修改資料、修改密碼、退出登錄，后臺主要是管理員操作，完 能是添加文件的功能。成的主要功3.2 系統(tǒng)功能模塊結(jié)構(gòu)相冊管理系統(tǒng)分為

30、五大模塊：相冊列表模塊、新建相冊模塊、修改資 料模塊、 修改密碼模塊、 添加相冊模塊。注：前四大模塊是根據(jù)注冊用戶 的提供的，而如果是 未注冊用戶只能查看相冊中的內(nèi)容， 沒有權(quán)力進行相 應(yīng)的修改， 進行注冊后即可實現(xiàn) 前四模塊。321 相冊列表模塊1?業(yè)務(wù)描述：管理相冊的相關(guān)圖片的上傳。圖片就可擊上傳要上傳相應(yīng)的圖片，2?業(yè)務(wù)流程：用戶點擊相冊列表可以瀏覽相關(guān)的相冊，當然點 以進入一個上傳圖片的頁面， 在該頁面中用戶可以根據(jù)自己的需 為圖片取名、分類，提交后返回相冊列表。簡介分別3?輸入數(shù)據(jù)：記錄編號是自增列不顯示在前臺頁面；圖片名稱、文件 以文本框的形式展示在前臺頁面中，由用戶輸入。4?角色

31、說明：此功能主要由注冊用戶和非注冊用戶使用。3.2.2 新建相冊模塊冊。輸入相關(guān) 然后可以 根據(jù)自己的需要選擇 傳相片， 根據(jù)提示填寫相關(guān)的信1?業(yè)務(wù)描述：添加相冊即為用戶所處的相冊管理模塊加入一個新的相作。2?業(yè)務(wù)流程：點擊新建相冊的界面，進入新建相冊的主界面根據(jù)提示 的信息后選擇提交， 貝冋看到剛剛新添加的那個相冊， 是否加入相片， 如果加入的話點擊相冊， 然后點擊上 息，然后選擇上傳路徑單擊上傳， 選擇提 交，這樣系統(tǒng)會自動的生成一個大圖片和 個小圖片，用來顯示封面等操給出相應(yīng)3?錯誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會 的提示。4?輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。

32、 5?輸出結(jié)果：其輸出結(jié)果為在相冊列表中給予相應(yīng)的顯示。 6?角色說明：此功能主要注冊用戶使用。3.2.3 修改資料模塊來然后根 根據(jù)這些1?業(yè)務(wù)描述：對注冊用戶來講，將他們的資料從后臺數(shù)據(jù)庫中讀取出應(yīng)的數(shù)據(jù)，據(jù)用戶的需要進行相應(yīng)的修改， 根據(jù)用戶資料采集界面來采集相 數(shù)據(jù)來更新數(shù)據(jù)庫中該用戶的相應(yīng)資料。 如果是未注 冊的用戶可根據(jù)提示進行注冊。2?業(yè)務(wù)流程：從后臺數(shù)據(jù)庫中讀取出來然后根據(jù)用戶的需要進行相應(yīng)的修改3?錯誤處理：在填寫信息的過程中系統(tǒng)會給出相應(yīng)的提示。4?輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。5?輸出結(jié)果：無6?角色說明：此功能主要注冊用戶使用。3.2.4 修改密碼模塊1. 業(yè)務(wù)描

33、述：對注冊用戶來講，該模塊是用于修改注冊用戶的登陸系 的密碼，注冊用戶可以根據(jù)自己的需要來修改其密碼。務(wù)流程：進入修改密碼界面，根據(jù)提示給出需要修改的信息，輸 碼后提交即可。3. 錯誤處理：所有字段必須逐一給出相應(yīng)的數(shù)據(jù)信息。4. 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。5. 輸出結(jié)果：無。6. 角色說明：此功能主要注冊用戶使用。統(tǒng)平臺2. 業(yè)入驗證3.2.5 添加相冊模塊其所登冊管理系統(tǒng)的維1. 業(yè)務(wù)描述：該模塊由系統(tǒng)的管理員來操作，首先系統(tǒng)管理員要根據(jù) 陸的相關(guān)用戶員和密碼進行登陸，登陸后可以進行一些關(guān)于電子相 護工作這里所提到的是關(guān)于相冊種類的添加，可以根據(jù)后 臺的添加來進行前臺的相 關(guān)操作

34、。提交后2. 業(yè)務(wù)流程：管理員登陸后進行添加操作，填寫添加種類的名稱點擊 將在下面相應(yīng)的下拉菜單中給予顯示3. 錯誤處理：所填種類不能為空，若為空則給予相關(guān)4. 輸入數(shù)據(jù)：由管理員給出所要加入的相關(guān)種類。5. 輸出結(jié)果：在下拉列表中給顯示出相應(yīng)的種類列表。6. 角色說明：此功能主要由管理員使用。3.3 系統(tǒng) E-R 圖ID 設(shè)計為自 增，姓3-2 所示。1.管理員實體包含ID、姓名和密碼三個屬性，在數(shù)據(jù)庫中 名和密碼用戶自己指定，如圖ID圖3-2管理員E-R圖中ID設(shè)計為自增，用戶在創(chuàng)建新相冊時，需要提交相冊名、屬性，相冊描述等數(shù)進行累計，如圖3-2?相冊實體包含ID、相冊名、相冊描述、創(chuàng)建時

35、間、訪問次數(shù)等五個 在數(shù)據(jù)庫 信息，提取系統(tǒng)時間作為創(chuàng)建時間，訪問次數(shù)根據(jù)用戶訪問次 3所示。ID3?相冊留言實體包含 戶在添加相冊時提交標題、3-4所示。圖3-3相冊E-R圖ID、標題、提交時間等屬性，在數(shù)據(jù)庫中 內(nèi)容，提取系統(tǒng)時間為提交時間，如圖ID為自增，用崔兗時肛圖3-4相冊留言E-R圖4.相片實體包含ID、名稱、相片描述、時間、小相片、大相片、 中ID設(shè)計為自增，用戶在添加相片操作時需要輸入名封面，在數(shù)據(jù)入照片所在路徑等詳細內(nèi)容，滿足條件后提交相片信息，如更新 時間、 稱、描述、導圖3-5所示名稱描述丈弔片圖3-5相片E-R圖在數(shù)據(jù)庫ID3-6所示5?相片留言實體包含ID、標題、內(nèi)容

36、、提交時間等四個屬性，其中 中設(shè)計為自增，用戶提交標題和內(nèi)容等信息，如圖I. )IDF ； 標題八'、內(nèi)容3-6相片留言E-R圖6?用戶實體包含ID、用戶提交姓名、密碼、郵箱、性別等信息，如圖姓名、密碼、性別、qq號、郵箱等屬性，其中在數(shù)據(jù)庫中ID設(shè)計為自增，3-7所示。ID /姓名密碼件別qq號z、員，相冊和個相冊種類中可為一對多，相冊種類的練習為一對多， 以包含有多個相冊，如圖圖37用戶E-R圖7. E-R圖為管理員、相冊和相冊種類的E-R圖，管理員和相冊之間的 聯(lián)系個管理員可以有多個相冊，一個相冊只能屬于一個管理個相冊只能屬于一個相冊種類，3-8所示。VIA如圖3-9所8. E-

37、R圖為相冊和相片之間的 E-R圖，相冊和相片之間的關(guān)系為多對多，個相冊中可以包含有多個相片，一個相片可以在多個相冊中保存， 力o-_ _ 圖3-9總體E-R圖9. E-R圖為相冊、相冊留言、管理員之間的E-R圖，其中相冊和相冊 留言之間的關(guān)系為一對多，一個相冊可以有多個留言，留言和管理員之間的關(guān)系為一對多，一個留言只能屬于個留言只能屬于一個相冊，相冊個管理員，一個管理員可以發(fā)表多個留言，如圖3-10所示。對多，一個相片可以有多個留言，之間的關(guān)系為一對多，一個留言只能屬于一個用戶， 言，如圖3-11所示、:.|>* A 、f-Rd 11-1 :1q» ;X.圖3-10總體E-R圖

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

39、稱，交管理員登錄輸入必要的登錄信 息，進入管理員界 面/ X功能選擇功能選擇修改密碼退出管理結(jié)束登錄“我的相冊功能選擇修改資料新建相冊相冊列表圖4-1總體流程圖4-2所示。2?點擊新建相冊的界面，進入新建相冊的主界面根據(jù)提示輸入相關(guān)的 信息后選擇提交，貝冋看到剛剛新添加的相冊，如圖滬顯不比圖4-2新建相冊流程圖3?寸注冊用戶來講，將他們的資料從后臺數(shù)據(jù)庫中讀取出來然后根據(jù) 用戶的 需要進行相應(yīng)的修改，根據(jù)用戶資料采集界面來采集相應(yīng)的數(shù)據(jù)， 根據(jù)這些數(shù)據(jù)來 更新數(shù)據(jù)庫中該用戶的相應(yīng)資料，如圖 4-3所示。進入占修改圖4-3修改資料流程圖4?對注冊用戶來講，如果用戶有需要修改密碼的需要，點擊修改密

40、碼超鏈接，進入修改密碼的jsp頁面，在輸入原始密碼正確的前提下，才,系果不滿4-4所示。修改密碼，如果輸入原始密碼錯誤的話，系統(tǒng)會提示用戶，密碼輸入錯誤 統(tǒng)檢測密碼輸入正確后，會檢測輸入的新密碼時都滿足密碼的條件，如 足，會提示用戶再次輸入密碼，如圖是丫密碼修改圖4-4修改密碼流程圖4.2數(shù)據(jù)庫詳細設(shè)計1?管理員信息表包括管理員ID、用戶名、密碼等詳細信息，如表表3-1管理員信息表4.2.1數(shù)據(jù)庫表的創(chuàng)建字段名字段類型字段大 小能否為空默認備 注add整形11否nul lad_na me文本200疋nullad pa文本200是nul3-1所示。字段名字段類型字段大小能否為空默認備 注c_id

41、整形11否nul Ic_nam e文本200是nulIc_p ass文本200疋nulIc_sex文本1是nulI表3-2用戶信息表3?相冊信息表包括相冊ID、相冊名、簡述、創(chuàng)建日期、創(chuàng)建時間等詳 細信息，如表3-3U2?用戶注冊信息表包括用戶ID、用戶名、密碼、性別、郵箱、QQ等 詳細信息，如表3-2。SS I表3-3相冊信息表字段名字段類型字段大小能否為空默認備注a_id整形11否nul Ia_nam e文本200是nulIa_desc文本200疋nul Ia_crea te dat e時間0疋nulla time s時間0疋nullc_id整形11是nul lk_id整形11是nul l

42、4.照片信息表包括相片ID、相片名、相片簡述、上傳時間、相片大小 等詳細信息，如表3-4表3-4相片信息表字段名字段類型字段大小能否為空默認備 注P_id整形11否nullp_title文本200是nul lp_desc文本200是nul lp _time s文本0是nullP_pic時間200疋nul lPbig、.200疋nulpiclp_sma ll pic文本200疋nul lp_up_ date時間0疋nul lp _cove r文本1疋nul la_id整形11是nul l422數(shù)據(jù)庫實現(xiàn)create database friend;注意不同操作系統(tǒng)對大小寫的敏感。數(shù)據(jù)庫中 的所有

43、的數(shù)據(jù)庫表：如圖4-5所有的數(shù)據(jù)庫表，其中album 表示相冊表，client表示用戶表，創(chuàng)建有管理員的權(quán)限， 表示相冊留言表， 留言表。admin表為管理員表，在其中存儲的album_kind 表示相冊種類表,album_word Photo表示相片表， Photo_word表示相片用戶具衛(wèi) dmin：LU "alburnE 3lburri_ki nd _ album八wordE client 芒 photo p hoto_w o rd圖4-5數(shù)據(jù)庫表1.創(chuàng)建的admin管理員表:表4-1管理員表ad idad namad_p assadm in adm inaddad_nam e

44、a_des ca_cre ate- deateA_t ime sc i dk_i d1GoodGa me當年一 起快樂 的時光2014/5/2715:57:3610312花花語2014/5/28 19:39:39411311231232014/5/28 19:50:43211表4-2相片列表如表4-2如表4-1 admin表中存儲的是管理員的列表，只有一條數(shù)據(jù) name 為 admin，密碼為 admin。2.創(chuàng)建的album相片列表：ID 為 1,表4-3相冊種類表k idk namek desc1大學同學這是大學同學2咼中冋學這是咼中冋學中album表中存儲的是相冊種類的列表，有三條數(shù)據(jù)3

45、.創(chuàng)建album kind相冊種類表3初中同學這是初中冋學4小學同學這是小學冋學如表4-3中aibun king是儲存的相冊種類列表，有四條數(shù)據(jù)4.3管理員登陸實現(xiàn)4.3.1管理員登陸主頁面的創(chuàng)建在頁面表現(xiàn)上，米用 CSS樣式表的方式，用記事本編寫一個css文件（CSS.CSS）每個jsp頁面都引入這個文件，這樣當需要變更頁面圖片背景等 性時，就直接修改CSS文件，而無需對頁面本身進行任何改動， 提高效率，除此之外，本系統(tǒng)平臺引入了現(xiàn)在網(wǎng)絡(luò)上較為流行的驗證碼機， 碼就是將一串隨機產(chǎn)生的數(shù)字或符口.號,生成一幅圖片，圖片里加靜態(tài)屬 大大 所謂驗證 些干擾象素（防單提交網(wǎng)站驗證，驗證成功止OCR）

46、，由用戶肉眼識別其中的驗證碼信息，輸入表 后才能使用某項功能。在電子相冊系統(tǒng)中也就是說管理員除了給出用戶名和密碼外還要另再填入給出的驗證碼 驗證碼是六位的）點擊GO才能以管理員的身份進行電子相冊的后臺管理界（這里的面。4.3.2實現(xiàn)過程管理員功能模塊主要包括以下功能：1.管理員登錄：用于登錄系統(tǒng)；2?添加分類：用于增加分類；3.管理員退出：用于管理員的登陸界面。Struts的核心在于它的 Action，一般在 Action類中實現(xiàn)對頁面的邏輯 作。管理員功能模塊的Action實現(xiàn)類繼承了 DispatchAction（Action類的子類），實現(xiàn)多業(yè)務(wù)的操作。在該類中首先需要在屬性中實例化 員

47、模塊的ManagerDao類（該類用于實現(xiàn)與數(shù)據(jù)庫的交互 ）。系統(tǒng)登錄模塊是電子相冊管理系統(tǒng)中最先使用的功能，是進入系統(tǒng)的 系統(tǒng)登錄頁面中，管理員可以通過輸入正確的管理員賬號和密碼 沒有輸入管理員賬號或密碼時，系統(tǒng)會通過JavaScript進行判斷，并給予提示信息。在管理員登錄頁面的管理員名稱和管理員密碼文本框中輸入正確的管理員名稱URL，這個URL是。從該URL地址中先需跳轉(zhuǎn)工類管理入口。在 進入到系統(tǒng)，當用戶aman ager可以知道系統(tǒng)登和密碼后，單擊 確定”按鈕，網(wǎng)頁會訪問一個Acti on. do? method= checkMa nagerActi on錄模塊涉及到的 method

48、的參數(shù)值為“ checkManagerAction，”也就是當 method=checkManagerAction 時，會調(diào) 用ManagerAction類驗證管理員身份的方法checkManagerAction（），該類繼承了DispatchAction（extends DispatchAction），實現(xiàn) Struts 中的多業(yè)務(wù)操 作。4.4未注冊用戶注冊實現(xiàn)的是填寫未注冊用戶登陸的界面設(shè)計要簡潔明，注冊有一個主頁面，首先進行 注冊信息，然后進行提交操作。+ *電子柑冊骨理系統(tǒng)*黃學址嘉申日字釗屮回學木學討字加相dXT*們土伸For日陽r5”，”" Frieiid 帕冃； 時亠

49、 J rTS F；理 *"lif 自 M豈is?乖一:廠 Q：電亠衽祥:tng 立b -圖4-6未注冊用戶注冊在注冊用戶登陸的register.jsp界面中：<html:formactio n="clie n tReg.do"o n submit="returnvalidateClie n tReg Form(this)">驗證正確的話會跳轉(zhuǎn)到 clientReg.do也就是在struts-config.xml配置文 件的代 碼中可以看出<act ion p ath="/clie n tReg"sc op

50、e="request "n ame="clie n tRegForm" validate="true" in p ut="/WEB-INF/js p/register.js p">form 為 clientRegForm中對應(yīng)的 form-bean代碼中可以看到如果它所屬的Struts-co nfig.xml如圖4-6中截圖顯示的是未注冊用戶的注冊界面，普通用戶進入電子相冊系統(tǒng)后，可以點擊注冊超鏈接進入注冊界面，在輸入滿足條件的注冊信息之后，系統(tǒng)將該注冊信息錄入數(shù)據(jù)庫中。css景等靜態(tài)屬 大大提高效率。該在頁

51、面表現(xiàn)上，采用了CSS樣式表的方式，用記事本編寫了一個文件(css.css)每個jsp頁面都引入這個文件，這樣當需要變更頁面圖片背 性時，就直接修改css文件，而無需對頁面本身進行任何改動，閱等功能。模塊完成用戶注冊的過程，用戶注冊后才能完成圖書訂流程分析本模塊包含了兩個頁面文件，register.htm完成用戶注冊信息 錄入；register.jsp完成檢查數(shù)據(jù)的可靠性，符合要求的數(shù)據(jù)寫入userinfo數(shù)據(jù)表。在這個模塊里，用戶可以輸入碼” “QQ, e-mail，驗證碼等信息，然后單擊冊所用的用戶名已經(jīng)存在于數(shù)據(jù)庫中，系統(tǒng)會報錯。如果用戶數(shù)據(jù) 碼確認”內(nèi)容不一致，系統(tǒng)也會報錯。用戶一旦通過注 戶的注冊信