畢業(yè)設(shè)計（論文）在線像冊的設(shè)計與實現(xiàn)

1、 畢業(yè)設(shè)計（論文） 題目： 在線像冊的設(shè)計與實現(xiàn) 學生姓名： 學號： 專業(yè)：計算機科學與技術(shù) 班級：20061121 指導教師： 評閱教師: 完成日期： 年 月 日 學位論文原創(chuàng)性聲明學位論文原創(chuàng)性聲明 本人鄭重聲明：所呈交的論文是本人在導師的指導下獨立進行研究所取得的研究 成果。除了文中特別加以標注引用的內(nèi)容外，本論文不包含任何其他個人或集體已經(jīng) 發(fā)表或撰寫的成果作品。本人完全意識到本聲明的法律后果由本人承擔。 作者簽名： 年 月 日 學位論文版權(quán)使用授權(quán)書學位論文版權(quán)使用授權(quán)書 本學位論文作者完全了解學校有關(guān)保障、使用學位論文的規(guī)定，同意學校保留并 向有關(guān)學位論文管理部門或機構(gòu)送交論文的復

2、印件和電子版，允許論文被查閱和借閱。 本人授權(quán)省級優(yōu)秀學士學位論文評選機構(gòu)將本學位論文的全部或部分內(nèi)容編入有關(guān)數(shù) 據(jù)庫進行檢索，可以采用影印、縮印或掃描等復制手段保存和匯編本學位論文。 本學位論文屬于 1、保密 ，在_年解密后適用本授權(quán)書。 2、不保密 。 （請在以上相應(yīng)方框內(nèi)打“” ） 作者簽名： 年 月 日 導師簽名： 年 月 日 目 錄 摘要.v 前言.1 第 1 章 緒論.2 1.1 系統(tǒng)開發(fā)的背景和意義.2 1.2 國內(nèi)外發(fā)展狀況.2 1.3 研究內(nèi)容.3 第 2 章 選擇平臺與架構(gòu).5 2.1 開發(fā)環(huán)境 .5 2.2 架構(gòu) .5 2.3 運行環(huán)境 .5 2.4 本章小結(jié) .5 第

3、3 章 電子像冊系統(tǒng)需求分析.6 3.1 可行性分析 .6 3.1.1 系統(tǒng)總體目標.6 3.1.2 技術(shù)可行性分析.6 3.1.3 功能需求.6 3.1.4 性能需求.6 3.2 系統(tǒng)總體結(jié)構(gòu) .6 3.2.1 系統(tǒng)總體結(jié)構(gòu) .7 3.2.2 用例圖.7 3.3 系統(tǒng)功能模塊結(jié)構(gòu) .8 3.3.1 相片管理模塊.8 3.3.2 相冊管理模塊.8 3.3.3 用戶管理模塊.9 3.3.4 評論管理模塊.9 3.4 數(shù)據(jù)庫模塊 .10 3.5 本章小結(jié) .11 第 4 章 系統(tǒng)實現(xiàn).12 4.1 注冊用戶登陸設(shè)計 .12 4.1.1 注冊用戶登陸界面的創(chuàng)建 .12 4.1.2 注冊用戶登陸界面

4、.12 4.1.3 實現(xiàn)過程 .13 4.2 未注冊用戶注冊設(shè)計 .16 4.3 相冊列表 .17 4.4 添加相片 .20 4.6 相片管理 .29 4.6.1 修改相片.29 4.6.2 刪除相片.30 4.7 實現(xiàn) dao 層 .30 4.7.1 dao 組件的定義.30 4.7.2 實現(xiàn) dao 組件.30 4.8 數(shù)據(jù)庫設(shè)計 .33 4.9 系統(tǒng)測試 .33 4.9.1 軟件測試的目的 .33 4.9.2 各模塊測試 .33 4.10 本章小結(jié) .36 緒論.37 參考文獻.39 致謝.40 在線像冊的設(shè)計與實現(xiàn)在線像冊的設(shè)計與實現(xiàn) 學 生： 指導教師： （三峽大學 計算機與信息學院

5、） 摘要摘要：隨著人們生活水平的逐步提高，旅游照相成了大家必不可少放松項 目。雖然照片最后會存入到自己的電腦里，但是時間一長、照片一多，這 些有著勾起回憶的“資料” ，就會顯得雜亂無章，即不方便欣賞，也不方便 管理。而在線相冊具有欣賞、傳播方便，界面美觀等特點，可以很好的管 理所存入的照片，不失為最佳欣賞、保存照片的相冊工具。在線相冊系統(tǒng) 平臺也就應(yīng)此應(yīng)運而生。 本系統(tǒng)是一種基于 b/s 架構(gòu)的在線管理系統(tǒng)，它采用目前最流行的 java 語言編寫，用到了當今先進的技術(shù)如 jsp 技術(shù)、基于 jsp+servlet+dao 模式在小型應(yīng)用系統(tǒng)中式靈活并穩(wěn)定的架構(gòu)，是典型的 基于 mvc 模式的架

6、構(gòu)。同時采用 mvc 框架技術(shù)也提高了系統(tǒng)的可維護性。 系統(tǒng)分為：個人管理模塊、相冊管理模塊、相片管理、評論管理模塊。 注：注冊用戶登陸后可以進行添加相冊，上傳，刪除照片，修改資料等一 系列操作。而如果是未注冊用戶只能查看相冊中的內(nèi)容，沒有權(quán)力進行相 應(yīng)的修改。特別是上傳相片、相冊列表、相冊管理、相片查看及評論管理 等模塊是在線相冊系統(tǒng)的重點。 關(guān)鍵詞：關(guān)鍵詞：java；電子相冊； mvc abstract:as people gradually increase the standard of living， travel photography has become essential t

7、o relax the project everyone. while the photos will eventually be deposited to your computer， but over time，more than one photo，which has brought back memories of the data，will be very chaotic， that is inconvenient to enjoy， not to facilitate management. electronic album with appreciation，the spread

8、 of convenience，the interface appearance characteristics such as good management can be deposited in the photos， after all， enjoy the best， save a photo album tool. electronic photo album will be the platform came into being. the system is based on b / s architecture online management system, it use

9、s the most popular java language, used in todays advanced technologies such as jsp technology, based on jsp + servlet + dao patterns in small application flexibility and stability of chinese the structure is a typical architecture based on mvc pattern. mvc framework while using technology to improve

10、 the maintainability of the system. system is divided into: personal management module, photo album management module, photo management, reviews management module. note: registered users can add the album after landing, upload, delete photos, edit data and a series of operations. if a non-registered

11、 users can only view the contents of the album, there is no power to make the appropriate changes. in particular, upload photos, album list, album management, photo view and comment management system module is the focus of online photo albums keywords: java; electron photo album; mvc 1 前言前言 相冊在很早以前就

12、開始有，原來是以紙質(zhì)照片的形式的存在，后來隨著 時代的發(fā)展，科技的進步，旅游業(yè)的進步，照片越來越多，電腦的普及，傳 統(tǒng)的相冊在使用人工進行管理，存在工作量大，各種多而復雜的文件信息占 用大量地方，相冊簿方便攜帶，不易保管，容易丟失，翻看時不方便等等問 題。 隨著科技的進步，電腦時代的來臨，加速了電子相冊的產(chǎn)生與進步，在 網(wǎng)絡(luò)上，電子相冊發(fā)展迅速，很多網(wǎng)站，博客都需要電子相冊的功能，而隨 著微機的普及使用，人們生活質(zhì)量的提升，越來越多的人選擇旅游，此時會 照大量的照片，對相冊的需求都有了更高的要求，這就要求傳統(tǒng)的相冊能夠 實現(xiàn)計算機化，讓人們能方便快捷共享式的瀏覽照片。 由于現(xiàn)在網(wǎng)絡(luò)競爭激烈，人

13、們對電子相冊的要求不斷提高，使得電子相 冊開發(fā)者必須以完善相冊功能和質(zhì)量來取悅于顧客，電腦的不斷普及和軟件 業(yè)的飛速前進，使得人們擁有自己獨特的電子相冊成為可能，也成為必然。 在現(xiàn)在生活質(zhì)量不斷提高的環(huán)境下，電子相冊系統(tǒng)越來越貼近于用戶，貼近 于顧客。電子相冊管理系統(tǒng)的存在也使網(wǎng)站擁有者獲得了更多的用戶。 目前，雖然很多網(wǎng)站都有了相冊功能，但是，這些系統(tǒng)都是針對性非常 強，都是針對網(wǎng)站當前的狀況而開發(fā)的，對現(xiàn)在應(yīng)用來說還算可以，但對很 多不需要關(guān)注該網(wǎng)站的用戶來說有很多的局限性。很多用戶只是需要一個電 子相冊功能，并不需要什么博客網(wǎng)站等等，所以，他們需要的是一個獨立的 電子相冊系統(tǒng)，用戶能夠在

14、自己的電腦安裝上電子相冊系統(tǒng)，能夠自己制作 自己的電子相冊，不受網(wǎng)站、博客提供商的約束。 對此，我們針對現(xiàn)有相冊功能，開發(fā)了適合多數(shù)用戶使用的電子相冊系 統(tǒng)，在這個系統(tǒng)中，我們綜合了原來舊式紙質(zhì)相冊的功能，又參考了很多具 有相冊功能的網(wǎng)站，博客空間，開發(fā)出具有自己特色的電子相冊管理系統(tǒng)， 這個系統(tǒng)可以實現(xiàn)注冊用戶對相冊的上傳刪除修改等管理功能。整個系統(tǒng)我 們要求功能完善，組織全面，具有可擴展性，能夠針對一些報錯事件可以做 出反應(yīng)的系統(tǒng)。 第第 1 1 章章 緒論緒論 隨著數(shù)碼攝影時代的到來，不論是專業(yè)攝影師建立圖片檔案或是向他人 展示自己的攝影作品，還是家庭生活攝影，都需要電子相冊來保管攝影作

15、品。 如同傳統(tǒng)的照相簿，電子相冊既有展示功能也有存儲和管理功能。 在線相冊是現(xiàn)在時下最流行的一種網(wǎng)絡(luò)元素，它可以應(yīng)該在很多的領(lǐng)域， 例如時下最流行的空間及博客就是大量的應(yīng)該這一技術(shù)，而且受到大多數(shù)網(wǎng) 友的認可及追捧，其以靜態(tài)照片為素材(獲得源方式為掃描儀掃描、數(shù)碼相機 所拍等)，配合動感的背景、前景和字幕等視頻處理的特殊效果，配上音樂就 可制作成電子相冊。制作好的在線相冊可以在電腦上，各類影碟機上，以及 手機和 mp4 里都能觀看，這是電子相冊技術(shù)發(fā)展到今天的一個新的突破，即 不再像傳統(tǒng)那樣，只能在電腦上或在影碟機上觀看了，并且還可以通過手機 將自己的個性化 mtv 發(fā)送給遠方的親朋好友們分享

16、。當然，如果考慮到長 期保存的話，制作成電子相冊光盤那是最好的選擇啦，金碟可保存 100 多年 之久，標準 vcd、svcd、dvd 格式，兼容性好，通過影牒機即可與家人、 朋友、客戶觀賞。若保存在硬盤上，也便于隨時調(diào)閱、欣賞，永久保存。 1.11.1 系統(tǒng)開發(fā)的背景和意義系統(tǒng)開發(fā)的背景和意義 隨著人們生活水平的逐步提高，旅游成了大家必不可少放松項目，每當 筆者走到一個美麗的景點，就會忍不住拿起數(shù)碼相機照上幾張留做回憶。雖 然照片最后會存入到自己的電腦里，但是時間一長、照片一多，這些有著勾 起回憶的資料，就會顯得雜亂無章，即不方便欣賞，也不方便管理。而在線 相冊具有欣賞、傳播方便，界面美觀等特

17、點，可以很好的管理所存入的照片， 不失為最佳欣賞、保存照片的相冊工具。另外隨著數(shù)碼相機、手機照相等功 能的普及，想必每個人手上都儲存了大量的電子相片，但這此照片如果不進 行處理，僅僅以一張張圖片的形式放置在電腦上，不僅 不易觀賞，也不方便 分類管理，是否有軟件能將這些照片整理成一本本的相冊呢？在線相冊系統(tǒng) 平臺就是一款集相冊制作、生成、瀏覽專業(yè)軟件，有了它的幫助，制用相冊 再也不需要專業(yè)的技術(shù)，普通用戶也可以在五分鐘內(nèi)制作出精美的在線相冊， 3 支持 170 余種照片顯示特技，可以為相片加入文件注釋及說明。 1.21.2 國內(nèi)外發(fā)展狀況國內(nèi)外發(fā)展狀況 在線相冊是現(xiàn)在時下最流行的一種網(wǎng)絡(luò)元素，它

18、可以應(yīng)該在很多的領(lǐng)域， 例如時下最流行的空間及博客就是大量的應(yīng)該這一技術(shù)，而且受到大多數(shù)網(wǎng) 友的認可及追捧，其以靜態(tài)照片為素材(獲得源方式為掃描儀掃描、數(shù)碼相機 所拍等)，配合動感的背景、前景和字幕等視頻處理的特殊效果，配上音樂就 可制作成電子相冊。制作好的電子相冊可以在電腦上，各類影碟機上，以及 手機和 mp4 里都能觀看，這是在線相冊技術(shù)發(fā)展到今天的一個新的突破，即 不再象傳統(tǒng)那樣，只能在電腦上或在影碟機上觀看了。并且還可以通過手機 將自己的個性化 mtv 發(fā)送給遠方的親朋好友們分享。當然，如果考慮到長 期保存的話，制作成電子相冊光盤那是最好的選擇啦，金碟可保存 100 多年 之久，標準

19、vcd、svcd、dvd 格式，兼容性好，通過影牒機即可與家人、 朋友、客戶觀賞；若保存在硬盤上，也便于隨時調(diào)閱、欣賞，永久保存。 1.31.3 研究內(nèi)容研究內(nèi)容 在線相冊系統(tǒng)是一種基于 b/s 架構(gòu)的管理系統(tǒng)，它采用目前最流行的 java 語言編寫，用到了當今先進的技術(shù)如 jsp 技術(shù)、基于 jsp+servlet+dao 模式在小型應(yīng)用系統(tǒng)中式靈活并穩(wěn)定的架構(gòu)，是典型的基于 mvc 模式的架 構(gòu)。同時采用 mvc 框架技術(shù)也提高了系統(tǒng)的可維護性。為了自己的發(fā)展， 各個網(wǎng)站都開始尋求適合用戶使用的電子相冊系統(tǒng)，為此而開發(fā)的電子相冊 管理系統(tǒng)已經(jīng)非常多，并且大部分都是從用戶使用的角度出發(fā)，給用

20、戶的使 用帶來了很大的方便。本系統(tǒng)所研究的是從在線相冊的管理到相冊的生成等 一系列的問題，大致分為：用戶管理、相片分類、相冊管理、相片的評論管 理、個人信息，我的主頁。 本文共分 5 章，第 1 章是緒論，第 2 章介紹開發(fā)本系統(tǒng)所用到的相關(guān)技 術(shù)，第 3 章是系統(tǒng)的需求分析及結(jié)構(gòu)圖，第 4 章是相冊系統(tǒng)的系統(tǒng)實現(xiàn)，第 5 章是總結(jié)。各章節(jié)的研究內(nèi)容如下： (1) 第 1 章主要介紹了選題的背景和意義，論述了系統(tǒng)的國內(nèi)發(fā)展狀況。 (2) 第 2 章主要介紹了實現(xiàn)在線相冊系統(tǒng)所用的軟件和系統(tǒng)建設(shè)過程中 使用的相關(guān)技術(shù)。 (3) 第 3 章主要是在線相冊系統(tǒng)的需求分析。 (4) 第 4 章是系統(tǒng)的

21、編碼實現(xiàn)，從三層框架的實現(xiàn)，數(shù)據(jù)庫的創(chuàng)建等方 面介紹了系統(tǒng)的實現(xiàn)。 (5) 第 5 章主要是此系統(tǒng)的的總結(jié)。 第 2 章 程序技術(shù)相關(guān)知識 5 第第 2 2 章章 選擇平臺與架構(gòu)選擇平臺與架構(gòu) 2.12.1 開發(fā)環(huán)境開發(fā)環(huán)境 myeclipse 集成開發(fā)環(huán)境+mysql5.5+windows。 2.22.2 架構(gòu)架構(gòu) 在 j2ee 應(yīng)用中，基于 jsp+servlet+dao 模式在小型應(yīng)用系統(tǒng)中式靈活并 穩(wěn)定的架構(gòu)，是典型的基于 mvc 模式的架構(gòu)。 以 jsp+servlet+service+dao 模式實現(xiàn)，即以 jsp+jstl+el 技術(shù)實現(xiàn)前 端駛?cè)腼@示層，以 servlet 為頁

22、面導向控制層、service 為業(yè)務(wù)邏輯層并以 dao 為數(shù)據(jù)庫訪問層來構(gòu)建系統(tǒng)。 2.32.3 運行環(huán)境運行環(huán)境 本系統(tǒng)采用 tomcat5.5 為服務(wù)器，以 windowsxp 為在線相冊系統(tǒng)的服務(wù) 器，以目前流行的 mysql 為數(shù)據(jù)庫服務(wù)前。 2.42.4 本章小結(jié)本章小結(jié) 在本章中主要介紹了軟件開發(fā)時所用的開發(fā)工具和相關(guān)的技術(shù)，重點介 紹了 java、j2ee 平臺和 mvc 結(jié)構(gòu)等相關(guān)知識以。同時也詳細介紹了 jsp 的 相關(guān)技術(shù)，運行環(huán)境及其開發(fā)工具。 如果將該系統(tǒng)發(fā)布到流量比較大的網(wǎng)站中應(yīng)用，則可以以 solaris 為在線 相冊系統(tǒng)的服務(wù)器、以 jboss 為 web 服務(wù)器

23、，以 mysql 為數(shù)據(jù)庫服務(wù)器 并安裝在 linux 上實現(xiàn)雙機備份等穩(wěn)定性和安全性來實現(xiàn)。 第第 3 3 章章 電子像冊系統(tǒng)需求分析電子像冊系統(tǒng)需求分析 3.13.1 可行性分析可行性分析 .1 系統(tǒng)總體目標系統(tǒng)總體目標 系統(tǒng)主要是為了給那些對照片管理感興趣的朋友提供一個交流的平臺， 對有很多照片需要管理的朋友，你在這里可以進行注冊成為會員，添加相片 分類，上傳自己的照片，也可以瀏覽別人的相冊，還可以修改個人資料。非 注冊會員你可以瀏覽電子相冊里別人的相片，同時可以對相片進行評論。 3.1.2 技術(shù)可行性分析技術(shù)可行性分析 這個電子相冊是基于 web 來開發(fā)的，主要運用 j

24、sp+servlet+dao 模型在 小型應(yīng)用系統(tǒng)中靈活并穩(wěn)定的框架結(jié)構(gòu)，是典型的基于 mvc 模式的框架， 以 mysql 為后臺數(shù)據(jù)庫，采用 myeclipse 集成開發(fā)環(huán)境。通過它來構(gòu)建一個 在線相冊系統(tǒng)，實現(xiàn)在互聯(lián)網(wǎng)上使用的網(wǎng)絡(luò)相冊的絕大部分功能，所以對于 本系統(tǒng)在技術(shù)上是可以達到的。 3.1.3 功能需求功能需求 本系統(tǒng)應(yīng)該具有相片瀏覽、相片上傳、評論相片、編輯、刪除相片、用 戶注冊、個人信息修改等功能。 3.1.4 性能需求性能需求 設(shè)備需求：pc 機，windows98/2000/xp 操作系統(tǒng)，tomcat 服務(wù)器，采用 mysql 數(shù)據(jù)庫管理。 3.23.2 系統(tǒng)總體結(jié)構(gòu)系統(tǒng)

25、總體結(jié)構(gòu) 本系統(tǒng)所研究的是在線用戶發(fā)布相片、將相片歸類存放，并允許其他在 線網(wǎng)友欣賞及評論相片。系統(tǒng)的總體結(jié)構(gòu)如下： （1）用戶管理：用戶已用戶名及密碼登陸注冊，可修改密碼。 （2）相片分類：添加分類，刪除分類，修改分類，并獲取列表和分頁 （某個用戶個人分類） 。 （3）相片管理：用戶登錄后能發(fā)布并刪除、修改發(fā)布的相片。獲取相片 的列表和分頁（某個用戶某個分類中的相片） ，以縮略圖及全圖兩種模式來顯 示選擇的某張相片。 （4）相片的評論管理：在線網(wǎng)友（登陸或游客）能欣賞相片并評論，相 片的所有者及評論人能刪除評論，獲取評論的列表和分頁。 第 3 章 電子相冊系統(tǒng)需求分析 7 （5）上傳及刪除相

26、片文件：使用 jspsmartupload 組件來實現(xiàn)相片的上 傳并保存至 web 服務(wù)器中。刪除相片實現(xiàn)級聯(lián)刪除：即如果刪除某個用戶的 某個相片分類，則把此分類下的所有相片全部刪除，以維護數(shù)據(jù)和文件系統(tǒng) 的一致性。 3.2.1 系統(tǒng)總體結(jié)構(gòu)系統(tǒng)總體結(jié)構(gòu) 圖圖 3-13-1 總體架構(gòu)總體架構(gòu) 3.2.2 用例圖用例圖 用例圖就是把網(wǎng)站各個用戶的動作分解一下，再用畫圖軟件把它畫出來。 電子相冊系統(tǒng)的角色之一是注冊用戶 用例名稱：用戶登錄 執(zhí)行者：用戶 目的：完成注冊用戶登陸后的一系列操作的完整過程。 （1）用戶輸入登錄名，密碼，系統(tǒng)識別用戶信息的有效性； （2）對用戶信息進行識別； （3）用戶完

27、成相冊列表，新建相冊修改資料等一系列操作； （4）退出系統(tǒng)。 在線相冊平臺 用 戶 管 理 相 片 管 理 相 冊 管 理 退 出 登 錄 評 論 管 理 圖圖 3-23-2 用例圖用例圖 3.33.3 系統(tǒng)功能模塊結(jié)構(gòu)系統(tǒng)功能模塊結(jié)構(gòu) 在線相冊系統(tǒng)的目標是工在線用戶發(fā)布相片、將相片歸類存放，并允許 其他在線網(wǎng)友欣賞及評論相片。在線相冊管理系統(tǒng)分為用戶管理、相冊管理 模塊、相片管理模塊、評論管理模塊。注：注冊用戶擁有全部操作權(quán)限，而 如果是未注冊用戶只能查看相冊中的內(nèi)容，沒有權(quán)力進行相應(yīng)的修改。 3.3.1 相片管理模塊相片管理模塊 (1) 業(yè)務(wù)描述：用戶登錄后能發(fā)布并刪除、修改發(fā)布的相片。

28、(2) 業(yè)務(wù)流程：用戶可以瀏覽相關(guān)的相冊的照片，獲取相片的列表和分 頁（某個用戶某個分類中的相片） ，以縮略圖及全圖兩種模式來顯示選擇的某 張相片，在該頁面中用戶可以根據(jù)自己的需要上傳相應(yīng)的圖片，為圖片取名、 分類，提交后返回相冊列表。 (3) 輸入數(shù)據(jù)：記錄編號是自增列不顯示在前臺頁面；圖片名稱、文件 簡介分別以文本框的形式展示在前臺頁面中，由用戶輸入；圖片的上傳以一 種數(shù)據(jù)流的形式出現(xiàn)，出現(xiàn)在前臺的時候以一種需要用戶點擊選擇的形式出 現(xiàn)。 (4) 角色說明：此功能主要由注冊用戶和非注冊用戶使用。 3.3.2 相冊管理模塊相冊管理模塊 用戶主頁 用戶 相冊管理 退出系統(tǒng) 相片管理 用戶管理

29、評論管理 用戶登錄 第 3 章 電子相冊系統(tǒng)需求分析 9 (1) 業(yè)務(wù)描述：新建相冊，刪除相冊，修改相冊，并獲取列表和分頁 （某個用戶個人分類） 。 (2) 業(yè)務(wù)流程：點擊相冊管理，進入相冊管理的主界面根據(jù)提示輸入相 關(guān)的信息后選擇提交，則可看到剛剛新添加的那個相冊，然后可以根據(jù)自己 的需要選擇是的操作。 (3) 錯誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會 給出相應(yīng)的提示。 (4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。 (5) 輸出結(jié)果：其輸出結(jié)果為在相冊列表中給予相應(yīng)的顯示。 (6) 角色說明：此功能主要注冊用戶使用。 3.3.3 用戶管理模塊用戶管理模塊 (1) 業(yè)務(wù)描述：

30、用戶以用戶名及密碼登陸 注冊，可修改密碼。對注冊 用戶來講，將自己的資料從后臺數(shù)據(jù)庫中讀取出來然后根據(jù)用戶的需要進行 相應(yīng)的修改，根據(jù)用戶資料采集界面來采集相應(yīng)的數(shù)據(jù)，根據(jù)這些數(shù)據(jù)來更 新數(shù)據(jù)庫中該用戶的相應(yīng)資料。如果是未注冊的用戶可根據(jù)提示進行注冊。 (2) 業(yè)務(wù)流程：用戶登錄后進入我的主頁，可以瀏覽相冊和最新 10 條 相片評論信息，選擇一相冊進入可以瀏覽相冊的整個相片，并查看選中相片 的放大圖以及對其的評論信息。同時還可以查看每條評論的詳細信息。 (3) 錯誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會 給出相應(yīng)的提示。 (4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。 (5) 輸

31、出結(jié)果：無 (6) 角色說明：此功能主要注冊用戶使用。 3.3.4 評論管理模塊評論管理模塊 (1) 業(yè)務(wù)描述：在線網(wǎng)友（登陸或游客）能欣賞相片并評論，相片的所 有者及評論人能刪除評論，獲取評論的列表和分頁。 (2) 業(yè)務(wù)流程：進入評論管理界面，每頁顯示 10 條最新評論，包括評 論人大名、所屬照片名、評論時間和評論內(nèi)容，并可以刪除評論。點擊所屬 照片名，查看詳細信息，同時還可以發(fā)表新評論。 (3) 錯誤處理：所有字段必須逐一給出相應(yīng)的數(shù)據(jù)信息。 (4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。 (5) 輸出結(jié)果：評論信息。 (6) 角色說明：此功能主要注冊用戶使用。 3.4 數(shù)據(jù)庫模塊數(shù)據(jù)庫模塊

32、 本系統(tǒng)中涉及的數(shù)據(jù)庫主要包括注冊用戶、相片分類、相片信息及評論 信息。 注冊用戶信息表保存在線相冊系統(tǒng)的注冊用戶的基本信息，包括用戶名、 昵稱、密碼及注冊時間等，如表 3-1 所示。 表表 3-13-1 注冊用戶信息表（注冊用戶信息表（userinfouserinfo） 名稱類型含義說明 useridint(8)主鍵 usernamevarchar(100)登錄用戶名not null passwordvarchar(100)用戶密碼 nicknamevarchar(255)用戶昵稱 addtimedatetime注冊時間 相片分類只有 4 個字段：即主鍵、分類名稱、描述信息及所屬的用戶 id

33、。如表 3-2。 表表 3-23-2 相片分類信息（相片分類信息（categorycategory） 名稱類型含義說明 categoryridint(8)主鍵 namevarchar(50)分類名稱not null memovarchar(255)分類描述 useridintr(8)所屬用戶 id關(guān)聯(lián)到 userinfo 表的 userid 相片信息表用于保存用戶相片及其相關(guān)信息，包括相片標題、相片簡介、 相片上傳時間、相片所屬分類、相片保存的地址，以及相片的文件名。其中， 第 3 章 電子相冊系統(tǒng)需求分析 11 相片保存的地址及文件名是附加信息：相片文件名是用來記錄用戶上傳相片 時原相片文件

34、的名稱，用于用戶瀏覽或下載相片時讓 web 瀏覽器顯示文件名， 以供用戶使用；文件類型信息指的是相片文件的格式類型，在顯示相片時會 用到。如表 3-3。 表表 3-33-3 相冊信息表（相冊信息表（photophoto） 名稱類型含義說明 photoidint(8)主鍵 titlevarchar(50)相片標題 memovarchar(255)相片描述 catrgroyidint(8)相片分類關(guān)聯(lián)到 category 表的 categoryid urlvarchar(100)相片保存地址 pubtimedatetime相片上傳或最新修改 時間 filenameintr(8)所屬用戶 id 評論

35、信息表則是網(wǎng)絡(luò)相冊的一大特征，用于保存網(wǎng)友對相片的評論信息。 一張相片可能會有多條評價信息，因此應(yīng)該保存平困的相片 id、評論時間、 評論人的名稱（或匿名）以評論的文字信息等。如表 3-4。 表表 3-43-4 評論信息表（評論信息表（commentcomment） 名稱類型含義說明 commentidint(8)主鍵 photoidint(8)相片 id關(guān)聯(lián)到 photo 表的 photoid addnamevarchar(100)評論人姓名 addtimedatetime評論時間 commentvarchar(255)評論內(nèi)容 3.5 本章小結(jié)本章小結(jié) 本章詳細描述了系統(tǒng)的體系結(jié)構(gòu)，對系統(tǒng)

36、進行了簡單的可行性分析，確 定了各子系統(tǒng)要完成的功能，詳細介紹了系統(tǒng)的各個重要模塊的需求，同時 給出了各子功能系統(tǒng)流程圖。 ，并初步得到了系統(tǒng)模型和功能模塊劃分，通過 本章中描述的系統(tǒng)體系，接下來的任務(wù)是根據(jù)本章的敘述進行詳細具體的設(shè) 計實現(xiàn)。 第 4 章 系統(tǒng)實現(xiàn) 13 第第 4 4 章章 系統(tǒng)實現(xiàn)系統(tǒng)實現(xiàn) 系統(tǒng)階段的根本目標是確定應(yīng)該怎樣具體的實現(xiàn)所要求的系統(tǒng)，也就是 說，經(jīng)過這個階段的設(shè)計工作，應(yīng)該得出對目標系統(tǒng)的精確描述，從而在編 碼階段可以把這個描述直接翻譯成某種程序設(shè)計語言書寫的程序。本章主要 實現(xiàn)了各個模塊的具體功能。 4.1 注冊用戶登陸設(shè)計 注冊用戶登陸的界面設(shè)計要簡潔明，登

37、陸有一個主頁面，首先進行的是 驗證，判斷登陸者的權(quán)限，注冊用戶登陸界面如圖 4-1 所示。 圖圖 4-14-1 注冊用戶登陸注冊用戶登陸 4.1.1 注冊用戶登陸界面的創(chuàng)建注冊用戶登陸界面的創(chuàng)建 在頁面表現(xiàn)上，采用 css 樣式表的方式，用記事本編寫一個 css 文件 (style.css)，每個 jsp 頁面都引入這個文件，這樣當需要變更頁面圖片背景等 靜態(tài)屬性時，就直接修改 css 文件，而無需對頁面本身進行任何改動，大大 提高效率，除此之外，本系統(tǒng)平臺引入了現(xiàn)在網(wǎng)絡(luò)上較為流行 ajax 的驗證碼 機，也就是說注冊用戶除了給出用戶名和密碼外還要另再填入給出的驗證碼 (這里的驗證碼是查看用戶

38、是否已存在)點擊登陸才能以用戶的身份進入在線 相冊的主界面。 .2 注冊用戶登陸界面注冊用戶登陸界面 注冊用戶進入時，其登陸成功界面如下：(這里以 2006112103 為用戶名 登陸舉例) 圖圖 4-24-2 注冊用戶登陸注冊用戶登陸 設(shè)計思想： 用戶登錄模塊，該模塊需要確認二部分信息，首先得確認系統(tǒng)用戶的身 份，是否存在該用戶，其次，若該用戶存在則判斷用戶的密碼，兩部分信息 都正確則登陸到系統(tǒng)主頁面。 登陸界面是 web 應(yīng)用項目中的大門，它能讓用戶訪問 web 項目中的功 能。 .3 實現(xiàn)過程實現(xiàn)過程 在注冊用戶登陸的 login.jsp 界面中： log

39、inservlett.java package jspbook.webalbum.servlet; 第 4 章 系統(tǒng)實現(xiàn) 15 public class loginservlet extends javax.servlet.http.httpservlet implements javax.servlet.servlet static final long serialversionuid = 1l; public loginservlet() super(); protected void doget(httpservletrequest request, httpservletrespon

40、se response) throws servletexception, ioexception / todo auto-generated method stub dopost(request,response); protected void dopost(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception / todo auto-generated method stub servletencoding.setencoding(request, re

41、sponse); userinfo userinfo=new userinfo(); userinfo.setusername(request.getparameter(username); userinfo.setpassword(request.getparameter(password); userinfo=userinfodao.login(userinfo); httpsession session=request.getsession(); requestdispatcher requestdispatcher=null; /response.getwriter().print(r

42、equest.getquerystring(); if(userinfo=null) /設(shè)置返回路徑和錯誤信息 request.setattribute(returnurl, login.jsp); request.setattribute(errormessage, 帳號或者密碼不正確！); requestdispatcher=request.getrequestdispatcher(error.jsp); /servletcontext sc=this.getservletcontext().setattribute(, arg1) response.getwriter().print(r

43、equest.getrequesturi(); else session.setattribute(userinfo, userinfo); requestdispatcher=request.getrequestdispatcher(getdefaultinfo?userid=+u serinfo.getuserid(); requestdispatcher.forward(request, response); 從上面的代碼可以看出如果返回的是真值也就是說驗證正確的話會跳轉(zhuǎn)到 loginservlet。在 loginservlet 的 dopost（）中首先設(shè)置編碼格式為”gb2312”,

44、 然后去的 login.jsp 中 username 和 password 的輸入信息，并通過 userinfodao 的 login（）方法來驗證登錄用戶是否已經(jīng)注冊并核對密碼信 息。如果返回的 userinfo 對象不為空，這表示驗證成功。把頁面控制給 url 為/getdefaultinfo,并附上 userid 的 request 信息。 getdefaultinfo 目的是在想系統(tǒng)主頁面中顯示相片的用戶信息、所有相 片的分類信息、每個相冊的相片數(shù)目以及最新評論信息等關(guān)鍵信息。因此在 dopost（）方法中，首先從 request 中得到登錄相冊的當前用戶的 userid，把 查詢到的

45、 userinfo 對象保存在 request 范圍中共 jsp 調(diào)用并通過 userid 查詢該 用戶的所有相冊集相冊數(shù)目。然后把查詢到的最新的 10 條評論信息保存到 list 中，并把這些信息保存到 request 中以供 jsp 頁面顯示。 通過其中粗體表示的 div class 可以知道該 jsp 主要實現(xiàn)顯示用戶信息、 最新評論及用戶的相冊。其中使用 jstl 中的元素來迭代 commentlist 及 categorylist，并且使用 el 語句來顯示各項內(nèi)容。 在本系統(tǒng)的 web.xml 文件中我們定義了各個 servlet 的相關(guān)信息，包括 servlet 的名稱、類路徑及

46、 url 映射名。在 jsp 及訪問木椅 servlet 是，均要使 用此 servlet 的 url 映射名。由映射名找到 servlet 的類路徑，從而導向至 servlet。 在 jsp 頁面中，使用了一些公共的方法，這些方法定義在 第 4 章 系統(tǒng)實現(xiàn) 17 webalbum/webroot/js/adjax.js 及 common.js 中另外有關(guān) jsp 的布局類定義在 webalbun/webroot/css/style.css 中。 4.2 未注冊用戶注冊設(shè)計 未注冊用戶登陸的界面設(shè)計要簡潔明，注冊有一個主頁面，首先進行的 是填寫注冊信息，然后進行提交操作。 圖圖 4-34-3

47、 未注冊用戶注冊未注冊用戶注冊 驗證用戶javascript function changefieldtoquerystring(formname,fieldname) var args=; var form=document.formsformname; args=form.elementsfieldn+=+form.elementsfieldname.value; return args; /-將表單上某個字段的值發(fā)送到服務(wù)器端，并返回結(jié)果 function sendfieldtoserver(formname,fieldname,servletname) sendmess

48、agetoserver(servletname,changefieldtoquerystring(formname,fieldname); 未注冊用戶注冊界面的創(chuàng)建 在頁面表現(xiàn)上，采用 css 樣式表的方式，用記事本編寫一個 css 文件 (style.css)，每個 jsp 頁面都引入這個文件，這樣當需要變更頁面圖片背景等 靜態(tài)屬性時，就直接修改 css 文件，而無需對頁面本身進行任何改動，大大 提高效率。該模塊完成用戶注冊的過程，用戶注冊后才能完成圖書訂閱等功 能。 流程分析本模塊包含二個文件，adduser.jsp 完成用戶注冊信息錄入； david.js 完成檢查數(shù)據(jù)的可靠性，符合要求

49、的數(shù)據(jù)寫入 userinfo 數(shù)據(jù)表。 在這個模塊里，用戶可以輸入“用戶名”， “昵稱”， “密碼”， “重復密碼”，然 后單擊“注冊”按鈕提交注冊信息，如果注冊所用的用戶名已經(jīng)存在于數(shù)據(jù)庫 中，系統(tǒng)會報錯。如果用戶數(shù)據(jù)的“新密碼”和“新密碼確認”內(nèi)容不一致，系 統(tǒng)也會報錯。用戶一旦通過注冊。就在數(shù)據(jù)庫中存儲了該用戶的注冊信息， 該用戶就可以憑此信息進行登錄。 4.3 相冊列表 添加相冊的界面設(shè)計要簡潔明，添加相冊有一個主頁面，首先要進行相 應(yīng)的數(shù)據(jù)輸入，然后提交操作 相冊列表有兩種方式,一種是通過 defaultinfo.jsp 主頁面中的分類列表或 “相冊管理”來竟如相應(yīng)相冊的相片列表：另

50、一種是直接竟如“相片管理” 來列出所有的相片列表。下面好似幾個主要的 servlet 使命。 （1）getcategoriseservlet.java：去的登錄用戶的相冊，并把頁面導向至 categorylist.jsp，即“相冊管理”頁面。 （2）getphotoservlet.java：取得用戶的所有相冊并實現(xiàn)分頁功能，把頁 面導向至 photolist.jsp，即“相片管理”頁面。如圖 4-4 第 4 章 系統(tǒng)實現(xiàn) 19 圖圖 4-44-4 相冊下的所有相片列表相冊下的所有相片列表 （3）getphotos.java：取得用戶指定的相冊下的所有相片列表并實現(xiàn)發(fā) 布功能，把頁面導向至 ph

51、otolisttoall.jsp。如圖 4-5 圖圖 4-54-5 相冊下的相片列表頁面相冊下的相片列表頁面 如代碼實現(xiàn)了查詢給用戶制定的相關(guān)相冊下的所有相片信息，并用 list 保存在 request 中。然后需要分頁顯示的一些相關(guān)數(shù)目，如當前頁，相片總頁 數(shù)，總相片數(shù)及當前相片顯示書目等。photolist.jsp 的代碼 $【$category.photonum 張照片】 $category.addtime 新建相冊 $category.memo 第 4 章 系統(tǒng)實現(xiàn) 21 刪除相冊 修改相 冊 在 photolist.jsp 中首先對 requestscope

52、 中的 photolist 使用迭 代 photo 信息并顯示相片的縮略圖，其后實現(xiàn)分頁。 getphotos 與 getphotosservlet.java 相似，唯一不同之處在于前者是正對 用戶的某一相冊下的所有相片的列表，后者是正對給用戶的所有相片列表。 4.4 添加相片 給系統(tǒng)中的上傳相片時關(guān)鍵功能，是先方法是把上傳的相片文件以文件 形式保存在 web 應(yīng)用程序下的 webroot/photos 目錄下。對每張相片，以用 戶注冊的用戶名（username）及向南偏的所屬相冊的 categoryid 來新建二級 目錄，然后再目錄下保存相片，相片文件的名稱仍使用上傳的文件名。例如， 用戶名

53、為“2006112101”的相冊 id 為 2 的相片文件應(yīng)上傳保存在 webroot/photos/2006112101/2/目錄下。 上傳相片功能的主要流程如下： （1）取得用戶提交的數(shù)據(jù)，生成要保存的 photo 對象。 （2）把 photo 相片文件上傳至 web 服務(wù)器保存。 （3）保存（增加或修改）相片的信息至數(shù)據(jù)庫。 (4)根據(jù)上傳的相片及保存信息的結(jié)果設(shè)置不同的提示結(jié)果。 (5)跳轉(zhuǎn)至相片顯示或主頁面的 servlet。 上傳相片的頁面實現(xiàn)由 addphoto.jsp 在 addphoto.jsp 頁面中，使用“file”型的瀏覽文件組件來供用戶選擇相 片文件進行上傳，而所屬相

54、冊則是當前用戶的所有相冊列表。 由于用戶在 addphoto.jsp 提交的數(shù)據(jù)中包括了相片文件的信息，所以不 能直接使用 getparameter（）方法來獲得用戶提交的文件信息。因此需要使用 第三方提供的一個組件來完成這個功能。在這里選用的是 jspsmartupload 組 件，他是在前面章節(jié)中介紹過的專門用來處理文件上傳下載的組件。 使用這個包來上傳相片文件需要在生成 jspsmartupload 對象并初始化一 些參數(shù)。 （1）允許用戶上傳的文件類型及文件的最大值，即超出文件類型范圍或 文件的最大值的相片文件不能上傳到服務(wù)器，這主要是基于安全和性能方面 的考慮。 （2）使用 smar

55、tupload 對象的 getrequest（）方法來取得用戶提交的相 片文件的請求信息，并通過 com.jspsmart.upload.request 類的 getparameter（string paraname）方法來解析請求信息。 （3）需要根據(jù)用戶名及相冊 id 在服務(wù)器端構(gòu)造相片的保存目錄，并設(shè) 置保存文件的文件。在本例中，我們要使用基于 web 應(yīng)用程序的相對路徑方 式來保存文件，故采用 save_virtual 來保存文件。上傳圖片頁面如圖 4- 6 示。 第 4 章 系統(tǒng)實現(xiàn) 23 圖圖 4-64-6 上傳相片頁面上傳相片頁面 首先使用 jspsmartupload 上傳組件

56、來上傳圖片至服務(wù)器，上傳成功后把 相片信息保存至數(shù)據(jù)表 photo 中，這兩步成功后才返回成功添加相片的信息。 在頁面表現(xiàn)上，采用 css 樣式表的方式，用記事本編寫一個 css 文件 (style.css)，每個 jsp 頁面都引入這個文件，這樣當需要變更頁面圖片背景等 靜態(tài)屬性時，就直接修改 css 文件，而無需對頁面本身進行任何改動，大大 提高效率，在頁面步局和設(shè)計方面在此就不多加以介紹。下面的部分中主要 介紹一下具體的實現(xiàn)過程。 addphotoservlet.java package jspbook.webalbum.servlet; public class addphotoser

57、vlet extends httpservlet implements javax.servlet.servlet static final long serialversionuid = 1l; public addphotoservlet() super(); protected void doget(httpservletrequest req, httpservletresponse resp) throws servletexception, ioexception / todo auto-generated method stub dopost(req, resp); protec

58、ted void dopost(httpservletrequest req, httpservletresponse resp) throws servletexception, ioexception todo auto-generated method stub / 改變編碼 servletencoding.setencoding(req, resp); httpsession session = req.getsession(); printwriter out=resp.getwriter(); if (session.getattribute(userinfo) = null) /

59、 session 中沒有保存用戶信息 requestdispatcher requestdispatcher = req .getrequestdispatcher(login.jsp); requestdispatcher.forward(req, resp); else doexecute(req, resp); public void destroy() / todo auto-generated method stub public void init() throws servletexception / todo auto-generated method stub public

60、void doexecute(httpservletrequest request, httpservletresponse response) throws ioexception, servletexception / todo auto-generated method stub servletencoding.setencoding(request, response); hashtable paratable = photoupload.uploadphoto(request.getsession().getservletcontext(), request,response,des