【學(xué)習(xí)】第4章--個(gè)人相冊(cè)展示系統(tǒng)

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

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

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

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

5、egory：相片類別信息表。整理課件整理課件4.4 參數(shù)設(shè)置和數(shù)據(jù)庫(kù)訪問(wèn)層 4.4.1 編寫參數(shù)設(shè)置文件編寫參數(shù)設(shè)置文件 系統(tǒng)參數(shù)設(shè)置文件的功能是設(shè)置系統(tǒng)內(nèi)上傳相片的最大數(shù)量，并設(shè)置合法的上傳相片類型。其具體實(shí)現(xiàn)流程如下： （1）定義AjaxAlbum類，保存系統(tǒng)參數(shù)。 （2）定義MAXPHOTOCOUNT設(shè)置同時(shí)上傳相片的最大數(shù)量。 （3）定義ALLOWPHOTOFILELIST數(shù)組，設(shè)置允許上傳相片的類型。整理課件整理課件4.4 參數(shù)設(shè)置和數(shù)據(jù)庫(kù)訪問(wèn)層 4.4.2 實(shí)現(xiàn)相片上傳數(shù)據(jù)庫(kù)訪問(wèn)層實(shí)現(xiàn)相片上傳數(shù)據(jù)庫(kù)訪問(wèn)層 相片上傳處理的數(shù)據(jù)庫(kù)訪問(wèn)層由文件實(shí)現(xiàn)，其主要功能是在ASPNETAJAXWe

6、b.Ajax AjaxAlbum空間內(nèi)建立AjaxAlbum類，并定義多個(gè)方法，實(shí)現(xiàn)對(duì)各系統(tǒng)文件在數(shù)據(jù)庫(kù)中的處理，包括上傳相片的處理和相片分類的處理。 文件中定義的實(shí)現(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)整理課件整理

7、課件4.4 參數(shù)設(shè)置和數(shù)據(jù)庫(kù)訪問(wèn)層 4.4.3 實(shí)現(xiàn)相片顯示數(shù)據(jù)庫(kù)訪問(wèn)層實(shí)現(xiàn)相片顯示數(shù)據(jù)庫(kù)訪問(wèn)層 方法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ù)庫(kù)訪問(wèn)層 4.4.4 實(shí)現(xiàn)類別管理數(shù)據(jù)訪問(wèn)層實(shí)現(xiàn)類別管理數(shù)據(jù)訪問(wèn)層 和類別管理相

8、關(guān)的的數(shù)據(jù)訪問(wèn)層功能由文件實(shí)現(xiàn)，并且此模塊使用的訪問(wèn)層方法包括前面介紹的上傳模塊中的方法。 在文件中，與分類管理模塊相關(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)一次只

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

10、顯示參數(shù)。 2. 類別顯示 相片類別顯示模塊的功能是將系統(tǒng)內(nèi)某類別的相片信息集中在某頁(yè)中列表顯示出來(lái)。上述功能的實(shí)現(xiàn)文件如下：文件：按照樣式和顯示參數(shù)顯示系統(tǒng)信息。文件：設(shè)置首頁(yè)信息的顯示參數(shù)。整理課件整理課件4.5 具體編碼 4.5.2 顯示相片顯示相片 3. 相片詳情 相片詳情模塊的功能是顯示系統(tǒng)內(nèi)某編號(hào)相片的詳細(xì)信息。上述功能的實(shí)現(xiàn)文件如下：文件：按照樣式和顯示參數(shù)顯示相片信息。文件：設(shè)置相片的顯示參數(shù)。 4. 相片播放模塊 此模塊的功能是以幻燈機(jī)的樣式播放系統(tǒng)內(nèi)的相片。上述功能的實(shí)現(xiàn)文件如下：文件：相片播放界面。文件：獲取播放相片的數(shù)據(jù)。文件：設(shè)置播放參數(shù)。整理課件整理課件4.5 具體

11、編碼 4.5.3 相片類別管理相片類別管理 類別管理模塊的功能是對(duì)系統(tǒng)內(nèi)各相片的分類進(jìn)行管理維護(hù)。上述功能的實(shí)現(xiàn)文件如下：文件文件文件文件文件文件 1. 添加分類 添加分類模塊的功能是向系統(tǒng)庫(kù)內(nèi)添加新的相片分類信息。上述功能的實(shí)現(xiàn)文件如下：文件：類別添加表單頁(yè)面。文件：類別添加處理頁(yè)面。整理課件整理課件4.5 具體編碼 4.5.3 相片類別管理相片類別管理 2. 類別管理模塊 類別管理模塊的功能是對(duì)系統(tǒng)庫(kù)內(nèi)存在的相片分類信息進(jìn)行管理維護(hù)。對(duì)應(yīng)的實(shí)現(xiàn)文件如下：文件：類別管理列表頁(yè)面。文件：類別管理處理頁(yè)面。文件：類別修改表單頁(yè)面。文件：類別修改處理頁(yè)面。 3類別修改表單頁(yè)面整理課件整理課件4.6 兩點(diǎn)心得體會(huì) 4.6.1 三層結(jié)構(gòu)三層結(jié)構(gòu) （1）數(shù)據(jù)訪問(wèn)層 （2）業(yè)務(wù)邏輯層 （3）表示層 4.6.2 使用使