軟件工程課程設(shè)計(jì)圖書(shū)管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)

1、 軟件工程課程設(shè)計(jì) 目 錄1 引言.1 1.1 背景.1 1.2 目標(biāo).12 需求分析.1 2.1 系統(tǒng)需求.1 2.2 功能需求.2 2.3 業(yè)務(wù)流程圖.23 總體設(shè)計(jì).2 3.1 基本設(shè)計(jì)概念和處理流程.2 3.2 系統(tǒng)層次模塊圖.3 3.2 模塊設(shè)計(jì).34 數(shù)據(jù)庫(kù)設(shè)計(jì).4 4.1 數(shù)據(jù)庫(kù)的邏輯設(shè)計(jì).4 4.2 數(shù)據(jù)庫(kù)配置.65 詳細(xì)設(shè)計(jì).8 5.1 系統(tǒng)公共文件.8 5.2 用戶登錄模塊的設(shè)計(jì)與實(shí)現(xiàn).8 5.3 主頁(yè)面模塊的設(shè)計(jì)與實(shí)現(xiàn).10 5.4 留言板模塊的設(shè)計(jì)與實(shí)現(xiàn).12 5.5 分類瀏覽模塊的設(shè)計(jì)與實(shí)現(xiàn).16 5.6 添加書(shū)簽?zāi)K的設(shè)計(jì)與實(shí)現(xiàn).18 5.7 我的書(shū)簽?zāi)K的設(shè)計(jì)與實(shí)

2、現(xiàn).19 5.8 數(shù)目搜索模塊的設(shè)計(jì)與實(shí)現(xiàn).206 參考文獻(xiàn).22圖書(shū)管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)1 引言1.1 背景當(dāng)今時(shí)代是飛速發(fā)展的信息時(shí)代。在各行各業(yè)中離不開(kāi)信息處理，這正是計(jì)算機(jī)被廣泛應(yīng)用于信息管理系統(tǒng)的環(huán)境。計(jì)算機(jī)的最大好處在于利用它能夠進(jìn)行信息管理。使用計(jì)算機(jī)進(jìn)行信息控制，不僅提高了工作效率，而且大大的提高了其安全性。尤其對(duì)于復(fù)雜的信息管理，計(jì)算機(jī)能夠充分發(fā)揮它的優(yōu)越性。圖書(shū)管理系統(tǒng)（電子閱覽室）主要提供網(wǎng)上的電子圖書(shū)閱覽平臺(tái)，讀者可以通過(guò)該系統(tǒng)閱覽豐富的電子資源。在圖書(shū)管理系統(tǒng)中，讀者可以方便地對(duì)書(shū)目進(jìn)行檢索和閱覽，足不出戶便可盡覽群書(shū)。圖書(shū)管理系統(tǒng)主要提供網(wǎng)上的圖書(shū)閱覽平臺(tái)。電子閱覽

3、室可提供24小時(shí)的在線服務(wù)，最大限度的利用了當(dāng)前互聯(lián)網(wǎng)的各種優(yōu)勢(shì)，使得您無(wú)論身在何處，只要能接入互聯(lián)網(wǎng)就可以享受到它所提供的方便，快捷的服務(wù)。它既具有傳統(tǒng)圖書(shū)館的大部分功能，像圖書(shū)的查閱及閱覽，又新增了基于現(xiàn)有網(wǎng)絡(luò)技術(shù)的許多實(shí)用的功能，像用戶注冊(cè)，書(shū)簽，書(shū)評(píng)等。它充分的利用了互聯(lián)網(wǎng)資源，使商家和用戶都能從中獲得益處。1.2 目標(biāo)1對(duì)圖書(shū)資源進(jìn)行分類，發(fā)布到網(wǎng)上，以供讀者閱讀。2為讀者提供圖書(shū)檢索功能；3讀者能方便地閱覽電子圖書(shū)；4. 讀者能方便地建立書(shū)簽；5. 讀者能對(duì)書(shū)目進(jìn)行評(píng)論；6. 對(duì)讀者的用戶名、密碼及權(quán)限進(jìn)行管理。2 需求分析2.1 系統(tǒng)需求隨著互聯(lián)網(wǎng)的爆炸性發(fā)展，人們?cè)絹?lái)越習(xí)慣于利

4、用網(wǎng)絡(luò)來(lái)實(shí)現(xiàn)所需的服務(wù)，網(wǎng)絡(luò)已深深影響到人們生活的各個(gè)方面。另外，傳統(tǒng)的圖書(shū)館不能滿足一部分現(xiàn)代人的需要，而電子閱覽室，由于其不受時(shí)間與空間的限制同時(shí)又具有傳統(tǒng)圖書(shū)館的大部分功能，能夠滿足各類用戶的常規(guī)與特殊需求，而且其方便快捷，實(shí)現(xiàn)技術(shù)又比較成熟，因此受到當(dāng)代人的喜愛(ài)。該系統(tǒng)主要分為兩部分：讀者部分和管理部分。為了方便讀者查找自己感興趣的主題進(jìn)行閱讀，要將圖書(shū)按照內(nèi)容進(jìn)行分類。讀者可以按照類別進(jìn)行查找，逐級(jí)瀏覽。如果讀者明確知道某本書(shū)的書(shū)名、作者等相關(guān)信息，圖書(shū)搜索功能就很有用處了。有的讀者會(huì)經(jīng)常訪問(wèn)某些書(shū)目，或者是讀者對(duì)某本書(shū)沒(méi)有看完準(zhǔn)備以后繼續(xù)完成閱讀，這時(shí)讀者就要把以后還需要閱讀的書(shū)目

5、做上書(shū)簽，以后便能方便的進(jìn)行閱讀了。他人對(duì)書(shū)的評(píng)價(jià)能夠幫助我們選擇閱讀的對(duì)象。本系統(tǒng)的書(shū)評(píng)功能為讀者提供發(fā)表意見(jiàn)的平臺(tái)，以得到讀者對(duì)書(shū)的評(píng)價(jià)和反饋。以上是個(gè)各為讀者服務(wù)的功能。除此之外，本系統(tǒng)還可對(duì)用戶的賬號(hào)和書(shū)目的閱讀權(quán)限進(jìn)行管理。管理員需要給用戶分配用戶名和密碼，及設(shè)定用戶的級(jí)別。同時(shí)，還需要給圖書(shū)資源也分級(jí)，以確定哪些級(jí)別的用戶可以閱讀。 2.2 功能需求圖書(shū)管理系統(tǒng)主要提供網(wǎng)上的電子圖書(shū)閱覽平臺(tái)，讀者可以通過(guò)該系統(tǒng)閱讀豐富的電子圖書(shū)資源。對(duì)于本系統(tǒng)，我們需要實(shí)現(xiàn)以下一些基本功能：1 圖書(shū)分類瀏覽：為了方便讀者查找書(shū)目,將書(shū)目按照內(nèi)容進(jìn)行分類。這樣讀者就能很方便的找到自己感興趣的主題進(jìn)行

6、閱讀。2 圖書(shū)搜索：設(shè)定多種搜索條件，按條件搜索符合讀者要求的圖書(shū)。如果讀者知道某本書(shū)的書(shū)名、作者等相關(guān)信息，利用圖書(shū)搜索功能就很方便了。3 書(shū)簽功能：定義書(shū)簽，方便讀者中斷后繼續(xù)閱讀。部分讀者可能會(huì)定期的訪問(wèn)某些書(shū)目；又或者有的讀者閱讀某本書(shū)的時(shí)候沒(méi)有看完，打算以后繼續(xù)完成閱讀，在這樣的情況下，書(shū)簽功能就會(huì)給讀者帶來(lái)很大的便利。4 書(shū)評(píng)功能：讀者可提交對(duì)書(shū)的評(píng)價(jià)。書(shū)評(píng)能夠幫助讀者更好選擇閱讀對(duì)象，了解圖書(shū)內(nèi)容，對(duì)讀者閱讀圖書(shū)有很大的幫助。 5 權(quán)限管理：權(quán)限管理包括兩部分內(nèi)容：對(duì)用戶帳號(hào)的管理和對(duì)書(shū)目閱讀權(quán)限的管理。管理員需要給用戶分配用戶名和密碼，同時(shí)設(shè)定用戶的級(jí)別。同時(shí)，管理員還需要給閱

7、讀資源也分級(jí)，以確定哪些級(jí)別的用戶可以閱讀。2.3 業(yè)務(wù)流程圖 3 總體設(shè)計(jì)3.1 基本設(shè)計(jì)概念和處理流程 互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，asp技術(shù)的靈活、易用、功能dreamweaver、microsoftfrontpage、vbscript等設(shè)計(jì)工具的方便實(shí)用，以及數(shù)據(jù)庫(kù)技術(shù)的發(fā)展給本系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)提供了技術(shù)上的支持。本系統(tǒng)在數(shù)據(jù)庫(kù)技術(shù)方面有如下優(yōu)點(diǎn)：（1） 開(kāi)發(fā)統(tǒng)一，傳統(tǒng)的數(shù)據(jù)庫(kù)一般用vb,vc等開(kāi)發(fā)，這些開(kāi)發(fā)工具各有各的標(biāo)準(zhǔn)和方法，不是和開(kāi)發(fā)web數(shù)據(jù)庫(kù)應(yīng)用，web數(shù)據(jù)庫(kù)的開(kāi)發(fā)使用統(tǒng)一的html，任何人開(kāi)發(fā)的數(shù)據(jù)庫(kù)都有符合這個(gè)標(biāo)準(zhǔn)。（2） 平臺(tái)支持，傳統(tǒng)的數(shù)據(jù)庫(kù)應(yīng)用一般要針對(duì)每一個(gè)操作系統(tǒng)開(kāi)

8、發(fā)一個(gè)專用版本，為不同的硬件平臺(tái)開(kāi)發(fā)不同的版本。web數(shù)據(jù)庫(kù)只需要開(kāi)發(fā)一個(gè)版本就可以在所有的操作系統(tǒng)和硬件平臺(tái)上使用。只要這個(gè)平臺(tái)具有符合html標(biāo)準(zhǔn)的瀏覽器。系統(tǒng)基本的流程是：用戶登陸主界面選擇各項(xiàng)子系統(tǒng)。3.2 系統(tǒng)層次模塊圖“圖書(shū)管理信息系統(tǒng)”主要分為圖書(shū)瀏覽和后臺(tái)管理兩個(gè)子系統(tǒng)，其功能模塊劃分如下圖1所示：圖書(shū)分類瀏覽圖書(shū)搜索圖書(shū)瀏覽書(shū)簽圖書(shū)信息管理系統(tǒng)留言板在線投票管理功能密碼管理圖1 “圖書(shū)信息管理系統(tǒng)”系統(tǒng)主模塊功能圖3.3 模塊設(shè)計(jì)1. 用戶登錄模塊：填寫已分配的用戶名稱，填寫正確的密碼，進(jìn)入主控制頁(yè)面。2. 圖書(shū)瀏覽模塊：圖書(shū)分類，按類型逐級(jí)顯示。3. 圖書(shū)搜索模塊：提供多種

9、查詢條件，可按需要進(jìn)行查詢。4. 書(shū)簽管理模塊：可以進(jìn)行查看、添加、刪除書(shū)簽的操作。5. 留言板管理模塊：顯示書(shū)評(píng)列表和一條書(shū)評(píng)內(nèi)容，添加書(shū)評(píng)。6. 在線投票模塊：為喜愛(ài)的圖書(shū)投票，顯示投票結(jié)果，選出認(rèn)為最值得一看的圖書(shū)。6. 權(quán)限管理模塊：分配用戶名和密碼，設(shè)定用戶的級(jí)別。同時(shí)，還要給圖書(shū)資源進(jìn)行分級(jí)，以確定哪些級(jí)別的用戶可以閱讀。4 數(shù)據(jù)庫(kù)設(shè)計(jì)4.1數(shù)據(jù)庫(kù)的邏輯設(shè)計(jì)由于本電子商務(wù)系統(tǒng)沒(méi)有海量數(shù)據(jù)的存儲(chǔ)問(wèn)題，其數(shù)據(jù)一般不是很多，所以沒(méi)有必要選用像oracle這樣的數(shù)據(jù)庫(kù):另外，現(xiàn)今的各種主頁(yè)空間很少有支持oracle的，而支持access的較多。另外現(xiàn)階段尚處于演示階段，對(duì)安全性要求不是很高

10、，access足可以勝任，所以我們選用了microsoft access 2000。數(shù)據(jù)通信接口采用odbc(open database connectivity，開(kāi)放數(shù)據(jù)庫(kù)互連)。odbc是微軟開(kāi)發(fā)的一套讀取數(shù)據(jù)庫(kù)的解決方案，它的目的是將所有對(duì)數(shù)據(jù)庫(kù)的底層操作全部隱藏在odbc的驅(qū)動(dòng)程序內(nèi)核里。對(duì)于程序員來(lái)說(shuō)，只要構(gòu)建了一個(gè)指向數(shù)據(jù)庫(kù)的連接，就可以采用統(tǒng)一的應(yīng)用程序編程接口(application program interface)實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的讀寫。目前odbc驅(qū)動(dòng)已經(jīng)提供了對(duì)大多數(shù)常見(jiàn)類型數(shù)據(jù)庫(kù)的支持，包括dbase，informix，access，sql server和oracle等

11、。也包括了對(duì)其它類型的數(shù)據(jù)庫(kù)的支持，如文本，excel電子表格等的支持。根據(jù)系統(tǒng)功能設(shè)計(jì)的要求以及功能模塊的劃分，對(duì)于系統(tǒng)信息數(shù)據(jù)庫(kù)，可以列出以下數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)：1 名稱：用戶信息表表名稱標(biāo)識(shí)：user如下圖3所示，用戶信息表包括標(biāo)識(shí)、用戶名、用戶密碼、用戶類型四個(gè)字段。名稱字段名稱數(shù)據(jù)類型主鍵非空用戶名name文本noyes用戶密碼passwd文本nono用戶級(jí)別type數(shù)字nono表3 用戶信息表2名稱：書(shū)目信息表表名稱標(biāo)識(shí)：bookdetail如下圖4所示，書(shū)目信息表包括書(shū)目編號(hào)、書(shū)目名稱、作者、閱讀次數(shù)、書(shū)目分類、目錄地址和書(shū)目權(quán)限級(jí)別七個(gè)字段。名稱字段名稱數(shù)據(jù)類型主健非空書(shū)目編號(hào)b

12、ookid數(shù)字nono書(shū)目名稱name文本nono作 者author文本nono閱讀次數(shù)times數(shù)字nono書(shū)目分類type數(shù)字nono目錄地址dir文本nono書(shū)目權(quán)限級(jí)別identify_num數(shù)字nono表4 書(shū)目信息表3 名稱：書(shū)目類別表表名稱標(biāo)識(shí)：bookwarelist 如下圖5所示，書(shū)目類別表包括編號(hào)、類別名稱、類別編號(hào)、上級(jí)類別名稱、上級(jí)類別編號(hào)、上級(jí)類別標(biāo)識(shí)。名稱字段名稱數(shù)據(jù)類型主健非空編號(hào)(唯一性標(biāo)識(shí))id數(shù)字yesno類別名稱title文本nono類別編號(hào)type_id數(shù)字nono上級(jí)類別名稱parent文本nono上級(jí)類別編號(hào)parent_type數(shù)字nono上級(jí)類別

13、標(biāo)識(shí)parent_id數(shù)字nono表5 書(shū)目類別信息表4 名稱：書(shū)評(píng)信息表表名稱標(biāo)識(shí)：bookcomment如下圖6所示，書(shū)評(píng)信息表包括評(píng)論編號(hào)、評(píng)論者名稱、評(píng)論書(shū)目編號(hào)、評(píng)論標(biāo)題、書(shū)目標(biāo)題、評(píng)論者表情圖標(biāo)、評(píng)論時(shí)間和評(píng)論內(nèi)容八個(gè)字段。名稱字段名稱數(shù)據(jù)類型主健非空評(píng)論編號(hào)commentid自動(dòng)編號(hào)yesno評(píng)論者名稱 username文本nono評(píng)論標(biāo)題 title文本nono書(shū)目標(biāo)題booktitle文本nono評(píng)論者表情圖標(biāo)imgname文本nono評(píng)論時(shí)間settime日期/時(shí)間nono評(píng)論內(nèi)容detail備注nono表6 書(shū)評(píng)信息表5 名稱：書(shū)簽信息表表名稱標(biāo)識(shí)：bookmark如下圖

14、7所示，書(shū)簽信息表包括書(shū)簽編號(hào)、用戶名稱、書(shū)目編號(hào)、書(shū)簽說(shuō)明、書(shū)簽圖標(biāo)和書(shū)簽設(shè)置時(shí)間六個(gè)字段。名稱字段名稱數(shù)據(jù)類型主健非空 書(shū)簽編號(hào)markid自動(dòng)編號(hào)yesno用戶名稱 username 文本nono 書(shū)目編號(hào) bookid 數(shù)字nono 書(shū)簽說(shuō)明 detail 文本nono 書(shū)簽圖標(biāo)imgname 文本nono書(shū)簽設(shè)置時(shí)間settime日期/時(shí)間nono表7 書(shū)簽信息表6 名稱：推薦書(shū)目表表名稱標(biāo)識(shí)：introduce如下圖8所示，推薦書(shū)目表包括推薦書(shū)目編號(hào)、書(shū)目編號(hào)和推薦詳細(xì)信息三個(gè)字段。名稱字段名稱數(shù)據(jù)類型主健非空推薦書(shū)目編號(hào)id數(shù)字yesno書(shū)目編號(hào) bookid 數(shù)字nono推薦詳

15、細(xì)信息 description 文本nono表8 推薦書(shū)目信息表7 名稱：新書(shū)信息表表名稱標(biāo)識(shí)：newbook如下圖9所示，新書(shū)信息表包括條目編號(hào)、新書(shū)的書(shū)目編號(hào)和新書(shū)的評(píng)論內(nèi)容三個(gè)字段。名稱字段名稱數(shù)據(jù)類型主健非空條目編號(hào)id數(shù)字yesno新書(shū)的書(shū)目編號(hào) bookid 數(shù)字nono新書(shū)的評(píng)論內(nèi)容 description 文本nono表9 新書(shū)信息表8 名稱：訪問(wèn)次數(shù)表表名稱標(biāo)識(shí)：visit如下圖10所示，訪問(wèn)次數(shù)表只包括記錄訪問(wèn)次數(shù)一個(gè)字段。名稱字段名稱數(shù)據(jù)類型主健非空記錄訪問(wèn)次數(shù)visitnum數(shù)字nono表10 訪問(wèn)次數(shù)信息表4.2數(shù)據(jù)庫(kù)的配置一個(gè)真正的、完整的站點(diǎn)是離不開(kāi)數(shù)據(jù)庫(kù)的。od

16、bc為應(yīng)用程序提供了一種標(biāo)準(zhǔn)方法來(lái)操作相關(guān)的數(shù)據(jù)庫(kù)：管理器根據(jù)數(shù)據(jù)源提供的數(shù)據(jù)庫(kù)的位置、數(shù)據(jù)庫(kù)類型及odbc驅(qū)動(dòng)程序等信息，建立起odbc與具體數(shù)據(jù)庫(kù)的聯(lián)系。這樣，只要應(yīng)用程序?qū)?shù)據(jù)源名提供給odbc，odbc就能建立起與相應(yīng)數(shù)據(jù)庫(kù)的連接。按如下步驟可以建立一個(gè)新的系統(tǒng)數(shù)據(jù)源。首先，在控制面板中雙擊odbc圖標(biāo)，打開(kāi)“odbc數(shù)據(jù)源管理器”對(duì)話框，選擇“系統(tǒng)dsn”選項(xiàng)卡，單擊“添加”按鈕。如下圖12所示。在“創(chuàng)建新數(shù)據(jù)源”對(duì)話框中，選擇“driver do microsoft access(*.mdb)”作為數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序并單擊“完成”按鈕。如下圖13所示。在“odbc microsoft

17、access安裝”對(duì)話框中，數(shù)據(jù)源名稱填寫為“l(fā)ibrary”，這是程序中將要引用的。單擊“選擇”按鈕，從彈出的文件窗口中選擇library.mdb文件所在的位置。如下圖14所示。然后單擊“確定”按鈕，這樣就完成了access數(shù)據(jù)庫(kù)的odbc數(shù)據(jù)源設(shè)置。以上步驟，通過(guò)odbc管理器注冊(cè)了一個(gè)名字為library的數(shù)據(jù)源，并且指定了數(shù)據(jù)庫(kù)的驅(qū)動(dòng)程序。5 詳細(xì)設(shè)計(jì)整個(gè)系統(tǒng)除了用戶登錄外，主要有主頁(yè)面模塊、留言板模塊、圖書(shū)瀏覽管理模塊、圖書(shū)搜索管理模塊、書(shū)簽管理模塊和在線投票管理模塊六個(gè)模塊。通過(guò)本系統(tǒng)，讀者可以方便的對(duì)書(shū)目進(jìn)行檢索和閱覽，足不出戶就可盡覽群書(shū)。5.1 系統(tǒng)公共文件global.as

18、aglobal.asa文件可以對(duì)application和session對(duì)象的開(kāi)始和結(jié)束事件定義函數(shù)。application_onstart事件在創(chuàng)建與服務(wù)器的首次會(huì)話之前發(fā)生。當(dāng)服務(wù)器啟動(dòng)并且允許用戶請(qǐng)求時(shí)就觸發(fā)該事件。當(dāng)application_onstart事件發(fā)生后程序就自動(dòng)調(diào)用sub和end sub定義的過(guò)程。在該文件中，數(shù)據(jù)庫(kù)連接字符串存放在application(“dsn”)對(duì)象中。每次網(wǎng)站啟動(dòng)，數(shù)據(jù)庫(kù)連接字符串a(chǎn)pplication(“dsn”)就被賦值。global.asa如果想在服務(wù)器端運(yùn)行該程序，則要加上runat=server屬性。sub application_onsta

19、rtapplication(dsn) = dsn=library;uid=;pwd=;end sub5.2 用戶登錄模塊的設(shè)計(jì)與實(shí)現(xiàn)1. 登錄模塊的ipo圖功能：本模塊主要用于對(duì)用戶身份進(jìn)行鑒別。用戶通過(guò)表單提供用戶名和密碼信息，系統(tǒng)根據(jù)用戶提供的登錄信息對(duì)用戶進(jìn)行身份查詢鑒別。如果身份合法，則將用戶導(dǎo)向系統(tǒng)的主頁(yè)面并記錄用戶的相關(guān)信息，留待以后的系統(tǒng)頁(yè)面使用。輸入：用戶名、密碼處理：（1） 輸入用戶的登錄信息。在頁(yè)面提供的表單出輸入用戶的用戶名和密碼信息，點(diǎn)擊“登錄”按鈕提交表單信息到身份驗(yàn)證頁(yè)面?；螯c(diǎn)擊“重填”按鈕，重新輸入。（2） 從form表單獲取輸入數(shù)據(jù)。 當(dāng)用戶單擊“登錄”按鈕后，

20、登錄信息由form表單提交到logon.asp進(jìn)行處理。（3） 用戶身份進(jìn)行驗(yàn)證。連接數(shù)據(jù)庫(kù)，打開(kāi)用戶數(shù)據(jù)表usertype，檢驗(yàn)用戶登錄信息。以輸入數(shù)據(jù)“用戶名”為查詢條件創(chuàng)建數(shù)據(jù)集查看輸入用戶名是否存在。如果存在，繼續(xù)檢驗(yàn)輸入的密碼是否正確。密碼和用戶名都正確，則進(jìn)入圖書(shū)館主頁(yè)面frame.asp；如果用戶名不存在或密碼不正確，則給出登錄失敗的提示框，并返回首頁(yè)重新登錄。輸出：圖書(shū)館主頁(yè)面2圖書(shū)館登錄頁(yè)面圖如下圖所示：圖15 圖書(shū)館登錄頁(yè)面頁(yè)面圖圖16 登錄不成功頁(yè)面頁(yè)面圖 3模塊所使用的數(shù)據(jù)表本頁(yè)面使用了library.mdb數(shù)據(jù)庫(kù)中的用戶信息表（usertype）。5.3 主頁(yè)面模塊的

21、設(shè)計(jì)與實(shí)現(xiàn)本系統(tǒng)的主頁(yè)面使用了框架結(jié)構(gòu)。使用框架（frames）結(jié)構(gòu)設(shè)計(jì)的html文件，能夠?qū)⒄麄€(gè)窗口分成幾個(gè)獨(dú)立的小窗口，每個(gè)窗口可以分別載入不同的文件?？蚣艿闹饕獌?yōu)點(diǎn)是獨(dú)立顯示內(nèi)容，能直觀的分開(kāi)內(nèi)容?？梢栽谝粋€(gè)框架中定義鏈接，在另一個(gè)框架中顯示內(nèi)容或觸發(fā)操作，而不必從重設(shè)計(jì)整個(gè)屏幕。主頁(yè)面頁(yè)面圖如下圖17所示：圖17 主頁(yè)面頁(yè)面圖框架不能單獨(dú)存在，而要用框架組來(lái)定義?？蚣芙M用標(biāo)簽定義，框架用標(biāo)簽定義。主頁(yè)面frame.asp的asp代碼如下：new page 1窗口分割為幾塊，橫向分用rows屬性,縱向分用cols屬性，每一塊的大小可以由這兩個(gè)屬性的值來(lái)實(shí)現(xiàn)。兩個(gè)屬性的值可以是百分?jǐn)?shù)或整數(shù)

22、，其中的任何一個(gè)值也可以由“*”來(lái)代替，這樣表示有瀏覽器自動(dòng)設(shè)置其大小。 在邊框顯示時(shí)，如果不希望用戶在瀏覽器中對(duì)邊框大小進(jìn)行調(diào)整，設(shè)置的noresize屬性來(lái)實(shí)現(xiàn)。 有框架分出來(lái)的幾個(gè)窗口的內(nèi)容并不是靜止不變的，往往一個(gè)窗口的內(nèi)容隨著另一個(gè)窗口的要求而不斷變化，這就提高了框架的利用價(jià)值。為了完成幾個(gè)窗口之間的相互操作，我們必須為每一個(gè)窗口起一個(gè)名字，這個(gè)名字用屬性name來(lái)定義。定義了窗口名稱，還應(yīng)該由target來(lái)配合使用。target屬性指定了所鏈接的文件出現(xiàn)在哪一窗口。target的值可以是name定義的名稱，也可以是以下四類值：（1） target=_blank 顯示一個(gè)新窗口（2）

23、 target=_self 顯示在本窗口（3） target=_parent 顯示在frameset的前一份文件的窗口（4） target=_top 顯示在整個(gè)瀏覽器窗口 此網(wǎng)頁(yè)使用了框架，但您的瀏覽器不支持框架。 使用標(biāo)記，將另一無(wú)框架的html文件放入，則不支持框架的瀏覽器將閱讀到這個(gè)文件。從以上代碼可以看出，整個(gè)頁(yè)面分為2個(gè)frame。頂部為菜單頁(yè)面top.asp，下面是顯示頁(yè)面main.asp。在系統(tǒng)運(yùn)行過(guò)程中，頂部菜單頁(yè)面一直都是顯示狀態(tài)，方便用戶在不同的功能模塊之間切換；顯示頁(yè)面則根據(jù)頂部菜單顯示不同的閱讀內(nèi)容。l 頂部菜單模塊的設(shè)計(jì)1. 頂部菜單模塊的ipo圖功能：頂部菜單模塊包

24、括各項(xiàng)功能的鏈接：書(shū)庫(kù)首頁(yè)、瀏覽板、圖書(shū)的分類瀏覽、更改用戶密碼、添加書(shū)簽、查看用戶的書(shū)簽、書(shū)目的搜索、在線投票和退出系統(tǒng)。用戶可通過(guò)以上各超鏈接文本進(jìn)入到相應(yīng)的各功能模塊中。輸入：點(diǎn)擊相應(yīng)功能的超鏈接文本處理：（1） 構(gòu)造頁(yè)面格式。使用html語(yǔ)言的table表格標(biāo)簽構(gòu)造頁(yè)面表單，將各個(gè)超鏈接文本分布在頁(yè)面的相應(yīng)位置。（2） 超鏈接文本。點(diǎn)擊相應(yīng)的超鏈接文本，或提交到本頁(yè)的javascript腳本執(zhí)行或鏈接到相應(yīng)的頁(yè)面。輸出：用戶要求的頁(yè)面l 主頁(yè)模塊的設(shè)計(jì)1. 主頁(yè)模塊的ipo圖功能：主頁(yè)面中顯示推薦書(shū)目和新書(shū)書(shū)目的書(shū)目、作者、訪問(wèn)次數(shù)和簡(jiǎn)單介紹等相關(guān)信息。通過(guò)書(shū)名超鏈接文本，就可以閱讀到

25、圖書(shū)內(nèi)容。輸入：點(diǎn)擊書(shū)名的超鏈接文本處理：（1） 構(gòu)造頁(yè)面格式。使用html語(yǔ)言的table表格標(biāo)簽構(gòu)造頁(yè)面表單，構(gòu)造放置各個(gè)字段及字段值的表單，美化頁(yè)面。（2） 連接數(shù)據(jù)庫(kù)。與數(shù)據(jù)庫(kù)創(chuàng)建鏈接，使用sql語(yǔ)言在數(shù)據(jù)庫(kù)中選取符合條件的記錄。在符合條件的記錄中選取相關(guān)字段值組成記錄集。顯示在頁(yè)面的相應(yīng)位置中。（3） 創(chuàng)建超鏈接文本。將書(shū)名設(shè)置為超鏈接文本。用戶點(diǎn)擊想要閱讀的圖書(shū)的書(shū)名，程序就會(huì)將頁(yè)面導(dǎo)向readbook.asp頁(yè)面。在readbook.asp頁(yè)面中，用戶就可以看到圖書(shū)的詳細(xì)內(nèi)容。輸出：用戶要求的頁(yè)面2模塊所使用的數(shù)據(jù)表本頁(yè)面使用了library.mdb數(shù)據(jù)庫(kù)中的推薦書(shū)目信息表（in

26、troduce）、新書(shū)信息表（newbook）、使用sql語(yǔ)言在數(shù)據(jù)庫(kù)中選取新書(shū)書(shū)目表newbook中的條目編號(hào)id、新書(shū)信息description字段及書(shū)目信息表bookdetail中的書(shū)目編號(hào)bookid、書(shū)目名稱name、作者author和閱讀次數(shù)times共六個(gè)字段值組成記錄集。在記錄集中選取符合新書(shū)書(shū)目表中的新書(shū)書(shū)目編號(hào)bookid字段值與書(shū)目信息表中的書(shū)目編號(hào)bookid的字段值相同的記錄，創(chuàng)建記錄集rs。 5.4 留言板模塊的設(shè)計(jì)與實(shí)現(xiàn)留言板模塊可以分成三個(gè)子模塊：查看留言、留言瀏覽和增加留言。如下圖18所示。查看留言模塊留言板模塊留言瀏覽模塊增加留言模塊圖18 留言板模塊劃分圖

27、l 查看留言模塊1查看留言模塊的ipo圖功能：留言查看頁(yè)面如圖7-19所示，用戶進(jìn)入此頁(yè)面后，所有的留言信息將以分頁(yè)形式顯示出來(lái)，用戶可以看到留言者的表情圖標(biāo)、發(fā)表留言針對(duì)的書(shū)目的書(shū)名、留言主題和留言時(shí)間等信息。將留言主題字段的字段值設(shè)置為超鏈接文本，點(diǎn)擊留言主題，就可以進(jìn)一步查詢到該留言信息的具體內(nèi)容。輸入：點(diǎn)擊留言主題的超鏈接文本處理：(1) 構(gòu)造頁(yè)面格式。使用html語(yǔ)言的table表格標(biāo)簽構(gòu)造頁(yè)面表單，構(gòu)造放置各個(gè)字段及字段值的表單，美化頁(yè)面。(2) 連接數(shù)據(jù)庫(kù)。與數(shù)據(jù)庫(kù)創(chuàng)建鏈接，使用sql語(yǔ)言在數(shù)據(jù)庫(kù)中選取符合條件的記錄。在符合條件的記錄中選取相關(guān)字段值組成記錄集。顯示在頁(yè)面的相應(yīng)位

28、置中。(3) 分頁(yè)顯示記錄以fornext循環(huán)語(yǔ)句依次讀取數(shù)據(jù)集rs中的記錄。為方便瀏覽，將記錄分頁(yè)顯示。每十五個(gè)記錄為一頁(yè)，以“前一頁(yè)”和“下一頁(yè)”超鏈接端點(diǎn)實(shí)現(xiàn)頁(yè)面間的跳轉(zhuǎn)。(4) 創(chuàng)建超鏈接文本。將留言主題字段設(shè)置為超鏈接文本。用戶點(diǎn)擊想要查看詳細(xì)內(nèi)容的留言的留言主題字段，程序就會(huì)將頁(yè)面導(dǎo)向guest_list.asp頁(yè)面。在guest_list.asp頁(yè)面中，用戶就可以看到該條留言的詳細(xì)內(nèi)容。(5) 其他超鏈接 本頁(yè)面還可以鏈接到增加新留言頁(yè)面；也可以鏈接到主頁(yè)面。2. 留言查看頁(yè)面圖如圖19所示圖19 留言查看頁(yè)面圖3模塊所使用的數(shù)據(jù)表本頁(yè)面使用了library.mdb數(shù)據(jù)庫(kù)中的書(shū)評(píng)

29、信息表（bookcomment）。點(diǎn)擊留言主題，就可以進(jìn)入guest_list.asp頁(yè)面查看留言的詳細(xì)信息。l 留言詳細(xì)內(nèi)容瀏覽模塊1. 留言詳細(xì)內(nèi)容瀏覽模塊ipo圖功能：點(diǎn)擊留言主題字段的字段值，將連接到guest_list.asp頁(yè)面。在該頁(yè)面中，將能詳細(xì)地看到該條記錄的信息。按下“返回”就可回到留言板的index.asp頁(yè)面。輸入：點(diǎn)擊留言查看頁(yè)面中的留言主題字段超鏈接文本處理：(1) 創(chuàng)建記錄集。使用asp中的odbc驅(qū)動(dòng)程序連接數(shù)據(jù)庫(kù)library.mdb，打開(kāi)書(shū)評(píng)信息數(shù)據(jù)表bookcomment，以用戶要求查詢記錄的id為查詢條件，創(chuàng)建數(shù)據(jù)集rs。(2) 構(gòu)造頁(yè)面格式。使用htm

30、l語(yǔ)言的table表格標(biāo)簽構(gòu)造頁(yè)面表單，將超鏈接文本分布在頁(yè)面的相應(yīng)位置。輸出：留言詳細(xì)內(nèi)容瀏覽頁(yè)面2 留言詳細(xì)內(nèi)容瀏覽頁(yè)面圖如圖20所示圖20 留言詳細(xì)內(nèi)容瀏覽頁(yè)面圖3頁(yè)面所使用的數(shù)據(jù)庫(kù)本頁(yè)面使用了library數(shù)據(jù)庫(kù)中的書(shū)評(píng)信息數(shù)據(jù)表bookcomment。l 增加留言模塊1. 增加留言模塊的ipo圖功能：在各種表格和表單構(gòu)成的guest_input.asp頁(yè)面中的適當(dāng)位置輸入用戶所作評(píng)論的圖書(shū)的書(shū)名、用戶選擇的表情圖標(biāo)、評(píng)論的主題和留言的詳細(xì)內(nèi)容等信息后，提交到add_cmaction.asp頁(yè)面進(jìn)行處理。輸入：新增加的留言信息的用戶所作評(píng)論的圖書(shū)的書(shū)名、用戶選擇的表情圖標(biāo)、評(píng)論的主題和

31、留言的詳細(xì)內(nèi)容。處理：（1） 構(gòu)造頁(yè)面格式。應(yīng)用表格進(jìn)行頁(yè)面布局，相應(yīng)的字段名稱后使用單文本框、多行文本框或單選框表單組件，構(gòu)成留言信息輸入頁(yè)面。（2） 輸入留言信息。在各單文本框、多行文本框或單選框表單組件中輸入新增信息的各項(xiàng)內(nèi)容。輸入信息后按下“增加”按鈕就將信息交由form表單提交到add_cmaction.asp頁(yè)面進(jìn)行處理。（3） 將增加的各字段信息保存到數(shù)據(jù)庫(kù)中。輸出：增加成功對(duì)話框。2 留言增加頁(yè)面圖如圖21所示：圖21 留言增加頁(yè)面圖圖22 留言加入成功頁(yè)面圖3模塊所使用的數(shù)據(jù)表本頁(yè)面使用了library.mdb數(shù)據(jù)庫(kù)中的書(shū)評(píng)信息表bookcomment。5.5 分類瀏覽模塊的

32、設(shè)計(jì)與實(shí)現(xiàn)1分類瀏覽模塊的ipo圖功能：點(diǎn)擊分類瀏覽超鏈接文本后，進(jìn)入瀏覽頁(yè)面。在本模塊中，圖書(shū)按其分類逐級(jí)顯示，用戶可以按照?qǐng)D書(shū)的分類方便的逐級(jí)查找圖書(shū)。找到指定的圖書(shū)后，用戶可以閱讀，也可以做書(shū)簽，查看和發(fā)表書(shū)評(píng)信息，還可以到投票界面去投票。輸入：點(diǎn)擊分類瀏覽的超鏈接文本.處理：(1) 構(gòu)造頁(yè)面格式。使用html語(yǔ)言的table表格標(biāo)簽構(gòu)造頁(yè)面表單，構(gòu)造放置各個(gè)字段及字段值的表單，美化頁(yè)面。(2) 連接數(shù)據(jù)庫(kù)。與數(shù)據(jù)庫(kù)創(chuàng)建鏈接，使用sql語(yǔ)言在數(shù)據(jù)庫(kù)中選取符合條件的記錄。在符合條件的記錄中選取相關(guān)字段值組成記錄集。顯示在頁(yè)面的相應(yīng)位置中。(3) 顯示類別信息。頁(yè)面按照?qǐng)D書(shū)的類別逐級(jí)進(jìn)行排列

33、，并設(shè)置超鏈接文本，讀者可以方便的單擊連接來(lái)進(jìn)行訪問(wèn)。記錄以分頁(yè)的形式顯示。(4) 閱讀圖書(shū)。逐級(jí)查找要閱讀的書(shū)目。找到后，單擊書(shū)目超鏈接，頁(yè)面導(dǎo)向readbook.asp頁(yè)面進(jìn)行閱讀。(6) 其他超鏈接 本頁(yè)面還可以鏈接到增加新書(shū)簽頁(yè)面；也可以鏈接到查看和增加書(shū)評(píng)的留言板頁(yè)面；還可以鏈接到在線投票頁(yè)面。2. 分類瀏覽頁(yè)面圖如下圖所示圖27 圖書(shū)閱讀頁(yè)面3模塊所使用的數(shù)據(jù)表本頁(yè)面使用了library.mdb數(shù)據(jù)庫(kù)中的書(shū)目類別表bookwarelist。5.6添加書(shū)簽?zāi)K的設(shè)計(jì)與實(shí)現(xiàn)1. 添加書(shū)簽?zāi)K的ipo圖功能：在各種表格和表單構(gòu)成的add_bookmark.asp頁(yè)面中的適當(dāng)位置輸入用戶選

34、擇的書(shū)簽圖標(biāo)、書(shū)簽的詳細(xì)內(nèi)容等信息后，提交到add_action.asp頁(yè)面進(jìn)行將一條新記錄插入數(shù)據(jù)表的操作。輸入：新增加的書(shū)簽信息的用戶選擇的表情圖標(biāo)和書(shū)簽的詳細(xì)內(nèi)容。處理：（1） 構(gòu)造頁(yè)面格式。應(yīng)用表格進(jìn)行頁(yè)面布局，相應(yīng)的字段名稱后使用多行文本框或單選框表單組件，構(gòu)成書(shū)簽信息輸入頁(yè)面。（2） 判斷合法性。在連接數(shù)據(jù)庫(kù)之前，首先判斷用戶是否在閱讀某一本書(shū)。然后判斷要添加書(shū)簽的書(shū)目是否存在。（3） 連接數(shù)據(jù)庫(kù)。以上一頁(yè)提交的圖書(shū)的編號(hào)為條件選取數(shù)據(jù)表中的記錄創(chuàng)建記錄集，將記錄中的用戶名、書(shū)名和作者等信息顯示在相應(yīng)位置。（4） 輸入書(shū)簽。在相應(yīng)表單元素中選取書(shū)簽標(biāo)圖，輸入書(shū)簽的詳細(xì)內(nèi)容。提交到add_action.asp頁(yè)面進(jìn)行處理。（