圖片上傳的設(shè)計(jì)與實(shí)現(xiàn)

《圖片上傳的設(shè)計(jì)與實(shí)現(xiàn)》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、┊┊┊┊┊┊┊┊┊┊┊┊┊裝┊┊┊┊┊訂┊┊┊┊┊線┊┊┊┊┊┊┊┊┊┊┊┊┊長春大學(xué)課程設(shè)計(jì)紙一．設(shè)計(jì)題目圖片上傳的設(shè)計(jì)與實(shí)現(xiàn)二．設(shè)計(jì)目的運(yùn)用jsp開發(fā)工具和數(shù)據(jù)庫開發(fā)一個(gè)小型的基于Web系統(tǒng)。要求提交詳細(xì)的設(shè)計(jì)說明書及各步驟所需圖表和文檔，對復(fù)雜的代碼段和程序段，應(yīng)畫出程序流程圖。在界面設(shè)計(jì)中，畫出每個(gè)窗口的布局。通過本實(shí)踐性教學(xué)環(huán)節(jié)，能較好地鞏固jsp基本知識，jsp連接數(shù)據(jù)庫實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁。三．需求分析如今時(shí)代，互聯(lián)網(wǎng)已經(jīng)進(jìn)入我們的生活，而互聯(lián)網(wǎng)上就有圖片上傳，顯示，訪問等等功能，有著很大的市場空

2、間。圖片上傳必須實(shí)現(xiàn)：1.數(shù)據(jù)庫訪問模塊：利用JavaBean封裝對數(shù)據(jù)庫的操作，主要包括連接數(shù)據(jù)庫、添加、刪除、查詢數(shù)據(jù)表、關(guān)閉連接等功能；2.上傳模塊：通過上傳組件實(shí)現(xiàn)圖片的上傳。3.顯示模塊：提供圖片信息列表的顯示效果。4.查看模塊：點(diǎn)擊可以顯示圖片的內(nèi)容。四．總體設(shè)計(jì)圖片上傳是指客戶端通過Web應(yīng)用程序?qū)⒈镜貓D片資源傳輸?shù)椒?wù)器上。在客戶端需要顯示圖片時(shí)，服務(wù)器端將圖片通過網(wǎng)絡(luò)以流的形式發(fā)送給客戶端，然后利用不同的形式顯示圖片。圖片上傳必須要對電子相冊有，用戶注冊，用戶注冊，添加相片，修改相冊，

3、用戶反饋，管理用戶，如圖1所示。圖1總體設(shè)計(jì)共9頁第9頁┊┊┊┊┊┊┊┊┊┊┊┊┊裝┊┊┊┊┊訂┊┊┊┊┊線┊┊┊┊┊┊┊┊┊┊┊┊┊長春大學(xué)課程設(shè)計(jì)紙一．詳細(xì)設(shè)計(jì)1.文件上傳組件介紹文件上傳組件是一些開源組織發(fā)布的針對實(shí)現(xiàn)文件上傳功能的一組class文件。jspSmartUpload和Apache的common-fileupload是兩個(gè)比較流行的文件上傳組件。這兩個(gè)組件都可以在JSP中實(shí)現(xiàn)文件上傳。本節(jié)使用Apache的common-fileupload組件實(shí)現(xiàn)圖片上傳。2.HTML中文件上傳組件介

4、紹HTML中元素可以創(chuàng)建文件上傳組件。該控件帶有一個(gè)文本框和瀏覽按鈕。使用該組件時(shí)要注意以下幾點(diǎn)。該元素必須出現(xiàn)在form表單內(nèi)。必須為該元素的name屬性指定屬性值。form的method方法必須設(shè)置為post。form元素enctype標(biāo)簽屬性值必須設(shè)置為multipart/form-data。要處理上載到服務(wù)器的文件，服務(wù)器必須有可以處理multipart/form-data提交的進(jìn)程。3.common-fileupload組件簡介common-fileupl

5、oad組件是apache的開源項(xiàng)目之一。用該組件可實(shí)現(xiàn)一次上傳一個(gè)或多個(gè)文件，并可限制文件大小。可以從http://jakarta.apache.org/commons/fileupload/下載到該組件。該組件在許多其他開源項(xiàng)目中被使用，如struts、WebWork等。該組件由幾個(gè)核心類組成，下面對這幾個(gè)類進(jìn)行簡單的介紹。（1）DiskFileUpload類。（2）FileItem類用來封裝單個(gè)表單字段元素的數(shù)據(jù)，一個(gè)表單字段元素對應(yīng)一個(gè)FileItem對象，通過調(diào)用FileItem對象的方法可以獲

6、得相關(guān)表單字段元素的數(shù)據(jù)。（3）FileUploadException類。在文件上傳過程中，可能發(fā)生各種各樣的異常，如網(wǎng)絡(luò)中斷、數(shù)據(jù)丟失等。為了對不同異常進(jìn)行適當(dāng)?shù)奶幚恚珹pache文件上傳組件還開發(fā)了4個(gè)異常類，其中FileUploadException是其他異常類的父類，其他幾個(gè)類只是被間接調(diào)用的底層類，對于Apache組件調(diào)用人員來說，只需對FileUploadException異常類進(jìn)行捕獲和處理即可。4．文件在服務(wù)器端的存儲形式共9頁第9頁┊┊┊┊┊┊┊┊┊┊┊┊┊裝┊┊┊┊┊訂┊┊┊┊┊線┊

7、┊┊┊┊┊┊┊┊┊┊┊┊長春大學(xué)課程設(shè)計(jì)紙?jiān)诜?wù)器端存儲文件主要有兩種方式：磁盤存儲和數(shù)據(jù)庫存儲。在這里使用的是后者，利用數(shù)據(jù)庫存儲來將圖片上傳到服務(wù)器端。這兩種存儲方式各有利弊。利用數(shù)據(jù)庫來存儲這些資源會導(dǎo)致數(shù)據(jù)庫的處理效率降低，但相對安全。利用磁盤來存儲圖片資源安全性相對來說比較低，但不會影響到處理的。File-tbl表結(jié)構(gòu)如圖1所示。表1File-tbl表結(jié)構(gòu)字段名類型備注IdINTEGER主鍵且自動(dòng)增長filenameVARCHAR(45)文件名fileCotentMEDIUMBLOB文件內(nèi)容c

8、reateDateTIMESTAMP創(chuàng)建時(shí)間5．頁面的設(shè)計(jì)與實(shí)現(xiàn)（1）上傳頁面提供文件上傳功能。該頁面中有以下幾個(gè)HTML標(biāo)記元素。（2）圖片列表頁面將已經(jīng)上傳到服務(wù)器中的圖片全部顯示在頁面中，圖片名稱以超鏈接形式顯示在頁面中，單擊該超鏈接可以顯示該圖片名稱對應(yīng)的圖片內(nèi)容，如圖2所示。圖2圖片列表頁面的效果（3）圖片顯示頁面，負(fù)責(zé)圖片內(nèi)容的顯示，效果如圖3所示。共9頁第9頁┊┊┊┊┊┊┊┊┊┊┊┊┊裝┊┊┊┊┊訂┊┊┊┊┊線┊┊┊┊┊┊┊┊