【學習課件】第4章--個人相冊展示系統(tǒng)

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

2、用程序設計中，這也是本系統(tǒng)的優(yōu)勢和特色。編輯ppt4.1 系統(tǒng)概述和總體設計4.1.1 系統(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）設置特有模塊，對系統(tǒng)數(shù)據(jù)進行特殊處理，如個人站點中常見的類別加密。編輯ppt4.1 系統(tǒng)概述和總體設計4.1.2 系統(tǒng)運行流程一個典型的個人相冊展示系統(tǒng)的構(gòu)成模塊如下：相片展示模塊：將系統(tǒng)內(nèi)的照片信

3、息按照指定樣式顯示出來。分類處理模塊：對系統(tǒng)內(nèi)的相片進行分類處理。相片上傳模塊：向系統(tǒng)內(nèi)上傳新的圖片信息。分類管理模塊：對系統(tǒng)內(nèi)的相片類別進行管理。編輯ppt4.2 規(guī)劃項目文件本項目各構(gòu)成模塊文件的具體說明如下所示。系統(tǒng)配置文件：功能是對項目程序進行總體配置。樣式設置模塊：功能是設置系統(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)的相片類別進行管理。編輯ppt4.3 設計數(shù)據(jù)庫4.3.1 后臺數(shù)據(jù)庫及數(shù)據(jù)庫

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

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

6、GetFenlei()方法GetFenleiAndPhoto()方法GetFenleiAndPhoto(int start,int max)方法GetSingleFenlei(int categoryID)方法GetSinglePhoto(int photoID)方法AddPhoto(string title,string url,string type,int size,int categoryID)編輯ppt4.4 參數(shù)設置和數(shù)據(jù)庫訪問層4.4.3 實現(xiàn)相片顯示數(shù)據(jù)庫訪問層方法GetFenlei()方法GetFenleiAndPhoto()方法GetFenleiAndPhoto(int s

7、tart,int max)方法GetSinglePhoto(int photoID)方法GetPhotoByFenlei(int categoryID)方法GetPhotoByFenlei(int categoryID,int start,int max)編輯ppt4.4 參數(shù)設置和數(shù)據(jù)庫訪問層4.4.4 實現(xiàn)類別管理數(shù)據(jù)訪問層和類別管理相關的的數(shù)據(jù)訪問層功能由文件photo.cs實現(xiàn)，并且此模塊使用的訪問層方法包括前面介紹的上傳模塊中的方法。在文件photo.cs中，與分類管理模塊相關的方法如下：方法GetFenlei()方法GetSingleFenlei(int categoryID)方法

8、AddFenlei(string name,byte status)方法UpdateFenlei(int categoryID,string name,byte status)方法DeleteFenlei(int categoryID)編輯ppt4.5 具體編碼4.5.1 相片上傳處理1. 上傳單張相片單張相片上傳是指在上傳表單內(nèi)一次只能上傳一張相片。上述功能的實現(xiàn)文件如下：文件AddPhoto.aspx：上傳表單界面文件，其功能是將上傳表單內(nèi)的數(shù)據(jù)添加到系統(tǒng)庫中，并將上傳相片保存在指定目錄下。文件AddPhoto.aspx.cs：上傳處理文件。2. 多張相片同時上傳多張相片同時上傳是指在上傳

9、表單頁面內(nèi)一次可以上傳多張相片。上述功能的實現(xiàn)文件如下：文件AddDuoPhoto.aspx：上傳表單界面文件。文件AddDuoPhoto.aspx.css：上傳處理文件。編輯ppt4.5 具體編碼4.5.2 顯示相片統(tǒng)相片顯示模塊的功能是將系統(tǒng)庫內(nèi)的相片信息按照分類逐一顯示出來。1. 首頁顯示系統(tǒng)首頁顯示模塊的功能是設置首頁中顯示的系統(tǒng)信息的格式。上述功能的實現(xiàn)文件如下：文件Default.aspx：按照樣式和顯示參數(shù)顯示系統(tǒng)信息。文件Default.aspx.cs：設置首頁信息的顯示參數(shù)。2. 類別顯示相片類別顯示模塊的功能是將系統(tǒng)內(nèi)某類別的相片信息集中在某頁中列表顯示出來。上述功能的實現(xiàn)

10、文件如下：文件Fenlei.aspx：按照樣式和顯示參數(shù)顯示系統(tǒng)信息。文件Fenlei.aspx.cs：設置首頁信息的顯示參數(shù)。編輯ppt4.5 具體編碼4.5.2 顯示相片3. 相片詳情相片詳情模塊的功能是顯示系統(tǒng)內(nèi)某編號相片的詳細信息。上述功能的實現(xiàn)文件如下：文件XianPhoto.aspx：按照樣式和顯示參數(shù)顯示相片信息。文件XianPhoto.aspx.cs：設置相片的顯示參數(shù)。4. 相片播放模塊此模塊的功能是以幻燈機的樣式播放系統(tǒng)內(nèi)的相片。上述功能的實現(xiàn)文件如下：文件BofangPhoto.aspx：相片播放界面。文件AjaxService.cs：獲取播放相片的數(shù)據(jù)。文件Bofang

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