專業(yè)實訓(xùn)五項目報告書

1、軟件軟件學(xué)院專業(yè)實訓(xùn)五項目報告書項目名稱: java web電子相冊 專業(yè)年級: 10級軟件工程java工程師（2）班 姓 名: 學(xué) 號: 指導(dǎo)教師: 目錄1問題描述31.1 研究的目的和意義31.1.1涉及用戶31.2目前國內(nèi)外相關(guān)應(yīng)用概述32 相關(guān)技術(shù)基礎(chǔ)42.1 研究的技術(shù)路線42.2 可達目標預(yù)測43 系統(tǒng)設(shè)計43.1 需求分析43.2 系統(tǒng)體系結(jié)構(gòu)43.2.1 硬件體系結(jié)構(gòu)53.2.2 軟件體系結(jié)構(gòu)63.3 數(shù)據(jù)庫設(shè)計74 系統(tǒng)實現(xiàn)及評價94.1 系統(tǒng)實現(xiàn)及運行情況94.2 核心功能實現(xiàn)94.2.1 驗證登錄94.2.2 相冊主頁104.2.3 修改密碼114.3.4 創(chuàng)建相冊124

2、.3.5 上傳照片134.3.6 刪除相冊，圖片144.3.7 退出登錄144.3.8 關(guān)鍵實現(xiàn)部分154.4 系統(tǒng)測試情況155、總結(jié)165.1 項目開發(fā)的收獲16參考文獻161問題描述1.1 研究的目的和意義 隨著我國經(jīng)濟的發(fā)展，我國網(wǎng)絡(luò)也隨之覆蓋全國各地，在這同時我國網(wǎng)民急劇增加。由于網(wǎng)絡(luò)不斷深入人們的日常生活，人們在網(wǎng)絡(luò)當中會遇到各種自己非常喜歡的圖片想保存下來，但有時候自己也沒有移動磁盤等工具來存儲，就算有也可能會因為存儲空間的不足不能保存下來。還有自己和朋友一起外出旅游的一些照片都需要保存好，等等。這樣就要求我們計算機人員開發(fā)一個如何管理圖片系統(tǒng)，來管理自己的圖片，方便用查看。在這

3、就以個人為背景開發(fā)電子相冊管理系統(tǒng)。 1.1.1涉及用戶 本系統(tǒng)涉及到的用戶有擁有圖片上傳、下載、瀏覽權(quán)限的普通用戶和擁有圖片上傳、刪除、普通用戶管理權(quán)限的網(wǎng)站管理員。1.2目前國內(nèi)外相關(guān)應(yīng)用概述電子相冊在各類網(wǎng)站中都有這舉足輕重的作用，例如qq空間，新浪微博等一系列的sns網(wǎng)站中都有用到電子相冊的功能。2 相關(guān)技術(shù)基礎(chǔ)2.1 研究的技術(shù)路線 本系統(tǒng)采用struts1.3+jdbc+mysql框架進行編寫。2.2 可達目標預(yù)測 目標預(yù)測：完成后的系統(tǒng)能在擁有普通用戶權(quán)限的情況下經(jīng)行用戶注冊登錄，瀏覽、下載圖片，擁有管理員權(quán)限的用戶經(jīng)行圖片上傳、下載的管理，和對普通用戶的刪除管理的功能。 3 系

4、統(tǒng)設(shè)計3.1 需求分析 面對傳統(tǒng)的相冊難于管理，圖片多，耗費空間，也有時候自己忘了存放位置，難于查找等。基于個人的圖片，開發(fā)電子相冊管理系統(tǒng)來幫助大家管理自己心愛的圖片，以便方便查看。隨時隨地都可以查看（前提是要有網(wǎng)絡(luò)的情況下）3.2 系統(tǒng)體系結(jié)構(gòu) 圖片管理模塊圖片管理模塊圖片管理模塊圖片管理模塊 該模塊對所有用戶都可以使用，普通用戶只能查看，管理員可以查看、刪除、更新、上傳等功能。 人員管理模塊人員管理模塊人員管理模塊人員管理模塊 該模塊只有管理員可以使用，他可以查看每個人的信息，還可以修改個人用戶的信息，用戶只能注冊普通用戶，然后通過管理員可以提升他成為管理員身份 3.2.1 硬件體系結(jié)構(gòu)

5、圖3.2.1-1：普通用戶用例圖 圖3.2.1-2：管理員用例圖 java web電子相冊3.2.2 軟件體系結(jié)構(gòu)登錄驗證系統(tǒng)管理員普通用戶修改密碼刪除圖片上傳圖片瀏覽圖片下載圖片普通用戶管理添加圖片分類表3.2.2-1：管理員用例圖3.3 數(shù)據(jù)庫設(shè)計表3.3-1：總數(shù)據(jù)表一覽圖表名作用admin管理員帳號leibie圖片類別photo圖片photo_pinglun圖片評論youghu用戶帳號表3.3-2：管理員idint主鍵namechar(25)管理員姓名passchar(25)密碼表3.3-3：圖片分類idint主鍵namechar(25)圖片名稱shoumingchar(25)圖片說明

6、conenttingchar(25)圖片評論rootchar(25)圖片存儲路徑表3.3-4：圖片idint主鍵pathchar(25)圖片路徑shoumingchar(25)圖片說明idchar(25)圖片id表3.3-5：圖片評論idint主鍵contenttextchar(25)用戶評論pathchar(25)圖片存儲路徑namechar(25)圖片名稱pidchar(25)圖片當前id表3.3-6：普通用戶idint主鍵namechar(25)用戶名emailchar(25)郵箱sexchar(2)性別mimachar(25)密碼4 系統(tǒng)實現(xiàn)及評價4.1 系統(tǒng)實現(xiàn)及運行情況 本系統(tǒng)能實

7、現(xiàn)普通用戶的注冊和登錄，瀏覽、下載圖片，以及管理員對普通用戶的管理和對圖片的分類，上傳、刪除功能。4.2 核心功能實現(xiàn) 4.2.1 驗證登錄 在url欄里輸入http：/localhost/ephoto/login.html便可進入“登錄頁面”，如果在密碼框內(nèi)輸入密碼，系統(tǒng)會把其與之前給密碼賦的值進行比對，相匹配則登錄成功，跳轉(zhuǎn)至相冊主頁；否則返回登錄頁面。4.2.2 相冊主頁 相冊主頁是用戶展示相片的頁面，對該系統(tǒng)的相冊和相片一覽無余。同時它也是電子相冊的“導(dǎo)航”，可以鏈接到上傳照片、創(chuàng)建相冊、修改密碼、發(fā)表留言、返回主頁、退出登錄等功能。在“登錄頁面”輸入正確的密碼后方可進入“相冊主頁”，

8、如圖8所示。圖 4.2.2-1: 驗證登錄用戶名密碼代碼用戶可直接或用打開相冊的方式瀏覽主頁上的照片和相冊里的照片，如圖9所示。點擊主頁左方的各種鏈接可以進入相應(yīng)的操作，進入其他功能界面。圖 4.2.2-2: 管理員進入相冊主頁 4.2.3 修改密碼 用戶可以根據(jù)自己的需要來修改自己的登錄密碼。通過“相冊主頁”左側(cè)的鏈接點擊“修改密碼”進入到“修改密碼頁面”，根據(jù)提示輸入修改后的密碼，選擇提交，則顯示“密碼修改成功！”。修改密碼完成后，可選擇界面上方的“返回主頁”和“退出登錄”執(zhí)行相關(guān)的操作。圖 4.2.3-1: 修改密碼頁面圖 4.2.3-2: 管理員修改密碼代碼 4.3.4 創(chuàng)建相冊 用戶

9、可以根據(jù)自己的需要來創(chuàng)建新的相冊，把照片分類。通過“相冊主頁”左側(cè)的鏈接點擊“創(chuàng)建相冊”進入到“創(chuàng)建目錄頁面”，根據(jù)提示輸入新創(chuàng)建的相冊名稱，選擇創(chuàng)建，則新建相冊成功，轉(zhuǎn)到新建的相冊里。創(chuàng)建相冊完成后，可選擇界面上方的“返回主頁”和“退出登錄”執(zhí)行相關(guān)的操作。操作代碼及運行結(jié)果如圖12、圖13所示。圖 4.3.4-1:添加分類頁面圖 4.3.4-2: 添加分類 代碼 4.3.5 上傳照片 用戶可以根據(jù)自己的需要上傳照片。通過“相冊主頁”左側(cè)的鏈接點擊“上傳照片”進入到“上傳照片頁面”，根據(jù)提示輸入選擇上傳方式。如果從本地上傳，選擇“瀏覽”在本地打開一張照片，點擊“上傳”則上傳照片成功，否則提示

10、“上傳文件出錯”。上傳照片完成后，返回到相冊主頁或某相冊。如果使用url方式上傳，輸入網(wǎng)址選擇“傳送”則上傳照片成功，否則提示“文件出錯”。創(chuàng)建相冊完成后，可選擇界面上方的“返回主頁”和“退出登錄”執(zhí)行相關(guān)的操作。圖 4.3.5-1: 添加圖片頁面圖 4.3.5-2: 上傳圖片代碼 4.3.6 刪除相冊，圖片 用戶可以根據(jù)自己的需要刪除相冊或照片。每個相冊和每張照片后面都有“刪除”的字樣，點擊后會出現(xiàn)提示“是否刪除”，選擇確認則刪除成功，返回相冊主頁；選擇取消則無變化，返回相冊主頁。圖 4.3.6-1: 圖片操作頁面圖 4.3.6-2: 刪除圖片代碼 4.3.7 退出登錄 用戶可以根據(jù)自己的需

11、要退出登錄。用戶只要點擊“退出登錄”，就返回到“登入頁面”。 4.3.8 關(guān)鍵實現(xiàn)部分在servlet中，一般跳轉(zhuǎn)都發(fā)生在doget, dopost等方法里面。redirect 方式：response.sendredirect(/a.jsp)，頁面的路徑是相對路徑。sendredirect可以將頁面跳轉(zhuǎn)到任何頁面，不一定局限于本web應(yīng)用中跳轉(zhuǎn)后瀏覽器地址欄變化。這種方式要傳值出去的話，只能在url中帶parameter或者放在session中，無法使用request.setattribute來傳遞。forward 方式，requestdispatcher dispatcher =reques

12、t.getrequestdispatcher(“a.jsp”);dispatcher .forward(request, response)，頁面的路徑是相對路徑。forward方式只能跳轉(zhuǎn)到本web應(yīng)用中的頁面上。跳轉(zhuǎn)后瀏覽器地址欄不會變化。使用這種方式跳轉(zhuǎn)，傳值可以使用三種方法：url中帶parameter，session，request.setattribute。本次項目的關(guān)鍵問題在于圖片上傳以及通過圖片管理顯示圖片的縮略圖，圖片上傳后會在對應(yīng)文件夾內(nèi)生成兩張一上傳時間為名稱的圖片，其中一張是后綴有_min的，這就是縮略圖，另外一張則是管理員上傳的大圖，通過點擊縮略圖或其名稱打開，用戶可

13、以查看大圖，并針對相應(yīng)的圖片添加評論，其次，在分類管理中，管理員可以對分類的名稱和分類的說明進行修改刪除等操作，特別需要注意的是，在用戶點擊刪除分類時，程序會將該分類下所有圖片一并刪除，這也是該程序的缺點所在。該程序所實現(xiàn)的結(jié)果是管理員通過管理員登錄，成功登錄系統(tǒng)后，添加分類、說明，并在該分類中成功添加、刪除圖片，并可進入相應(yīng)的分類內(nèi)管理圖片，可對圖片進行編輯，刪除評論等操作。游客進入系統(tǒng)，可以查看自己喜歡的圖片，并可點擊查看大圖，在大圖中添加自己的評論，同時游客也可注冊用戶名，進而登錄系統(tǒng)，創(chuàng)建自己的分類，上傳自己的圖片等完成管理員的所有操作4.4 系統(tǒng)測試情況 經(jīng)過測試，系統(tǒng)完好運行。5、

14、總結(jié)5.1 項目開發(fā)的收獲通過這個實訓(xùn)，雖然倍感糾結(jié)，但是卻收獲頗豐，我不僅有了學(xué)習上的成果的喜悅，而且自己也日漸成熟，較之參加實訓(xùn)之前，有種說不出的成就感。這次學(xué)習讓我對java web 技術(shù)又有了新的認識，我們必需邊總結(jié)邊學(xué)習，遇到問題要虛心請教老師，學(xué)習知識的過程其實就是相互學(xué)習相互進步的過程。這次實訓(xùn)，我學(xué)到的更多的是不懂就問和盡最大努力嘗試，哪怕是失敗，老師經(jīng)常說的一句話就是：錯了沒關(guān)系不可怕，至少你要知道錯在哪。只要盡自己的努力，一定可以運行成功的。在這里非常感謝老師對我的悉心指導(dǎo)，讓我對javaweb 技術(shù)更加熟悉，但是對于我來說，這只是個開始，我一定會我一定要努力學(xué)好，雖然路還有很長，但是經(jīng)過這一個月的實訓(xùn)讓我更加堅定了我的信念，那就是在java學(xué)習的路上勇往直前。參考文獻 1. 孫衛(wèi)琴.精通st