畢業(yè)設(shè)計(jì)----在線像冊(cè)的設(shè)計(jì)與實(shí)現(xiàn)

1、<p><b>　　畢業(yè)設(shè)計(jì)（論文）</b></p><p>　　題目： 在線像冊(cè)的設(shè)計(jì)與實(shí)現(xiàn)</p><p><b>　　目 錄</b></p><p><b>　　摘要V</b></p><p><b>　　前言1</b><

2、/p><p><b>　　第1章 緒論2</b></p><p>　　1.1系統(tǒng)開發(fā)的背景和意義2</p><p>　　1.2國(guó)內(nèi)外發(fā)展?fàn)顩r2</p><p>　　1.3研究?jī)?nèi)容3</p><p>　　第2章 選擇平臺(tái)與架構(gòu)5</p><p>　　2.1 開發(fā)環(huán)

3、境5</p><p><b>　　2.2 架構(gòu)5</b></p><p>　　2.3 運(yùn)行環(huán)境5</p><p><b>　　2.4本章小結(jié)5</b></p><p>　　第3章 電子像冊(cè)系統(tǒng)需求分析6</p><p>　　3.1可行性分析6</p>

4、<p>　　3.1.1系統(tǒng)總體目標(biāo)6</p><p>　　3.1.2技術(shù)可行性分析6</p><p>　　3.1.3功能需求6</p><p>　　3.1.4性能需求6</p><p>　　3.2系統(tǒng)總體結(jié)構(gòu)6</p><p>　　3.2.1 系統(tǒng)總體結(jié)構(gòu)7</p><p&g

5、t;　　3.2.2用例圖7</p><p>　　3.3系統(tǒng)功能模塊結(jié)構(gòu)8</p><p>　　3.3.1相片管理模塊8</p><p>　　3.3.2相冊(cè)管理模塊8</p><p>　　3.3.3用戶管理模塊9</p><p>　　3.3.4評(píng)論管理模塊9</p><p>　　3.4

6、數(shù)據(jù)庫(kù)模塊10</p><p>　　3.5 本章小結(jié)11</p><p>　　第4章 系統(tǒng)實(shí)現(xiàn)12</p><p>　　4.1 注冊(cè)用戶登陸設(shè)計(jì)12</p><p>　　4.1.1 注冊(cè)用戶登陸界面的創(chuàng)建12</p><p>　　4.1.2 注冊(cè)用戶登陸界面12</p><p>　　

7、4.1.3 實(shí)現(xiàn)過程13</p><p>　　4.2 未注冊(cè)用戶注冊(cè)設(shè)計(jì)16</p><p>　　4.3 相冊(cè)列表17</p><p>　　4.4添加相片20</p><p>　　4.6相片管理29</p><p>　　4.6.1修改相片29</p><p>　　4.6.2刪除相片

8、30</p><p>　　4.7 實(shí)現(xiàn)DAO層30</p><p>　　4.7.1 DAO組件的定義30</p><p>　　4.7.2實(shí)現(xiàn)DAO組件30</p><p>　　4.8數(shù)據(jù)庫(kù)設(shè)計(jì)33</p><p>　　4.9系統(tǒng)測(cè)試33</p><p>　　4.9.1 軟件測(cè)試的目的

9、33</p><p>　　4.9.2 各模塊測(cè)試33</p><p>　　4.10 本章小結(jié)36</p><p><b>　　緒論37</b></p><p><b>　　參考文獻(xiàn)39</b></p><p><b>　　致謝40</b>&l

10、t;/p><p>　　在線像冊(cè)的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　摘要：隨著人們生活水平的逐步提高，旅游照相成了大家必不可少放松項(xiàng)目。雖然照片最后會(huì)存入到自己的電腦里，但是時(shí)間一長(zhǎng)、照片一多，這些有著勾起回憶的“資料”，就會(huì)顯得雜亂無(wú)章，即不方便欣賞，也不方便管理。而在線相冊(cè)具有欣賞、傳播方便，界面美觀等特點(diǎn)，可以很好的管理所存入的照片，不失為最佳欣賞、保存照片的相冊(cè)工具。在線相冊(cè)系統(tǒng)平臺(tái)也就應(yīng)

11、此應(yīng)運(yùn)而生。</p><p>　　本系統(tǒng)是一種基于B/S架構(gòu)的在線管理系統(tǒng)，它采用目前最流行的java語(yǔ)言編寫，用到了當(dāng)今先進(jìn)的技術(shù)如 jsp技術(shù)、基于JSP+Servlet+DAO模式在小型應(yīng)用系統(tǒng)中式靈活并穩(wěn)定的架構(gòu)，是典型的基于MVC模式的架構(gòu)。同時(shí)采用MVC框架技術(shù)也提高了系統(tǒng)的可維護(hù)性。</p><p>　　系統(tǒng)分為：個(gè)人管理模塊、相冊(cè)管理模塊、相片管理、評(píng)論管理模塊。注：注冊(cè)用

12、戶登陸后可以進(jìn)行添加相冊(cè)，上傳，刪除照片，修改資料等一系列操作。而如果是未注冊(cè)用戶只能查看相冊(cè)中的內(nèi)容，沒有權(quán)力進(jìn)行相應(yīng)的修改。特別是上傳相片、相冊(cè)列表、相冊(cè)管理、相片查看及評(píng)論管理等模塊是在線相冊(cè)系統(tǒng)的重點(diǎn)。</p><p>　　關(guān)鍵詞：JAVA；電子相冊(cè)； MVC </p><p>　　Abstract:As people gradually increase the standard

13、 of living， travel photography has become essential to 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

14、"data"，will be very chaotic， that is inconvenient to enjoy， not to facilitate management. Electronic album with appreciation，the spread of convenience，the interface appearance characteristics such as good manag

15、ement can be deposit</p><p>　　The system is based on B / S architecture online management system, it uses the most popular java language, used in today's advanced technologies such as jsp technology, bas

16、ed 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 the maintainabili

17、ty of the system.      System is divided into: personal management module, photo album management module</p><p><b>　　前言</b></p><p>　　相冊(cè)在很早以前就開始有，原來(lái)是以紙質(zhì)照片的形式的存在

18、，后來(lái)隨著時(shí)代的發(fā)展，科技的進(jìn)步，旅游業(yè)的進(jìn)步，照片越來(lái)越多，電腦的普及，傳統(tǒng)的相冊(cè)在使用人工進(jìn)行管理，存在工作量大，各種多而復(fù)雜的文件信息占用大量地方，相冊(cè)簿方便攜帶，不易保管，容易丟失，翻看時(shí)不方便等等問題。</p><p>　　隨著科技的進(jìn)步，電腦時(shí)代的來(lái)臨，加速了電子相冊(cè)的產(chǎn)生與進(jìn)步，在網(wǎng)絡(luò)上，電子相冊(cè)發(fā)展迅速，很多網(wǎng)站，博客都需要電子相冊(cè)的功能，而隨著微機(jī)的普及使用，人們生活質(zhì)量的提升，越來(lái)越多的人選擇

19、旅游，此時(shí)會(huì)照大量的照片，對(duì)相冊(cè)的需求都有了更高的要求，這就要求傳統(tǒng)的相冊(cè)能夠?qū)崿F(xiàn)計(jì)算機(jī)化，讓人們能方便快捷共享式的瀏覽照片。</p><p>　　由于現(xiàn)在網(wǎng)絡(luò)競(jìng)爭(zhēng)激烈，人們對(duì)電子相冊(cè)的要求不斷提高，使得電子相冊(cè)開發(fā)者必須以完善相冊(cè)功能和質(zhì)量來(lái)取悅于顧客，電腦的不斷普及和軟件業(yè)的飛速前進(jìn)，使得人們擁有自己獨(dú)特的電子相冊(cè)成為可能，也成為必然。在現(xiàn)在生活質(zhì)量不斷提高的環(huán)境下，電子相冊(cè)系統(tǒng)越來(lái)越貼近于用戶，貼近于顧客。

20、電子相冊(cè)管理系統(tǒng)的存在也使網(wǎng)站擁有者獲得了更多的用戶。</p><p>　　目前，雖然很多網(wǎng)站都有了相冊(cè)功能，但是，這些系統(tǒng)都是針對(duì)性非常強(qiáng)，都是針對(duì)網(wǎng)站當(dāng)前的狀況而開發(fā)的，對(duì)現(xiàn)在應(yīng)用來(lái)說還算可以，但對(duì)很多不需要關(guān)注該網(wǎng)站的用戶來(lái)說有很多的局限性。很多用戶只是需要一個(gè)電子相冊(cè)功能，并不需要什么博客網(wǎng)站等等，所以，他們需要的是一個(gè)獨(dú)立的電子相冊(cè)系統(tǒng)，用戶能夠在自己的電腦安裝上電子相冊(cè)系統(tǒng)，能夠自己制作自己的電子相冊(cè)

21、，不受網(wǎng)站、博客提供商的約束。</p><p>　　對(duì)此，我們針對(duì)現(xiàn)有相冊(cè)功能，開發(fā)了適合多數(shù)用戶使用的電子相冊(cè)系統(tǒng)，在這個(gè)系統(tǒng)中，我們綜合了原來(lái)舊式紙質(zhì)相冊(cè)的功能，又參考了很多具有相冊(cè)功能的網(wǎng)站，博客空間，開發(fā)出具有自己特色的電子相冊(cè)管理系統(tǒng)，這個(gè)系統(tǒng)可以實(shí)現(xiàn)注冊(cè)用戶對(duì)相冊(cè)的上傳刪除修改等管理功能。整個(gè)系統(tǒng)我們要求功能完善，組織全面，具有可擴(kuò)展性，能夠針對(duì)一些報(bào)錯(cuò)事件可以做出反應(yīng)的系統(tǒng)。</p>

22、<p><b>　　第1章 緒論</b></p><p>　　隨著數(shù)碼攝影時(shí)代的到來(lái)，不論是專業(yè)攝影師建立圖片檔案或是向他人展示自己的攝影作品，還是家庭生活攝影，都需要電子相冊(cè)來(lái)保管攝影作品。如同傳統(tǒng)的照相簿，電子相冊(cè)既有展示功能也有存儲(chǔ)和管理功能。</p><p>　　在線相冊(cè)是現(xiàn)在時(shí)下最流行的一種網(wǎng)絡(luò)元素，它可以應(yīng)該在很多的領(lǐng)域，例如時(shí)下最流行的空間及博

23、客就是大量的應(yīng)該這一技術(shù)，而且受到大多數(shù)網(wǎng)友的認(rèn)可及追捧，其以靜態(tài)照片為素材(獲得源方式為掃描儀掃描、數(shù)碼相機(jī)所拍等)，配合動(dòng)感的背景、前景和字幕等視頻處理的特殊效果，配上音樂就可制作成電子相冊(cè)。制作好的在線相冊(cè)可以在電腦上，各類影碟機(jī)上，以及手機(jī)和MP4里都能觀看，這是電子相冊(cè)技術(shù)發(fā)展到今天的一個(gè)新的突破，即不再像傳統(tǒng)那樣，只能在電腦上或在影碟機(jī)上觀看了，并且還可以通過手機(jī)將自己的個(gè)性化MTV發(fā)送給遠(yuǎn)方的親朋好友們分享。當(dāng)然，如果考慮

24、到長(zhǎng)期保存的話，制作成電子相冊(cè)光盤那是最好的選擇啦，金碟可保存100多年之久，標(biāo)準(zhǔn)VCD、SVCD、DVD格式，兼容性好，通過影牒機(jī)即可與家人、朋友、客戶觀賞。若保存在硬盤上，也便于隨時(shí)調(diào)閱、欣賞，永久保存。</p><p>　　系統(tǒng)開發(fā)的背景和意義</p><p>　　隨著人們生活水平的逐步提高，旅游成了大家必不可少放松項(xiàng)目，每當(dāng)筆者走到一個(gè)美麗的景點(diǎn)，就會(huì)忍不住拿起數(shù)碼相機(jī)照上幾張留做

25、回憶。雖然照片最后會(huì)存入到自己的電腦里，但是時(shí)間一長(zhǎng)、照片一多，這些有著勾起回憶的資料，就會(huì)顯得雜亂無(wú)章，即不方便欣賞，也不方便管理。而在線相冊(cè)具有欣賞、傳播方便，界面美觀等特點(diǎn)，可以很好的管理所存入的照片，不失為最佳欣賞、保存照片的相冊(cè)工具。另外隨著數(shù)碼相機(jī)、手機(jī)照相等功能的普及，想必每個(gè)人手上都儲(chǔ)存了大量的電子相片，但這此照片如果不進(jìn)行處理，僅僅以一張張圖片的形式放置在電腦上，不僅 不易觀賞，也不方便分類管理，是否有軟件能將這些照片

26、整理成一本本的相冊(cè)呢？在線相冊(cè)系統(tǒng)平臺(tái)就是一款集相冊(cè)制作、生成、瀏覽專業(yè)軟件，有了它的幫助，制用相冊(cè)再也不需要專業(yè)的技術(shù)，普通用戶也可以在五分鐘內(nèi)制作出精美的在線相冊(cè)，支持170余種照片顯示特技，可以為相片加入文件注釋及說明。</p><p><b>　　國(guó)內(nèi)外發(fā)展?fàn)顩r</b></p><p>　　在線相冊(cè)是現(xiàn)在時(shí)下最流行的一種網(wǎng)絡(luò)元素，它可以應(yīng)該在很多的領(lǐng)域，例如時(shí)

27、下最流行的空間及博客就是大量的應(yīng)該這一技術(shù)，而且受到大多數(shù)網(wǎng)友的認(rèn)可及追捧，其以靜態(tài)照片為素材(獲得源方式為掃描儀掃描、數(shù)碼相機(jī)所拍等)，配合動(dòng)感的背景、前景和字幕等視頻處理的特殊效果，配上音樂就可制作成電子相冊(cè)。制作好的電子相冊(cè)可以在電腦上，各類影碟機(jī)上，以及手機(jī)和MP4里都能觀看，這是在線相冊(cè)技術(shù)發(fā)展到今天的一個(gè)新的突破，即不再象傳統(tǒng)那樣，只能在電腦上或在影碟機(jī)上觀看了。并且還可以通過手機(jī)將自己的個(gè)性化MTV發(fā)送給遠(yuǎn)方的親朋好友們分

28、享。當(dāng)然，如果考慮到長(zhǎng)期保存的話，制作成電子相冊(cè)光盤那是最好的選擇啦，金碟可保存100多年之久，標(biāo)準(zhǔn)VCD、SVCD、DVD格式，兼容性好，通過影牒機(jī)即可與家人、朋友、客戶觀賞；若保存在硬盤上，也便于隨時(shí)調(diào)閱、欣賞，永久保存。</p><p><b>　　研究?jī)?nèi)容</b></p><p>　　在線相冊(cè)系統(tǒng)是一種基于B/S架構(gòu)的管理系統(tǒng)，它采用目前最流行的java語(yǔ)言編

29、寫，用到了當(dāng)今先進(jìn)的技術(shù)如 jsp技術(shù)、基于JSP+Servlet+DAO模式在小型應(yīng)用系統(tǒng)中式靈活并穩(wěn)定的架構(gòu)，是典型的基于MVC模式的架構(gòu)。同時(shí)采用MVC框架技術(shù)也提高了系統(tǒng)的可維護(hù)性。為了自己的發(fā)展，各個(gè)網(wǎng)站都開始尋求適合用戶使用的電子相冊(cè)系統(tǒng)，為此而開發(fā)的電子相冊(cè)管理系統(tǒng)已經(jīng)非常多，并且大部分都是從用戶使用的角度出發(fā)，給用戶的使用帶來(lái)了很大的方便。本系統(tǒng)所研究的是從在線相冊(cè)的管理到相冊(cè)的生成等一系列的問題，大致分為：用戶管理、相

30、片分類、相冊(cè)管理、相片的評(píng)論管理、個(gè)人信息，我的主頁(yè)。 </p><p>　　本文共分5章，第1章是緒論，第2章介紹開發(fā)本系統(tǒng)所用到的相關(guān)技術(shù)，第3章是系統(tǒng)的需求分析及結(jié)構(gòu)圖，第4章是相冊(cè)系統(tǒng)的系統(tǒng)實(shí)現(xiàn)，第5章是總結(jié)。各章節(jié)的研究?jī)?nèi)容如下：</p><p>　　(1) 第1章主要介紹了選題的背景和意義，論述了系統(tǒng)的國(guó)內(nèi)發(fā)展?fàn)顩r。</p><p>　　(2) 第2章主

31、要介紹了實(shí)現(xiàn)在線相冊(cè)系統(tǒng)所用的軟件和系統(tǒng)建設(shè)過程中使用的相關(guān)技術(shù)。</p><p>　　(3) 第3章主要是在線相冊(cè)系統(tǒng)的需求分析。</p><p>　　(4) 第4章是系統(tǒng)的編碼實(shí)現(xiàn)，從三層框架的實(shí)現(xiàn)，數(shù)據(jù)庫(kù)的創(chuàng)建等方面介紹了系統(tǒng)的實(shí)現(xiàn)。</p><p>　　(5) 第5章主要是此系統(tǒng)的的總結(jié)。</p><p>　　第2章 選擇平臺(tái)與架構(gòu)&

32、lt;/p><p><b>　　2.1 開發(fā)環(huán)境</b></p><p>　　Myeclipse集成開發(fā)環(huán)境+MySQL5.5+Windows。</p><p><b>　　2.2 架構(gòu)</b></p><p>　　在J2EE應(yīng)用中，基于JSP+Servlet+DAO模式在小型應(yīng)用系統(tǒng)中式靈活并穩(wěn)定的架

33、構(gòu)，是典型的基于MVC模式的架構(gòu)。</p><p>　　以JSP+Servlet+Service+DAO模式實(shí)現(xiàn)，即以JSP+JSTL+EL技術(shù)實(shí)現(xiàn)前端駛?cè)腼@示層，以Servlet為頁(yè)面導(dǎo)向控制層、Service為業(yè)務(wù)邏輯層并以DAO為數(shù)據(jù)庫(kù)訪問層來(lái)構(gòu)建系統(tǒng)。</p><p><b>　　2.3 運(yùn)行環(huán)境</b></p><p>　　本系統(tǒng)采用

34、Tomcat5.5為服務(wù)器，以WindowsXP為在線相冊(cè)系統(tǒng)的服務(wù)器，以目前流行的MySQL為數(shù)據(jù)庫(kù)服務(wù)前。</p><p><b>　　2.4本章小結(jié)</b></p><p>　　在本章中主要介紹了軟件開發(fā)時(shí)所用的開發(fā)工具和相關(guān)的技術(shù)，重點(diǎn)介紹了Java、J2EE平臺(tái)和MVC結(jié)構(gòu)等相關(guān)知識(shí)以。同時(shí)也詳細(xì)介紹了JSP的相關(guān)技術(shù)，運(yùn)行環(huán)境及其開發(fā)工具。</p&g

35、t;<p>　　如果將該系統(tǒng)發(fā)布到流量比較大的網(wǎng)站中應(yīng)用，則可以以Solaris為在線相冊(cè)系統(tǒng)的服務(wù)器、以JBOSS為Web服務(wù)器，以MySQL為數(shù)據(jù)庫(kù)服務(wù)器并安裝在Linux上實(shí)現(xiàn)雙機(jī)備份等穩(wěn)定性和安全性來(lái)實(shí)現(xiàn)。</p><p>　　第3章 電子像冊(cè)系統(tǒng)需求分析</p><p><b>　　3.1可行性分析</b></p><p&g

36、t;　　3.1.1系統(tǒng)總體目標(biāo)</p><p>　　系統(tǒng)主要是為了給那些對(duì)照片管理感興趣的朋友提供一個(gè)交流的平臺(tái)，對(duì)有很多照片需要管理的朋友，你在這里可以進(jìn)行注冊(cè)成為會(huì)員，添加相片分類，上傳自己的照片，也可以瀏覽別人的相冊(cè)，還可以修改個(gè)人資料。非注冊(cè)會(huì)員你可以瀏覽電子相冊(cè)里別人的相片，同時(shí)可以對(duì)相片進(jìn)行評(píng)論。</p><p>　　3.1.2技術(shù)可行性分析</p><p&

37、gt;　　這個(gè)電子相冊(cè)是基于Web來(lái)開發(fā)的，主要運(yùn)用JSP+Servlet+DAO模型在小型應(yīng)用系統(tǒng)中靈活并穩(wěn)定的框架結(jié)構(gòu)，是典型的基于MVC模式的框架，以MySQL為后臺(tái)數(shù)據(jù)庫(kù)，采用Myeclipse集成開發(fā)環(huán)境。通過它來(lái)構(gòu)建一個(gè)在線相冊(cè)系統(tǒng)，實(shí)現(xiàn)在互聯(lián)網(wǎng)上使用的網(wǎng)絡(luò)相冊(cè)的絕大部分功能，所以對(duì)于本系統(tǒng)在技術(shù)上是可以達(dá)到的。</p><p><b>　　3.1.3功能需求</b></p

38、><p>　　本系統(tǒng)應(yīng)該具有相片瀏覽、相片上傳、評(píng)論相片、編輯、刪除相片、用戶注冊(cè)、個(gè)人信息修改等功能。</p><p><b>　　3.1.4性能需求</b></p><p>　　設(shè)備需求：PC機(jī)，Windows98/2000/xp操作系統(tǒng)，tomcat服務(wù)器，采用Mysql數(shù)據(jù)庫(kù)管理。</p><p><b>

39、　　3.2系統(tǒng)總體結(jié)構(gòu)</b></p><p>　　本系統(tǒng)所研究的是在線用戶發(fā)布相片、將相片歸類存放，并允許其他在線網(wǎng)友欣賞及評(píng)論相片。系統(tǒng)的總體結(jié)構(gòu)如下：</p><p>　　（1）用戶管理：用戶已用戶名及密碼登陸注冊(cè)，可修改密碼。</p><p>　?。?）相片分類：添加分類，刪除分類，修改分類，并獲取列表和分頁(yè)（某個(gè)用戶個(gè)人分類）。</p&g

40、t;<p>　?。?）相片管理：用戶登錄后能發(fā)布并刪除、修改發(fā)布的相片。獲取相片的列表和分頁(yè)（某個(gè)用戶某個(gè)分類中的相片），以縮略圖及全圖兩種模式來(lái)顯示選擇的某張相片。</p><p>　?。?）相片的評(píng)論管理：在線網(wǎng)友（登陸或游客）能欣賞相片并評(píng)論，相片的所有者及評(píng)論人能刪除評(píng)論，獲取評(píng)論的列表和分頁(yè)。</p><p>　　（5）上傳及刪除相片文件：使用JspSmartUpl

41、oad組件來(lái)實(shí)現(xiàn)相片的上傳并保存至Web服務(wù)器中。刪除相片實(shí)現(xiàn)級(jí)聯(lián)刪除：即如果刪除某個(gè)用戶的某個(gè)相片分類，則把此分類下的所有相片全部刪除，以維護(hù)數(shù)據(jù)和文件系統(tǒng)的一致性。</p><p>　　3.2.1 系統(tǒng)總體結(jié)構(gòu)</p><p>　　圖 3-1 總體架構(gòu)</p><p><b>　　3.2.2用例圖</b></p><p&

42、gt;　　用例圖就是把網(wǎng)站各個(gè)用戶的動(dòng)作分解一下，再用畫圖軟件把它畫出來(lái)。電子相冊(cè)系統(tǒng)的角色之一是注冊(cè)用戶</p><p>　　用例名稱：用戶登錄 執(zhí)行者：用戶</p><p>　　目的：完成注冊(cè)用戶登陸后的一系列操作的完整過程。</p><p>　　（1）用戶輸入登錄名，密碼，系統(tǒng)識(shí)別用戶信息的有效性；</p><p>　?。?）對(duì)用

43、戶信息進(jìn)行識(shí)別；</p><p>　?。?）用戶完成相冊(cè)列表，新建相冊(cè)修改資料等一系列操作；</p><p><b>　?。?）退出系統(tǒng)。</b></p><p><b>　　圖 3-2 用例圖</b></p><p>　　3.3系統(tǒng)功能模塊結(jié)構(gòu)</p><p>　　在線相冊(cè)

44、系統(tǒng)的目標(biāo)是工在線用戶發(fā)布相片、將相片歸類存放，并允許其他在線網(wǎng)友欣賞及評(píng)論相片。在線相冊(cè)管理系統(tǒng)分為用戶管理、相冊(cè)管理模塊、相片管理模塊、評(píng)論管理模塊。注：注冊(cè)用戶擁有全部操作權(quán)限，而如果是未注冊(cè)用戶只能查看相冊(cè)中的內(nèi)容，沒有權(quán)力進(jìn)行相應(yīng)的修改。</p><p>　　3.3.1相片管理模塊</p><p>　　(1) 業(yè)務(wù)描述：用戶登錄后能發(fā)布并刪除、修改發(fā)布的相片。</p>

45、<p>　　(2) 業(yè)務(wù)流程：用戶可以瀏覽相關(guān)的相冊(cè)的照片，獲取相片的列表和分頁(yè)（某個(gè)用戶某個(gè)分類中的相片），以縮略圖及全圖兩種模式來(lái)顯示選擇的某張相片，在該頁(yè)面中用戶可以根據(jù)自己的需要上傳相應(yīng)的圖片，為圖片取名、分類，提交后返回相冊(cè)列表。</p><p>　　(3) 輸入數(shù)據(jù)：記錄編號(hào)是自增列不顯示在前臺(tái)頁(yè)面；圖片名稱、文件簡(jiǎn)介分別以文本框的形式展示在前臺(tái)頁(yè)面中，由用戶輸入；圖片的上傳以一種數(shù)據(jù)流

46、的形式出現(xiàn)，出現(xiàn)在前臺(tái)的時(shí)候以一種需要用戶點(diǎn)擊選擇的形式出現(xiàn)。</p><p>　　(4) 角色說明：此功能主要由注冊(cè)用戶和非注冊(cè)用戶使用。</p><p>　　3.3.2相冊(cè)管理模塊</p><p>　　(1) 業(yè)務(wù)描述：新建相冊(cè)，刪除相冊(cè)，修改相冊(cè)，并獲取列表和分頁(yè)（某個(gè)用戶個(gè)人分類）。</p><p>　　(2) 業(yè)務(wù)流程：點(diǎn)擊相冊(cè)管理

47、，進(jìn)入相冊(cè)管理的主界面根據(jù)提示輸入相關(guān)的信息后選擇提交，則可看到剛剛新添加的那個(gè)相冊(cè)，然后可以根據(jù)自己的需要選擇是的操作。 </p><p>　　(3) 錯(cuò)誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會(huì)給出相應(yīng)的提示。</p><p>　　(4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。</p><p>　　(5) 輸出結(jié)果：其輸出結(jié)果為在相冊(cè)列表中給予

48、相應(yīng)的顯示。</p><p>　　(6) 角色說明：此功能主要注冊(cè)用戶使用。</p><p>　　3.3.3用戶管理模塊</p><p>　　(1) 業(yè)務(wù)描述：用戶以用戶名及密碼登陸 注冊(cè)，可修改密碼。對(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)資料。

49、如果是未注冊(cè)的用戶可根據(jù)提示進(jìn)行注冊(cè)。</p><p>　　(2) 業(yè)務(wù)流程：用戶登錄后進(jìn)入我的主頁(yè)，可以瀏覽相冊(cè)和最新10條相片評(píng)論信息，選擇一相冊(cè)進(jìn)入可以瀏覽相冊(cè)的整個(gè)相片，并查看選中相片的放大圖以及對(duì)其的評(píng)論信息。同時(shí)還可以查看每條評(píng)論的詳細(xì)信息。</p><p>　　(3) 錯(cuò)誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會(huì)給出相應(yīng)的提示。</p><p

50、>　　(4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。</p><p>　　(5) 輸出結(jié)果：無(wú)</p><p>　　(6) 角色說明：此功能主要注冊(cè)用戶使用。</p><p>　　3.3.4評(píng)論管理模塊</p><p>　　(1) 業(yè)務(wù)描述：在線網(wǎng)友（登陸或游客）能欣賞相片并評(píng)論，相片的所有者及評(píng)論人能刪除評(píng)論，獲取評(píng)論的列表和分頁(yè)。&l

51、t;/p><p>　　(2) 業(yè)務(wù)流程：進(jìn)入評(píng)論管理界面，每頁(yè)顯示10條最新評(píng)論，包括評(píng)論人大名、所屬照片名、評(píng)論時(shí)間和評(píng)論內(nèi)容，并可以刪除評(píng)論。點(diǎn)擊所屬照片名，查看詳細(xì)信息，同時(shí)還可以發(fā)表新評(píng)論。</p><p>　　(3) 錯(cuò)誤處理：所有字段必須逐一給出相應(yīng)的數(shù)據(jù)信息。</p><p>　　(4) 輸入數(shù)據(jù)：由用戶輸入相應(yīng)的數(shù)據(jù)信息。</p><

52、p>　　(5) 輸出結(jié)果：評(píng)論信息。</p><p>　　(6) 角色說明：此功能主要注冊(cè)用戶使用。</p><p><b>　　3.4數(shù)據(jù)庫(kù)模塊</b></p><p>　　本系統(tǒng)中涉及的數(shù)據(jù)庫(kù)主要包括注冊(cè)用戶、相片分類、相片信息及評(píng)論信息。</p><p>　　注冊(cè)用戶信息表保存在線相冊(cè)系統(tǒng)的注冊(cè)用戶的基本信息

53、，包括用戶名、昵稱、密碼及注冊(cè)時(shí)間等，如表3-1所示。</p><p>　　表3-1 注冊(cè)用戶信息表（userInfo）</p><p>　　相片分類只有4個(gè)字段：即主鍵、分類名稱、描述信息及所屬的用戶id。如表3-2。</p><p>　　表3-2 相片分類信息（category）</p><p>　　相片信息表用于保存用戶相片及其相關(guān)信息

54、，包括相片標(biāo)題、相片簡(jiǎn)介、相片上傳時(shí)間、相片所屬分類、相片保存的地址，以及相片的文件名。其中，相片保存的地址及文件名是附加信息：相片文件名是用來(lái)記錄用戶上傳相片時(shí)原相片文件的名稱，用于用戶瀏覽或下載相片時(shí)讓W(xué)eb瀏覽器顯示文件名，以供用戶使用；文件類型信息指的是相片文件的格式類型，在顯示相片時(shí)會(huì)用到。如表3-3。</p><p>　　表3-3 相冊(cè)信息表（photo）</p><p>　　

55、評(píng)論信息表則是網(wǎng)絡(luò)相冊(cè)的一大特征，用于保存網(wǎng)友對(duì)相片的評(píng)論信息。一張相片可能會(huì)有多條評(píng)價(jià)信息，因此應(yīng)該保存平困的相片id、評(píng)論時(shí)間、評(píng)論人的名稱（或匿名）以評(píng)論的文字信息等。如表3-4。</p><p>　　表3-4 評(píng)論信息表（comment）</p><p><b>　　3.5 本章小結(jié)</b></p><p>　　本章詳細(xì)描述了系統(tǒng)的體系

56、結(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)。</p><p><b>　　第4章 系統(tǒng)實(shí)現(xiàn)</b></p><p>　　系統(tǒng)階段的根本目標(biāo)是確定應(yīng)該怎樣具體的實(shí)現(xiàn)所要求

57、的系統(tǒng)，也就是說，經(jīng)過這個(gè)階段的設(shè)計(jì)工作，應(yīng)該得出對(duì)目標(biāo)系統(tǒng)的精確描述，從而在編碼階段可以把這個(gè)描述直接翻譯成某種程序設(shè)計(jì)語(yǔ)言書寫的程序。本章主要實(shí)現(xiàn)了各個(gè)模塊的具體功能。</p><p>　　4.1 注冊(cè)用戶登陸設(shè)計(jì)</p><p>　　注冊(cè)用戶登陸的界面設(shè)計(jì)要簡(jiǎn)潔明，登陸有一個(gè)主頁(yè)面，首先進(jìn)行的是驗(yàn)證，判斷登陸者的權(quán)限，注冊(cè)用戶登陸界面如圖4-1所示。</p><p

58、>　　圖 4-1 注冊(cè)用戶登陸</p><p>　　4.1.1 注冊(cè)用戶登陸界面的創(chuàng)建</p><p>　　在頁(yè)面表現(xiàn)上，采用CSS樣式表的方式，用記事本編寫一個(gè)css文件(style.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ò)上較為流行Ajax的

59、驗(yàn)證碼機(jī)，也就是說注冊(cè)用戶除了給出用戶名和密碼外還要另再填入給出的驗(yàn)證碼(這里的驗(yàn)證碼是查看用戶是否已存在)點(diǎn)擊登陸才能以用戶的身份進(jìn)入在線相冊(cè)的主界面。</p><p>　　4.1.2 注冊(cè)用戶登陸界面</p><p>　　注冊(cè)用戶進(jìn)入時(shí)，其登陸成功界面如下：(這里以2006112103為用戶名登陸舉例)</p><p>　　圖 4-2 注冊(cè)用戶登陸</p&

60、gt;<p><b>　　設(shè)計(jì)思想：</b></p><p>　　用戶登錄模塊，該模塊需要確認(rèn)二部分信息，首先得確認(rèn)系統(tǒng)用戶的身份，是否存在該用戶，其次，若該用戶存在則判斷用戶的密碼，兩部分信息都正確則登陸到系統(tǒng)主頁(yè)面。</p><p>　　登陸界面是Web應(yīng)用項(xiàng)目中的大門，它能讓用戶訪問Web項(xiàng)目中的功能。</p><p>　　

61、4.1.3 實(shí)現(xiàn)過程</p><p>　　在注冊(cè)用戶登陸的login.jsp界面中：</p><p>　　<form onsubmit=”return checkFormBName(‘loginForm’);”method=”post” action=”LoginServlet” name=”loginForm”></p><p>　　LoginServ

62、lett.java</p><p>　　package jspbook.webalbum.servlet;</p><p>　　public class LoginServlet extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet {</p><p>　　static fin

63、al long serialVersionUID = 1L;</p><p>　　public LoginServlet() {</p><p><b>　　super();</b></p><p><b>　　} </b></p><p>　　protected void doGet(Htt

64、pServletRequest request, HttpServletResponse response) throws ServletException, IOException {</p><p>　　// TODO Auto-generated method stub</p><p>　　doPost(request,response);</p><p>&

65、lt;b>　　} </b></p><p>　　protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {</p><p>　　// TODO Auto-generated method st

66、ub</p><p>　　ServletEncoding.setEncoding(request, response);</p><p>　　UserInfo userInfo=new UserInfo();</p><p>　　userInfo.setUsername(request.getParameter("username"));<

67、/p><p>　　userInfo.setPassword(request.getParameter("password"));</p><p>　　userInfo=UserInfoDAO.Login(userInfo);</p><p>　　HttpSession session=request.getSession(); </p>

68、<p>　　RequestDispatcher requestDispatcher=null;</p><p>　　//response.getWriter().print(request.getQueryString());</p><p>　　if(userInfo==null){</p><p>　　//設(shè)置返回路徑和錯(cuò)誤信息</p>

69、<p>　　request.setAttribute("returnUrl", "login.jsp");</p><p>　　request.setAttribute("errorMessage", "帳號(hào)或者密碼不正確！");</p><p>　　requestDispatcher=reques

70、t.getRequestDispatcher("error.jsp");</p><p>　　//ServletContext sc=this.getServletContext().setAttribute(", arg1)</p><p>　　response.getWriter().print(request.getRequestURI());</

71、p><p><b>　　}else{</b></p><p>　　session.setAttribute("userInfo", userInfo);</p><p>　　requestDispatcher=request.getRequestDispatcher("GetDefaultInfo?userId=&qu

72、ot;+userInfo.getUserid());</p><p><b>　　}</b></p><p>　　requestDispatcher.forward(request, response);</p><p>　　} </p><p><b>　　}</b></

73、p><p>　　從上面的代碼可以看出如果返回的是真值也就是說驗(yàn)證正確的話會(huì)跳轉(zhuǎn)到LoginServlet。在LoginServlet的doPost（）中首先設(shè)置編碼格式為”GB2312”,然后去的login.jsp中username和password的輸入信息，并通過UserInfoDAO的Login（）方法來(lái)驗(yàn)證登錄用戶是否已經(jīng)注冊(cè)并核對(duì)密碼信息。如果返回的UserInfo對(duì)象不為空，這表示驗(yàn)證成功。把頁(yè)面控制給u

74、rl為/GetDefaultInfo,并附上userid的request信息。</p><p>　　GetDefaultInfo目的是在想系統(tǒng)主頁(yè)面中顯示相片的用戶信息、所有相片的分類信息、每個(gè)相冊(cè)的相片數(shù)目以及最新評(píng)論信息等關(guān)鍵信息。因此在doPost（）方法中，首先從request中得到登錄相冊(cè)的當(dāng)前用戶的userid，把查詢到的userInfo對(duì)象保存在request范圍中共JSP調(diào)用并通過userid查詢

75、該用戶的所有相冊(cè)集相冊(cè)數(shù)目。然后把查詢到的最新的10條評(píng)論信息保存到List中，并把這些信息保存到request中以供JSP頁(yè)面顯示。</p><p>　　通過其中粗體表示的div class可以知道該JSP主要實(shí)現(xiàn)顯示用戶信息、最新評(píng)論及用戶的相冊(cè)。其中使用JSTL中的<c:forEach>元素來(lái)迭代commentList及categoryList，并且使用EL語(yǔ)句來(lái)顯示各項(xiàng)內(nèi)容。</p>

76、;<p>　　在本系統(tǒng)的web.xml文件中我們定義了各個(gè)Servlet的相關(guān)信息，包括Servlet的名稱、類路徑及url映射名。在JSP及訪問木椅Servlet是，均要使用此Servlet的url映射名。由映射名找到Servlet的類路徑，從而導(dǎo)向至Servlet。</p><p>　　在JSP頁(yè)面中，使用了一些公共的方法，這些方法定義在WebAlbum/WebRoot/js/adjax.js及

77、common.js中另外有關(guān)jsp的布局類定義在WebAlbun/WebRoot/css/style.css中。</p><p>　　4.2 未注冊(cè)用戶注冊(cè)設(shè)計(jì)</p><p>　　未注冊(cè)用戶登陸的界面設(shè)計(jì)要簡(jiǎn)潔明，注冊(cè)有一個(gè)主頁(yè)面，首先進(jìn)行的是填寫注冊(cè)信息，然后進(jìn)行提交操作。</p><p>　　圖 4-3 未注冊(cè)用戶注冊(cè)</p><p>

78、　　驗(yàn)證用戶JavaScript</p><p>　　function changeFieldToQueryString(formName,fieldName){</p><p>　　var args="";</p><p>　　var form=document.forms[formName];</p><p>　　ar

79、gs=form.elements[fieldName].name+"="+form.elements[fieldName].value;</p><p>　　return args;</p><p><b>　　}</b></p><p>　　//-------------------------將表單上某個(gè)字段的值發(fā)送到服

80、務(wù)器端，并返回結(jié)果</p><p>　　function sendFieldToServer(formName,fieldName,servletName){</p><p>　　sendMessageToServer(servletName,changeFieldToQueryString(formName,fieldName));</p><p><b&g

81、t;　　}</b></p><p>　　未注冊(cè)用戶注冊(cè)界面的創(chuàng)建</p><p>　　在頁(yè)面表現(xiàn)上，采用CSS樣式表的方式，用記事本編寫一個(gè)css文件(style.css)，每個(gè)jsp頁(yè)面都引入這個(gè)文件，這樣當(dāng)需要變更頁(yè)面圖片背景等靜態(tài)屬性時(shí)，就直接修改css文件，而無(wú)需對(duì)頁(yè)面本身進(jìn)行任何改動(dòng)，大大提高效率。該模塊完成用戶注冊(cè)的過程，用戶注冊(cè)后才能完成圖書訂閱等功能。</

82、p><p>　　流程分析本模塊包含二個(gè)文件，addUser.jsp完成用戶注冊(cè)信息錄入；david.js完成檢查數(shù)據(jù)的可靠性，符合要求的數(shù)據(jù)寫入userinfo數(shù)據(jù)表。</p><p>　　在這個(gè)模塊里，用戶可以輸入“用戶名”，“昵稱”，“密碼”，“重復(fù)密碼”，然后單擊“注冊(cè)”按鈕提交注冊(cè)信息，如果注冊(cè)所用的用戶名已經(jīng)存在于數(shù)據(jù)庫(kù)中，系統(tǒng)會(huì)報(bào)錯(cuò)。如果用戶數(shù)據(jù)的“新密碼”和“新密碼確認(rèn)”內(nèi)容不一

83、致，系統(tǒng)也會(huì)報(bào)錯(cuò)。用戶一旦通過注冊(cè)。就在數(shù)據(jù)庫(kù)中存儲(chǔ)了該用戶的注冊(cè)信息，該用戶就可以憑此信息進(jìn)行登錄。</p><p><b>　　4.3 相冊(cè)列表</b></p><p>　　添加相冊(cè)的界面設(shè)計(jì)要簡(jiǎn)潔明，添加相冊(cè)有一個(gè)主頁(yè)面，首先要進(jìn)行相應(yīng)的數(shù)據(jù)輸入，然后提交操作</p><p>　　相冊(cè)列表有兩種方式,一種是通過 defaultInfo.j

84、sp主頁(yè)面中的分類列表或“相冊(cè)管理”來(lái)竟如相應(yīng)相冊(cè)的相片列表：另一種是直接竟如“相片管理”來(lái)列出所有的相片列表。下面好似幾個(gè)主要的Servlet使命。</p><p>　　（1）GetCategoriseServlet.java：去的登錄用戶的相冊(cè)，并把頁(yè)面導(dǎo)向至categoryList.jsp，即“相冊(cè)管理”頁(yè)面。</p><p>　?。?）GetPhotoServlet.java：取得

85、用戶的所有相冊(cè)并實(shí)現(xiàn)分頁(yè)功能，把頁(yè)面導(dǎo)向至photoList.jsp，即“相片管理”頁(yè)面。如圖4-4</p><p>　　圖 4-4 相冊(cè)下的所有相片列表</p><p>　　（3）GetPhotos.java：取得用戶指定的相冊(cè)下的所有相片列表并實(shí)現(xiàn)發(fā)布功能，把頁(yè)面導(dǎo)向至photoListToAll.jsp。如圖4-5</p><p>　　圖 4-5相冊(cè)下的相片列

86、表頁(yè)面</p><p>　　如代碼實(shí)現(xiàn)了查詢給用戶制定的相關(guān)相冊(cè)下的所有相片信息，并用List保存在request中。然后需要分頁(yè)顯示的一些相關(guān)數(shù)目，如當(dāng)前頁(yè)，相片總頁(yè)數(shù)，總相片數(shù)及當(dāng)前相片顯示書目等。photoList.jsp的代碼</p><p>　　<div id="main" class="main"></p>&l

87、t;p>　　<div class="mainAdmin"></p><p>　　<c:forEach var="category" items="${requestScope.categoryList}"></p><p>　　<table style="width: 750px&qu

88、ot;></p><p>　　<tr height="30"></p><p>　　<td rowspan="2"</p><p>　　style="width: 80px; height: 100px; text-align: center;"></p><

89、;p><b>　　<span><a</b></p><p>　　href="GetPhotos?categoryId=${category.categoryid }"><img</p><p>　　class="categoryPhoto" src="images\\category

90、.JPG" /> </a> </span></p><p><b>　　</td></b></p><p>　　<td style="width: 400px; text-align: left;"></p><p><b>　　<span>

91、;<a</b></p><p>　　href="GetPhotos?categoryId=${category.categoryid }">${category.name}【${category.photoNum</p><p>　　}張照片】</a> </span></p><p><b&g

92、t;　　</td></b></p><p>　　<td style="text-align: right; width: 121px"></p><p>　　${category.addTime }</p><p><b>　　</td></b></p><

93、p>　　<td style="width: 77px"></p><p>　　<a href="GotoAddCategory">新建相冊(cè)</a></p><p><b>　　</td></b></p><p><b>　　</tr&g

94、t;</b></p><p>　　<tr height="50" style="width: 524px"></p><p>　　<td style="width: 500px; text-align: left;" colspan="2"></p><p

95、>　　${category.memo}</p><p><b>　　</td></b></p><p>　　<td style="width: 77px"></p><p>　　<a onclick="return isDelete();"</p><

96、;p>　　href="javascript:sendMessageToServer('DeleteCategory','id=${category.categoryid }')">刪除相冊(cè)</a></p><p><b>　　<br /></b></p><p>　　<a h

97、ref="GotoUpdateCategory?categoryId=${category.categoryid }">修改相冊(cè)</a></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b&

98、gt;　　</table></b></p><p>　　</c:forEach></p><p>　　在photoList.jsp中首先對(duì)requestScope中的PhotoList使用<c:forEach>迭代photo信息并顯示相片的縮略圖，其后實(shí)現(xiàn)分頁(yè)。</p><p>　　GetPhotos與GetPhoto

99、sServlet.java相似，唯一不同之處在于前者是正對(duì)用戶的某一相冊(cè)下的所有相片的列表，后者是正對(duì)給用戶的所有相片列表。</p><p><b>　　4.4添加相片</b></p><p>　　給系統(tǒng)中的上傳相片時(shí)關(guān)鍵功能，是先方法是把上傳的相片文件以文件形式保存在Web應(yīng)用程序下的WebRoot/photos目錄下。對(duì)每張相片，以用戶注冊(cè)的用戶名（usernam

100、e）及向南偏的所屬相冊(cè)的categoryid來(lái)新建二級(jí)目錄，然后再目錄下保存相片，相片文件的名稱仍使用上傳的文件名。例如，用戶名為“2006112101”的相冊(cè)id為2的相片文件應(yīng)上傳保存在WebRoot/photos/2006112101/2/目錄下。</p><p>　　上傳相片功能的主要流程如下：</p><p>　?。?）取得用戶提交的數(shù)據(jù)，生成要保存的photo對(duì)象。</p

101、><p>　?。?）把photo相片文件上傳至Web服務(wù)器保存。</p><p>　?。?）保存（增加或修改）相片的信息至數(shù)據(jù)庫(kù)。</p><p>　　(4)根據(jù)上傳的相片及保存信息的結(jié)果設(shè)置不同的提示結(jié)果。</p><p>　　(5)跳轉(zhuǎn)至相片顯示或主頁(yè)面的Servlet。</p><p>　　上傳相片的頁(yè)面實(shí)現(xiàn)由add

102、Photo.jsp </p><p>　　在addPhoto.jsp頁(yè)面中，使用“file”型的瀏覽文件組件來(lái)供用戶選擇相片文件進(jìn)行上傳，而所屬相冊(cè)則是當(dāng)前用戶的所有相冊(cè)列表。</p><p>　　由于用戶在addPhoto.jsp提交的數(shù)據(jù)中包括了相片文件的信息，所以不能直接使用getParameter（）方法來(lái)獲得用戶提交的文件信息。因此需要使用第三方提供的一個(gè)組件來(lái)完成這個(gè)功能。在這

103、里選用的是JspSmartUpload組件，他是在前面章節(jié)中介紹過的專門用來(lái)處理文件上傳下載的組件。</p><p>　　使用這個(gè)包來(lái)上傳相片文件需要在生成JspSmartUpload對(duì)象并初始化一些參數(shù)。</p><p>　　（1）允許用戶上傳的文件類型及文件的最大值，即超出文件類型范圍或文件的最大值的相片文件不能上傳到服務(wù)器，這主要是基于安全和性能方面的考慮。</p>&

104、lt;p>　?。?）使用SmartUpload對(duì)象的getRequest（）方法來(lái)取得用戶提交的相片文件的請(qǐng)求信息，并通過com.jspsmart.upload.Request類的getParameter（String paraName）方法來(lái)解析請(qǐng)求信息。</p><p>　?。?）需要根據(jù)用戶名及相冊(cè)id在服務(wù)器端構(gòu)造相片的保存目錄，并設(shè)置保存文件的文件。在本例中，我們要使用基于Web應(yīng)用程序的相對(duì)路

105、徑方式來(lái)保存文件，故采用SAVE_VIRTUAL來(lái)保存文件。上傳圖片頁(yè)面如圖4-6示。</p><p>　　圖 4-6上傳相片頁(yè)面</p><p>　　首先使用JspSmartUpload上傳組件來(lái)上傳圖片至服務(wù)器，上傳成功后把相片信息保存至數(shù)據(jù)表photo中，這兩步成功后才返回成功添加相片的信息。</p><p>　　在頁(yè)面表現(xiàn)上，采用CSS樣式表的方式，用記事本

106、編寫一個(gè)css文件(style.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)過程。</p><p>　　AddPhotoServlet.java</p><p>　　package jspbook.webalbum.

107、servlet;</p><p>　　public class AddPhotoServlet extends HttpServlet implements</p><p>　　javax.servlet.Servlet {</p><p>　　static final long serialVersionUID = 1L;</p><p>

108、　　public AddPhotoServlet() {</p><p><b>　　super();</b></p><p><b>　　}</b></p><p>　　protected void doGet(HttpServletRequest req, HttpServletResponse resp)</p

109、><p>　　throws ServletException, IOException {</p><p>　　// TODO Auto-generated method stub</p><p>　　doPost(req, resp);</p><p><b>　　}</b></p><p>　　p

110、rotected void doPost(HttpServletRequest req, HttpServletResponse resp)</p><p>　　throws ServletException, IOException {</p><p>　　TODO Auto-generated method stub</p><p><b>　　//

111、改變編碼</b></p><p>　　ServletEncoding.setEncoding(req, resp);</p><p>　　HttpSession session = req.getSession();</p><p>　　PrintWriter out=resp.getWriter();</p><p>　　if

112、(session.getAttribute("userInfo") == null) {</p><p>　　// session中沒有保存用戶信息</p><p>　　RequestDispatcher requestDispatcher = req</p><p>　　.getRequestDispatcher("login.jsp

113、");</p><p>　　requestDispatcher.forward(req, resp);</p><p><b>　　} else {</b></p><p>　　doExecute(req, resp);</p><p><b>　　}</b></p><

114、;p><b>　　}</b></p><p>　　public void destroy() {</p><p>　　// TODO Auto-generated method stub</p><p><b>　　}</b></p><p>　　public void init() thro

115、ws ServletException {</p><p>　　// TODO Auto-generated method stub</p><p><b>　　}</b></p><p>　　public void doExecute(HttpServletRequest request,</p><p>　　Htt

116、pServletResponse response) throws IOException, ServletException {</p><p>　　// TODO Auto-generated method stub</p><p>　　ServletEncoding.setEncoding(request, response);</p><p>　　Hasht

117、able<String,Object> paraTable = PhotoUpload.uploadPhoto(request.getSession().getServletContext(),</p><p>　　request,response,destFilePath);</p><p>　　boolean upload = true;</p><p&

118、gt;　　String savePhotoPath = "";</p><p>　　String photoFileName="";</p><p>　　int categoryId = 0;</p><p>　　SmartUpload smartUpload = new SmartUpload();</p>&