第4章個人相冊展示系統(tǒng)

1、第4章 個人相冊展示系統(tǒng) 隨著網(wǎng)絡(luò)的普及和網(wǎng)絡(luò)技術(shù)的迅速發(fā)展，各類個人站點應(yīng)運而生。例如，個人博客和個人相冊展示等。并且隨著網(wǎng)民的日益增多，相冊系統(tǒng)迅速向大型站點蔓延，成為Web站點的重要組成部分。 在本章內(nèi)容里，將向讀者介紹個人相冊展示系統(tǒng)的運行流程，并通過具體實例來講解其實現(xiàn)過程。4.1 系統(tǒng)概述和總體設(shè)計 本項目包括后臺數(shù)據(jù)庫的建立、維護以及前端應(yīng)用程序的開發(fā)兩個方面。 應(yīng)用程序的開發(fā)采用目前比較流行的ADO數(shù)據(jù)庫訪問技術(shù)，并將每個數(shù)據(jù)庫表的字段和操作封裝到相應(yīng)的類中，使應(yīng)用程序的各個窗體都能夠共享對表的操作，而不需要重復(fù)編碼，使程序更加易于維護，并將面向?qū)ο蟮某绦蛟O(shè)計思想成功應(yīng)用于應(yīng)用

2、程序設(shè)計中，這也是本系統(tǒng)的優(yōu)勢和特色。4.1 系統(tǒng)概述和總體設(shè)計 4.1.1 系統(tǒng)需求分析系統(tǒng)需求分析 一個典型的個人相冊展示系統(tǒng)的必備功能如下： （1）提供信息添加模塊，供用戶添加新的系統(tǒng)數(shù)據(jù)，包括常見的分類數(shù)據(jù)和相片數(shù)據(jù)。 （2）將系統(tǒng)數(shù)據(jù)清晰地展現(xiàn)出來，包括常見的分類數(shù)據(jù)和相片數(shù)據(jù)。 （3）提供上傳模塊，使用戶可以向系統(tǒng)內(nèi)添加新的相片信息。 （4）提供分類管理模塊，使用戶可以對系統(tǒng)相片類別進行管理。 （5）設(shè)置特有模塊，對系統(tǒng)數(shù)據(jù)進行特殊處理，如個人站點中常見的類別加密。4.1 系統(tǒng)概述和總體設(shè)計 4.1.2 系統(tǒng)運行流程系統(tǒng)運行流程 一個典型的個人相冊展示系統(tǒng)的構(gòu)成模塊如下： 相片展示

3、模塊：將系統(tǒng)內(nèi)的照片信息按照指定樣式顯示出來。 分類處理模塊：對系統(tǒng)內(nèi)的相片進行分類處理。 相片上傳模塊：向系統(tǒng)內(nèi)上傳新的圖片信息。 分類管理模塊：對系統(tǒng)內(nèi)的相片類別進行管理。4.2 規(guī)劃項目文件 本項目各構(gòu)成模塊文件的具體說明如下所示。 系統(tǒng)配置文件：功能是對項目程序進行總體配置。 樣式設(shè)置模塊：功能是設(shè)置系統(tǒng)文件的顯示樣式。 數(shù)據(jù)庫文件：功能是搭建系統(tǒng)數(shù)據(jù)庫平臺，保存系統(tǒng)的登錄數(shù)據(jù)。 相片展示模塊：將系統(tǒng)內(nèi)的照片信息按照指定樣式顯示出來。 分類處理模塊：對系統(tǒng)內(nèi)的相片進行分類處理。 相片上傳模塊：向系統(tǒng)內(nèi)上傳新的圖片信息。 分類管理模塊：對系統(tǒng)內(nèi)的相片類別進行管理。4.3 設(shè)計數(shù)據(jù)庫 4.

4、3.1 后臺數(shù)據(jù)庫及數(shù)據(jù)庫訪問接口的選擇后臺數(shù)據(jù)庫及數(shù)據(jù)庫訪問接口的選擇 開發(fā)數(shù)據(jù)庫管理信息系統(tǒng)需要選擇后臺數(shù)據(jù)庫和相應(yīng)的數(shù)據(jù)庫訪問接口。后臺數(shù)據(jù)庫的選擇需要考慮用戶需求、系統(tǒng)功能和性能要求等因素?？紤]到系統(tǒng)所要管理的數(shù)據(jù)量比較大，且需要多用戶同時運行訪問，本項目將使用SQL Server 2005作為后臺數(shù)據(jù)庫管理平臺。 4.3.2 數(shù)據(jù)庫結(jié)構(gòu)的設(shè)計數(shù)據(jù)庫結(jié)構(gòu)的設(shè)計 由需求分析可知，整個項目對象有2種信息，所以對應(yīng)的數(shù)據(jù)庫也需要包含這2種信息，即系統(tǒng)需要創(chuàng)建2個數(shù)據(jù)庫表，分別是： photo：相片信息表。 category：相片類別信息表。4.4 參數(shù)設(shè)置和數(shù)據(jù)庫訪問層 4.4.1 編寫參數(shù)

5、設(shè)置文件編寫參數(shù)設(shè)置文件 系統(tǒng)參數(shù)設(shè)置文件shezhi.cs的功能是設(shè)置系統(tǒng)內(nèi)上傳相片的最大數(shù)量，并設(shè)置合法的上傳相片類型。其具體實現(xiàn)流程如下： （1）定義AjaxAlbum類，保存系統(tǒng)參數(shù)。 （2）定義MAXPHOTOCOUNT設(shè)置同時上傳相片的最大數(shù)量。 （3）定義ALLOWPHOTOFILELIST數(shù)組，設(shè)置允許上傳相片的類型。4.4 參數(shù)設(shè)置和數(shù)據(jù)庫訪問層 4.4.2 實現(xiàn)相片上傳數(shù)據(jù)庫訪問層實現(xiàn)相片上傳數(shù)據(jù)庫訪問層 相片上傳處理的數(shù)據(jù)庫訪問層由文件photo.cs實現(xiàn)，其主要功能是在ASPNETAJAXWeb.Ajax AjaxAlbum空間內(nèi)建立AjaxAlbum類，并定義多個方法

6、，實現(xiàn)對各系統(tǒng)文件在數(shù)據(jù)庫中的處理，包括上傳相片的處理和相片分類的處理。 文件photo.cs中定義的實現(xiàn)方法如下：方法GetFenlei()方法GetFenleiAndPhoto()方法GetFenleiAndPhoto(int start,int max)方法GetSingleFenlei(int categoryID)方法GetSinglePhoto(int photoID)方法AddPhoto(string title,string url,string type,int size,int categoryID)4.4 參數(shù)設(shè)置和數(shù)據(jù)庫訪問層 4.4.3 實現(xiàn)相片顯示數(shù)據(jù)庫訪問層實現(xiàn)相

7、片顯示數(shù)據(jù)庫訪問層 方法GetFenlei() 方法GetFenleiAndPhoto() 方法GetFenleiAndPhoto(int start,int max) 方法GetSinglePhoto(int photoID) 方法GetPhotoByFenlei(int categoryID) 方法GetPhotoByFenlei(int categoryID,int start,int max)4.4 參數(shù)設(shè)置和數(shù)據(jù)庫訪問層 4.4.4 實現(xiàn)類別管理數(shù)據(jù)訪問層實現(xiàn)類別管理數(shù)據(jù)訪問層 和類別管理相關(guān)的的數(shù)據(jù)訪問層功能由文件photo.cs實現(xiàn)，并且此模塊使用的訪問層方法包括前面介紹的上傳模

8、塊中的方法。 在文件photo.cs中，與分類管理模塊相關(guān)的方法如下： 方法GetFenlei() 方法GetSingleFenlei(int categoryID) 方法AddFenlei(string name,byte status) 方法UpdateFenlei(int categoryID,string name,byte status) 方法DeleteFenlei(int categoryID)4.5 具體編碼 4.5.1 相片上傳處理相片上傳處理 1. 上傳單張相片 單張相片上傳是指在上傳表單內(nèi)一次只能上傳一張相片。上述功能的實現(xiàn)文件如下： 文件AddPhoto.aspx：上傳

9、表單界面文件，其功能是將上傳表單內(nèi)的數(shù)據(jù)添加到系統(tǒng)庫中，并將上傳相片保存在指定目錄下。 文件AddPhoto.aspx.cs：上傳處理文件。 2. 多張相片同時上傳 多張相片同時上傳是指在上傳表單頁面內(nèi)一次可以上傳多張相片。上述功能的實現(xiàn)文件如下： 文件AddDuoPhoto.aspx：上傳表單界面文件。 文件AddDuoPhoto.aspx.css：上傳處理文件。4.5 具體編碼 4.5.2 顯示相片顯示相片 統(tǒng)相片顯示模塊的功能是將系統(tǒng)庫內(nèi)的相片信息按照分類逐一顯示出來。 1. 首頁顯示 系統(tǒng)首頁顯示模塊的功能是設(shè)置首頁中顯示的系統(tǒng)信息的格式。上述功能的實現(xiàn)文件如下：文件Default.a

10、spx：按照樣式和顯示參數(shù)顯示系統(tǒng)信息。文件Default.aspx.cs：設(shè)置首頁信息的顯示參數(shù)。 2. 類別顯示 相片類別顯示模塊的功能是將系統(tǒng)內(nèi)某類別的相片信息集中在某頁中列表顯示出來。上述功能的實現(xiàn)文件如下：文件Fenlei.aspx：按照樣式和顯示參數(shù)顯示系統(tǒng)信息。文件Fenlei.aspx.cs：設(shè)置首頁信息的顯示參數(shù)。4.5 具體編碼 4.5.2 顯示相片顯示相片 3. 相片詳情 相片詳情模塊的功能是顯示系統(tǒng)內(nèi)某編號相片的詳細信息。上述功能的實現(xiàn)文件如下：文件XianPhoto.aspx：按照樣式和顯示參數(shù)顯示相片信息。文件XianPhoto.aspx.cs：設(shè)置相片的顯示參數(shù)。

11、 4. 相片播放模塊 此模塊的功能是以幻燈機的樣式播放系統(tǒng)內(nèi)的相片。上述功能的實現(xiàn)文件如下：文件BofangPhoto.aspx：相片播放界面。文件AjaxService.cs：獲取播放相片的數(shù)據(jù)。文件BofangPhoto.aspx.cs：設(shè)置播放參數(shù)。4.5 具體編碼 4.5.3 相片類別管理相片類別管理 類別管理模塊的功能是對系統(tǒng)內(nèi)各相片的分類進行管理維護。上述功能的實現(xiàn)文件如下：文件AddFenlei.aspx文件AddFenlei.aspx.cs文件FenleiGuan.aspx文件FenleiGuan.aspx.cs文件UpdateFenlei.aspx文件UpdateFenlei

12、.aspx.cs 1. 添加分類 添加分類模塊的功能是向系統(tǒng)庫內(nèi)添加新的相片分類信息。上述功能的實現(xiàn)文件如下：文件AddFenlei.aspx：類別添加表單頁面。文件AddFenlei.aspx.cs：類別添加處理頁面。4.5 具體編碼 4.5.3 相片類別管理相片類別管理 2. 類別管理模塊 類別管理模塊的功能是對系統(tǒng)庫內(nèi)存在的相片分類信息進行管理維護。對應(yīng)的實現(xiàn)文件如下：文件FenleiGuan.aspx：類別管理列表頁面。文件FenleiGuan.aspx.cs：類別管理處理頁面。文件UpdateFenlei.aspx：類別修改表單頁面。文件UpdateFenlei.aspx.cs：類別修改處理頁面。 3類別修改表單頁面4.6 兩點心得體會 4.6.1 三層結(jié)構(gòu)三層結(jié)構(gòu) （1）數(shù)據(jù)訪問層 （