Java-web--電子相冊(cè)-實(shí)習(xí)報(bào)告

1、精選優(yōu)質(zhì)文檔-傾情為你奉上河 北 科 技 大 學(xué)信息科學(xué)與工程學(xué)院實(shí) 訓(xùn) 報(bào) 告學(xué)生姓名： 學(xué) 號(hào)： 專業(yè)班級(jí)： 實(shí)訓(xùn)地點(diǎn)： 河北科技大學(xué) 實(shí)訓(xùn)時(shí)間： 2011.12.5-2012.01.5 指導(dǎo)教師： 2011 年 12月學(xué)生姓名學(xué) 號(hào)成績(jī)專業(yè)班級(jí)軟件L081起止時(shí)間2011.12.5-2012.01.5實(shí)訓(xùn)地點(diǎn)指導(dǎo)教師評(píng)語(yǔ) 指導(dǎo)教師： 年 月 日實(shí)訓(xùn)成績(jī)?cè)u(píng)定表一、 實(shí)訓(xùn)目的 在學(xué)生具備了java程序設(shè)計(jì)知識(shí)與面向?qū)ο蠹夹g(shù)的基礎(chǔ)上，為了進(jìn)一步提高項(xiàng)目實(shí)踐能力、開拓創(chuàng)新能力。掌握使用JSP應(yīng)用程序設(shè)計(jì)的基本技能，熟練使用Eclipse進(jìn)行Web應(yīng)用程序的編寫、調(diào)試。結(jié)合案例詳細(xì)說(shuō)明Java W

2、eb軟件項(xiàng)目的整個(gè)開發(fā)過程，在項(xiàng)目開發(fā)過程中逐步熟悉知識(shí)點(diǎn)，掌握J(rèn)ava B/S結(jié)構(gòu)程序的運(yùn)行原理和應(yīng)用技能，最后完成一個(gè)完整的軟件開發(fā)項(xiàng)目。二、 實(shí)訓(xùn)任務(wù)和要求1、掌握java集成開發(fā)環(huán)境（IDE）Eclipse的使用和調(diào)試方法。2、利用JSP+Servlet+JavaBean實(shí)現(xiàn)Web應(yīng)用開發(fā)。3、掌握分層體系結(jié)構(gòu)開發(fā)的技巧。4、完成電子相冊(cè)項(xiàng)目并應(yīng)用以上方法。三、 實(shí)訓(xùn)過程與內(nèi)容電子相冊(cè)項(xiàng)目的需求分析(一) 電子相冊(cè)項(xiàng)目功能分析 電子相冊(cè)項(xiàng)目主要包括一下兩個(gè)模塊。（1） 管理員模塊本模塊主要是由管理員登錄，管理員修改密碼，相冊(cè)管理，圖片管理四部分組成，管理員可以添加相冊(cè)，刪除相冊(cè)，添加圖

3、片，刪除圖片，查看評(píng)論，刪除評(píng)論（2） 普通用戶模塊 本模塊主要由登錄，注冊(cè)，查看圖片，對(duì)圖片發(fā)表評(píng)論四部分組成(二) 電子相冊(cè)項(xiàng)目技術(shù)架構(gòu)圖 用經(jīng)典的MVC分層設(shè)計(jì)模式，將模型（Model）、視圖（View）、控制器（Control）各層單獨(dú)設(shè)計(jì)實(shí)現(xiàn)，各層之間也有聯(lián)系。這樣便于代碼重用和維護(hù)，具有良好的可讀性、可重用性和可擴(kuò)展性。電子相冊(cè)項(xiàng)目技術(shù)框架圖如圖1所示：圖1 項(xiàng)目技術(shù)框架電子相冊(cè)項(xiàng)目的概要設(shè)計(jì)(一) 系統(tǒng)功能模塊圖本系統(tǒng)分為前臺(tái)和后臺(tái)設(shè)計(jì)，其中前臺(tái)設(shè)計(jì)針對(duì)的是普通用戶，后臺(tái)設(shè)計(jì)針對(duì)的是管理員。1. 前臺(tái)設(shè)計(jì)前臺(tái)設(shè)計(jì)主要實(shí)現(xiàn)的功能有：登陸、注冊(cè)、查看圖片、發(fā)表評(píng)論。前臺(tái)功能模塊圖如圖

4、2所示：圖2前臺(tái)功能模塊圖2. 后臺(tái)設(shè)計(jì)后臺(tái)設(shè)計(jì)實(shí)現(xiàn)的功能主要有：管理員登陸、密碼修改、相冊(cè)管理、添加圖片、查看圖片，管理評(píng)論。后臺(tái)功能模塊圖如圖所示：圖3后臺(tái)功能模塊圖(二) 系統(tǒng)的用例圖用例圖是實(shí)現(xiàn)對(duì)系統(tǒng)功能更全面的描述，根據(jù)系統(tǒng)功能模塊來(lái)對(duì)用戶的功能一一的說(shuō)明。1. 普通用戶普通用戶一般使用的功能如圖4所示。圖4 普通用戶用例圖（1） 用戶注冊(cè)普通用戶可以通過電子相冊(cè)的首頁(yè)來(lái)進(jìn)行注冊(cè)，注冊(cè)信息：使用5-10位字母、數(shù)字或者漢字作為用戶名；使用8-20位字母或者數(shù)字作為密碼，由于系統(tǒng)中不允許存在相同的用戶名，所以在用戶進(jìn)行注冊(cè)時(shí)，可以檢測(cè)一下用戶名是否已經(jīng)存在。（2） 瀏覽圖片用戶可以點(diǎn)擊

5、進(jìn)入相冊(cè)，然后查看相冊(cè)內(nèi)的圖片（3） 查看單個(gè)大圖用戶點(diǎn)擊相冊(cè)內(nèi)的小圖片，進(jìn)入到查看相應(yīng)大圖片的頁(yè)面，頁(yè)面中顯示了圖片的相關(guān)信息，如圖片名稱、添加時(shí)間、圖片說(shuō)明等等，除此在外還能查看到所有用戶對(duì)這張圖片的評(píng)論。（4） 添加評(píng)論當(dāng)用戶查看到大圖時(shí)，如果對(duì)該圖片想進(jìn)行評(píng)論，就可以在圖片下面的文本框內(nèi)輸入評(píng)論信息發(fā)表評(píng)論，發(fā)表的評(píng)論可以被其他用戶查看到。2. 管理員管理員除一般功能外擁有了添加圖片和添加類別，管理評(píng)論的功能，管理員使用的功能如圖5所示：圖5 管理員用例圖（1） 添加新圖片管理員可以根據(jù)需要為相冊(cè)添加新圖片，添加新圖片時(shí)除了需要填寫圖片名稱外，管理員還可以為圖片進(jìn)行說(shuō)明，以便用戶能了解

6、更多的信息。（2） 圖片管理管理員可以在相冊(cè)內(nèi)進(jìn)行圖片的管理，如刪除圖片，或者將圖片設(shè)置為相冊(cè)的封面。（3） 刪除圖片評(píng)論在用戶的查看中可能會(huì)為圖片進(jìn)行評(píng)論，有一些評(píng)論信息，管理員可能不希望保留，管理員就可以將這些評(píng)論刪除。（4） 相冊(cè)管理在相冊(cè)管理中可以看到相冊(cè)的詳細(xì)信息，如相冊(cè)的創(chuàng)建時(shí)間、相冊(cè)名稱、相冊(cè)說(shuō)明、相冊(cè)內(nèi)擁有的圖片數(shù)量，管理員還可以刪除相冊(cè)，刪除相冊(cè)則會(huì)將里面的圖片一起刪除。管理員詳細(xì)的用例圖如圖6所示。圖 6 管理員詳細(xì)用例圖(三) 項(xiàng)目的總體流程圖根據(jù)電子相冊(cè)項(xiàng)目的需求分析，項(xiàng)目的總體流程圖可以從前臺(tái)和后臺(tái)兩個(gè)角度進(jìn)行。1. 前臺(tái)普通用戶系統(tǒng)流程圖按照系統(tǒng)的功能分析，我們知道

7、普通用戶可以操作的功能就是注冊(cè)、登錄、查看圖片、發(fā)表評(píng)論。它的流程圖如圖7所示。圖7普通用戶流程圖2. 后臺(tái)管理員系統(tǒng)流程圖從功能分析看管理員擁有添加圖片，刪除圖片，添加相冊(cè)，刪除相冊(cè)，刪除評(píng)論等功能，流程圖如圖8所示。圖8管理員流程圖數(shù)據(jù)庫(kù)項(xiàng)目的數(shù)據(jù)庫(kù)設(shè)計(jì)(一) 數(shù)據(jù)庫(kù)的概念模型概念模型不涉及信息在計(jì)算機(jī)系統(tǒng)中的表示，是面向現(xiàn)實(shí)世界的第一層抽象，主要用于按照用戶的觀點(diǎn)來(lái)對(duì)數(shù)據(jù)和信息進(jìn)行建模，作為現(xiàn)實(shí)世界和機(jī)器世界的一個(gè)中間層次，是數(shù)據(jù)庫(kù)設(shè)計(jì)人員進(jìn)行數(shù)據(jù)設(shè)計(jì)的工具和與用戶進(jìn)行交流的語(yǔ)言 概念模型的表示方法有很多，其中最著名最常用的就是P.P.S.Chen于1976年提出的實(shí)體關(guān)系模型（E-R方

8、法）。（1） 用戶和管理員實(shí)體在相冊(cè)管理系統(tǒng)中，用戶實(shí)體是普通用戶和管理員，用戶實(shí)體主要包括用戶名稱、用戶密碼、編號(hào)ID等屬性，用戶實(shí)體的E-R圖如圖 9 所示圖9（2） 圖片實(shí)體圖片實(shí)體主要包括編號(hào)ID、圖片名稱、添加時(shí)間、說(shuō)明、存放路徑、類別ID，圖片實(shí)體的E-R圖如圖10所示。圖10（3） 相冊(cè)實(shí)體相冊(cè)實(shí)體主要包括編號(hào)ID、相冊(cè)名稱、創(chuàng)建時(shí)間、說(shuō)明、封面圖片ID、擁有的相片數(shù)量。相冊(cè)實(shí)體的E-R圖如圖11所示。圖11（4） 評(píng)論實(shí)體評(píng)論實(shí)體主要包括編號(hào)ID、內(nèi)容、評(píng)論時(shí)間、用戶名、圖片ID。評(píng)論實(shí)體的E-R圖如圖12所示。圖12（5） 系統(tǒng)總體E-R圖系統(tǒng)總體E-R圖說(shuō)明了實(shí)體與實(shí)體之間

9、的關(guān)系，實(shí)體用矩形表示屬性用橢圓表示，聯(lián)系用菱形表示，如圖13所示。圖13(二) 數(shù)據(jù)庫(kù)表的設(shè)計(jì)1. 管理員信息表表1admin表2. 用戶信息表表2user表3. 圖片信息表表3photo表4. 類別信息表表4Leibie表5. 評(píng)論信息表表5Pinglun表電子相冊(cè)系統(tǒng)的詳細(xì)設(shè)計(jì)(一) 公共模塊的詳細(xì)設(shè)計(jì)1. 連接數(shù)據(jù)庫(kù)的實(shí)現(xiàn)，是通過util包下的DB類package com.show.util;import java.sql.*;public class DB public static Connection createConn() Connection conn = null;try

10、 Class.forName("com.mysql.jdbc.Driver");conn = DriverManager.getConnection("jdbc:mysql:/localhost/photo", USERNAME,PASSWORD); catch (ClassNotFoundException e) e.printStackTrace(); catch (SQLException e) e.printStackTrace();return conn;2. JavaBean的實(shí)現(xiàn)，在電子相冊(cè)系統(tǒng)中總共定義了三個(gè)JavaBean的類，位于be

11、an包下的Album.java(相冊(cè)實(shí)體類)、Photo.java(圖片實(shí)體類)、Pinglun.java(評(píng)論實(shí)體類)。3. Dao層的實(shí)現(xiàn)Dao層是用于前臺(tái)與后臺(tái)數(shù)據(jù)庫(kù)的交流，主要用于查詢數(shù)據(jù)庫(kù)用的，通常的方法有增、刪、改、查。(二) 管理員的詳細(xì)設(shè)計(jì)1. 管理員的操作界面如圖14所示圖14 管理員首頁(yè)2. 管理員登錄的界面如圖15所示圖 15 管理員登錄界面3. 管理員通過修改密碼界面進(jìn)行密碼修改。管理員修改密碼界面如圖16所示圖 16管理員修改密碼界面4. 管理員通過添加圖片界面進(jìn)行圖片的添加如圖17所示圖 17 添加圖片5. 管理員相冊(cè)管理界面如圖18所示圖18(三) 用戶的詳細(xì)設(shè)計(jì)

12、1. 普通用戶首頁(yè)如圖19所示圖19 普通用戶首頁(yè)2. 用戶注冊(cè)界面如圖20所示圖 20用戶注冊(cè)3. 用戶登錄成功后就進(jìn)入到了相冊(cè)列表界面，如圖21所示圖 21相冊(cè)列表界面4. 用戶查看大圖，并且可以對(duì)圖片進(jìn)行發(fā)表評(píng)論，查看大圖界面如圖22所示圖 22查看大圖界面電子相冊(cè)項(xiàng)目開發(fā)過程中遇到的問題(一) JSP中出現(xiàn)的常見問題1. 方法調(diào)用的相關(guān)問題，如缺少符號(hào)、參數(shù)不對(duì)稱、參數(shù)類型不對(duì)稱等。比如說(shuō)要獲取一個(gè)整型的參數(shù)，用request中的getParameter()方法必需強(qiáng)制類型轉(zhuǎn)換：int id=Integer.pareInt(request.getParameter(“id”);2. 漢

13、字處理問題。 JSP頁(yè)面中文顯示：在page中設(shè)置編碼為utf-8; 獲取表單數(shù)據(jù)：改變編碼方式。response.setContentType(“text/html;charset=utf-8”);request.setCharacterEncoding(“utf-8”);response.setCharacterEnconding(“utf-8”);3. JSP指令不正確、JSP指令沒有正常結(jié)束，HTML標(biāo)簽沒有正常結(jié)束等頁(yè)面標(biāo)簽的錯(cuò)誤。4. 變量的相關(guān)錯(cuò)愕，如變量沒有定義、變量未初始化、變量超過了數(shù)據(jù)庫(kù)中定義的范圍等。(二) Servlet中出現(xiàn)的常見錯(cuò)誤1. 執(zhí)行JSP頁(yè)面時(shí)發(fā)生500

14、的錯(cuò)誤：原因大多是JSP頁(yè)面發(fā)生編譯錯(cuò)誤。2. 執(zhí)行Servlet發(fā)生404的錯(cuò)誤。 大多提示是找不到路徑的錯(cuò)誤，很可能是web.xml配置中出錯(cuò)。 表單提交時(shí)action路徑出錯(cuò)。 地址欄中的url出錯(cuò)。3. 執(zhí)行servlet時(shí)發(fā)生500的錯(cuò)誤：原因大多是servlet中代碼發(fā)生異常的錯(cuò)誤。4. 執(zhí)行servlet時(shí)，發(fā)生下載保存的提示： text/html;charset=utf-8中間分號(hào)寫成了逗號(hào)。 web.xml中配置出錯(cuò)。 在servlet中跳轉(zhuǎn)語(yǔ)句寫成out.println(“”);也會(huì)提示下載保存。(三) 其他常見錯(cuò)誤1. 上傳圖片時(shí)，提示路徑獲取不到，一般是獲取路徑的方法不

15、對(duì)；正確的寫法為String basePage=this.getServletContext().getRealPath(“/”);2. 提示java.lang.NullPointerException和java.sql.SQLException,一般是數(shù)據(jù)庫(kù)的問題或者是DAO層中連接數(shù)據(jù)庫(kù)的方法的問題。結(jié)論至此，基于JavaWeb技術(shù)的電子相冊(cè)項(xiàng)目的設(shè)計(jì)與開發(fā)已經(jīng)順利完成。在這幾天的試運(yùn)行的過程中，在連接數(shù)據(jù)庫(kù)是一度出現(xiàn)過得錯(cuò)誤，經(jīng)過調(diào)試改正后錯(cuò)誤點(diǎn)全部清除，此系統(tǒng)可以按著設(shè)計(jì)思路和需求功能正常運(yùn)行。 通過開發(fā)電子相冊(cè)項(xiàng)目，不但熟練掌握了軟件集成開發(fā)環(huán)境Myeclipse 9.0的使用，還學(xué)會(huì)了Tomcat 6.0服務(wù)器、Mysql數(shù)據(jù)庫(kù)級(jí)相關(guān)組件的使用，培養(yǎng)和鍛煉了獨(dú)立從事開發(fā)項(xiàng)目系統(tǒng)的能力，而且通過對(duì)電子相冊(cè)系統(tǒng)的管理的操作，加深了對(duì)管理信息系統(tǒng)的原理、技術(shù)、方法、工具、步驟和有關(guān)理論知識(shí)的理解和認(rèn)識(shí)，為今后在工作崗位上更好的利用jsp技術(shù)開發(fā)網(wǎng)站打下良好的基礎(chǔ)。 實(shí)訓(xùn)期間，我努力學(xué)習(xí)新知識(shí)，運(yùn)用