綜合案例-高校系部網(wǎng)站基礎(chǔ)設(shè)計(jì)

第10章ASP內(nèi)置組件本章導(dǎo)讀知識(shí)導(dǎo)讀使用ASP可以創(chuàng)立動(dòng)態(tài)交互的Web動(dòng)態(tài)頁(yè)面和功能完備的Web應(yīng)用程序，ASP應(yīng)用程序支持多種數(shù)據(jù)庫(kù)連接，應(yīng)用ASP，可以快速創(chuàng)立基于B/S架構(gòu)的Web網(wǎng)站，實(shí)現(xiàn)客戶端和效勞器端遠(yuǎn)程交互信息。數(shù)據(jù)庫(kù)設(shè)計(jì)與鏈接☆1前臺(tái)只要功能模塊設(shè)計(jì)2后臺(tái)主要功能模塊設(shè)計(jì)311.1總體設(shè)計(jì)

總體設(shè)計(jì)是網(wǎng)站開發(fā)的前期工作，主要用來描述工程規(guī)劃和功能結(jié)構(gòu)圖。11.1.1工程規(guī)劃高校系部網(wǎng)站是一個(gè)典型的數(shù)據(jù)庫(kù)開發(fā)應(yīng)用程序，由前臺(tái)和后臺(tái)兩局部組成，網(wǎng)站前臺(tái)用來展示高校系部動(dòng)態(tài)信息和工作形象，后臺(tái)用于管理員對(duì)網(wǎng)站信息的維護(hù)和管理。超級(jí)管理員還可以通過后臺(tái)對(duì)一般網(wǎng)站管理人員權(quán)限分配。前臺(tái)分設(shè)兩級(jí)欄目，每個(gè)一級(jí)欄目下設(shè)置數(shù)個(gè)二級(jí)欄目，管理員通過后臺(tái)管理能動(dòng)態(tài)添加和刪除一、二級(jí)欄目。1．一級(jí)欄目設(shè)置設(shè)置兩級(jí)欄目。一級(jí)欄目包括系、部簡(jiǎn)介，新聞動(dòng)態(tài)，教學(xué)工作，學(xué)科建設(shè)，科研工作，實(shí)驗(yàn)中心，黨群工作，碩士教育，學(xué)生工作，學(xué)生作品10個(gè)欄目，如圖11-1所示。2．動(dòng)態(tài)顯示和管理欄目信息翻開一級(jí)欄目之后，動(dòng)態(tài)顯示該一級(jí)欄目下的二級(jí)目錄及二級(jí)欄目下的列表信息，單擊某列表信息，可顯示其具體內(nèi)容，通過后臺(tái)能夠?qū)谀啃畔?dòng)態(tài)添加、修改和刪除信息。3．動(dòng)態(tài)顯示和管理學(xué)生作品信息學(xué)生作品欄目下學(xué)生作品均以圖片的形式顯示，單擊后可顯示具體的作品信息，能對(duì)學(xué)生作品進(jìn)行動(dòng)態(tài)添加、修改和刪除。4．圖片新聞欄目首頁(yè)顯示圖片新聞欄目，能以幻燈片的形式動(dòng)態(tài)顯示最新5幅新聞圖片，單擊后翻開圖片新聞。5．動(dòng)態(tài)顯示和管理友情鏈接信息通過后臺(tái)管理能動(dòng)態(tài)添加、修改和刪除友情鏈接欄目。6．管理員分三種級(jí)別管理員分一般管理員、全部欄目管理員和超級(jí)管理員三類，分別管理具體欄目、全部欄目和所有網(wǎng)站信息。超級(jí)管理員除了能管理全部欄目信息以外，還能進(jìn)行管理員信息管理、超級(jí)鏈接信息管理、數(shù)據(jù)庫(kù)備份和對(duì)網(wǎng)站進(jìn)行初始化等管理工作。11.1.2系統(tǒng)功能結(jié)構(gòu)圖根據(jù)網(wǎng)站主題和內(nèi)容來規(guī)劃分類，不同的欄目對(duì)應(yīng)不同的目錄，在各個(gè)欄目目錄下也要根據(jù)內(nèi)容的不同對(duì)其劃分不同的分目錄，如頁(yè)面圖片放在images目錄下，新聞放在jsnews目錄下，數(shù)據(jù)庫(kù)放在conn目錄下等，系統(tǒng)功能結(jié)構(gòu)圖如圖11-2所示。11.2.1邏輯結(jié)構(gòu)設(shè)計(jì)本系統(tǒng)采用Access2000數(shù)據(jù)庫(kù)，數(shù)據(jù)中包含4張表，主要包括一級(jí)欄目表(bigclass_new)、二級(jí)欄目表(smallclass_new)、信息表(news)、管理員表(manage_user)和網(wǎng)站初始化信息表(web_config)，如表11-1所示。11.2數(shù)據(jù)庫(kù)設(shè)計(jì)與連接11.2.2數(shù)據(jù)庫(kù)連接網(wǎng)站中所有信息都放在數(shù)據(jù)庫(kù)中，但凡顯示或操作數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)頁(yè)都需要連接數(shù)據(jù)庫(kù)，因此，把連接數(shù)據(jù)庫(kù)和關(guān)閉數(shù)據(jù)庫(kù)的代碼都放在一個(gè)文件conn.asp中，凡用到數(shù)據(jù)庫(kù)操作的頁(yè)面均將此文件包含進(jìn)來。當(dāng)關(guān)閉數(shù)據(jù)庫(kù)連接時(shí)，在調(diào)用函數(shù)conncolse即可。調(diào)用數(shù)據(jù)庫(kù)連接的包涵語(yǔ)句為：<!--#includefile=〞conn.asp〞-->數(shù)據(jù)庫(kù)連接conn.asp主要代碼如下：<%DimconnDimdbpathSetconn=server.createobject(“adodb.connection〞)DBPath=Server.MapPath(“#einfodate/#einfo$webdata.mdb〞)Conn.Open〞driver={MicrosoftAccessDriver(*.mdb)};dbq=〞&DBPath‘翻開數(shù)據(jù)庫(kù)鏈接SubconnCloseConn.CloseSet.conn=NothingEndSub%>11.3前臺(tái)主要功能模塊詳細(xì)設(shè)計(jì)網(wǎng)站在界面設(shè)計(jì)上采用模塊化處理思想，把很多頁(yè)面共用的局部寫在一個(gè)模塊中〔文件或函數(shù)〕，通過包含語(yǔ)句“<!—includefile=〞top.asp〞-->〞將文件包含進(jìn)來，或者通過調(diào)用函數(shù)的形式調(diào)用，這樣可以反復(fù)利用，提高開發(fā)效率。首頁(yè)首頁(yè)〔index.asp〕顯示主要欄目列表，圖片新聞、學(xué)生作品和友情連接信息，如圖11-1所示。1．顯示欄目列表信息首頁(yè)中顯示的二級(jí)欄目有，新聞動(dòng)態(tài)，教學(xué)管理，科研動(dòng)態(tài)，實(shí)驗(yàn)教學(xué)公告，學(xué)工信息等，各欄目顯示最新上傳的5條信息。欄目信息列表的顯示寫在一個(gè)shownews函數(shù)中，顯示欄目信息列表時(shí)是通過傳遞欄目參數(shù)，調(diào)用函數(shù)的形式顯示的，代碼如下：本網(wǎng)站的二級(jí)欄目中信息分為三類：一類是“信息類〞欄目，如新聞動(dòng)態(tài)，教務(wù)信息，實(shí)驗(yàn)教學(xué)公告，科研動(dòng)態(tài)等，這類二級(jí)欄目的內(nèi)容為一條條信息列表，如圖6-2中的教務(wù)信息欄目所示，網(wǎng)站中的大局部二級(jí)欄目都屬于這一類；另外一類是“簡(jiǎn)介類〞欄目，例如系、部簡(jiǎn)介，組織機(jī)構(gòu)，現(xiàn)任領(lǐng)導(dǎo)，學(xué)術(shù)梯隊(duì)和科研管理方法等，這類二級(jí)欄目的內(nèi)容是具體的文本內(nèi)容，不再劃分層次；第三類是“圖片類〞欄目，這一類是指學(xué)生作品〔一級(jí)欄目〕類中的影視作品，動(dòng)畫設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)作品，這類二級(jí)欄目的內(nèi)容為圖片列表?！昂?jiǎn)介類〞欄目和“圖片類〞欄目如圖6-3所示。三級(jí)欄目名稱都存在smallclass_new表中的conclass字段中。單擊某一級(jí)欄目菜單，可翻開欄目及信息列表頁(yè)面info.asp。10個(gè)一級(jí)欄目的所有二級(jí)欄目及信息列表都是用網(wǎng)頁(yè)info.asp實(shí)現(xiàn)的，不同欄目是通過傳遞欄目名稱參數(shù)實(shí)現(xiàn)的。Info.asp根據(jù)不同的欄目名稱參數(shù)能針對(duì)不同的二級(jí)欄目自動(dòng)分類顯示各類信息。Info.asp的原理是：?jiǎn)螕粢患?jí)欄目轉(zhuǎn)到info.asp，并向info.asp傳遞一、二級(jí)欄目名稱參數(shù)，在info.asp中，首先接受這兩個(gè)參數(shù)，然后將一級(jí)欄目參數(shù)傳遞給函數(shù)getSmallclass〔在inc/function.asp中〕，從而從數(shù)據(jù)表smallclass_new中查詢并顯示出該一級(jí)欄目下的所有二級(jí)欄目，如圖11-3左側(cè)欄目局部所示，再根據(jù)接收的二級(jí)欄目參數(shù)確定出該二級(jí)欄目屬于哪一類信息，并根據(jù)不同的類型調(diào)用相應(yīng)的函數(shù)顯示出該二級(jí)欄目下的信息。例如，圖11-4右側(cè)局部教務(wù)信息欄屬于“信息類〞欄目，故調(diào)用函數(shù)ShowInfoTitle顯示。11.3.2欄目及信息列表頁(yè)面11.3.3詳細(xì)信息頁(yè)面單擊“信息類〞欄目信息標(biāo)題或“簡(jiǎn)介類〞欄目信息圖片時(shí)，便連接到詳細(xì)信息頁(yè)面article.asp，并向article.asp傳遞該信息的主鍵值id，article.asp根據(jù)該主鍵id的值確定出記錄的信息并顯示，圖11-5是顯示的某一條教務(wù)信息的詳細(xì)內(nèi)容。11.4后臺(tái)主要功能模塊詳細(xì)設(shè)計(jì)11.4.1登錄系統(tǒng)的實(shí)現(xiàn)這局部主要有表單網(wǎng)頁(yè)login.asp和信息處理軟件admin_chklogin.asp組成，登錄系統(tǒng)的原理如圖11-8所示。用戶通過表單頁(yè)login.asp提交信息，有admin_chklogin.asp處理，優(yōu)先接收表單提交的信息，然后判斷輸入的信息是否有空，如果有，那么提出提示，如果不為空，那么翻開數(shù)據(jù)庫(kù)，查詢有無與接收信息相同的管理記錄，假設(shè)有，那么提示錯(cuò)誤，假設(shè)沒有，那么將用戶名、用戶權(quán)限等信息寫入session變量，以備后用。11.4.2后臺(tái)信息列表頁(yè)面后臺(tái)信息列表頁(yè)面Manage_news.asp，該頁(yè)面分左右兩局部，左邊為一級(jí)欄目管理列表，單擊某個(gè)一級(jí)工程時(shí)，右邊列出該一級(jí)工程的二級(jí)欄目列表及信息列表。當(dāng)單擊右邊某二級(jí)欄目時(shí)，那么列出該二級(jí)欄目的信息。運(yùn)行結(jié)果如圖11-9所示，代碼見網(wǎng)站源程序。添加頁(yè)面由表單頁(yè)面admin_addinfo.asp和處理提交信息addinfo_ok.asp構(gòu)成。表單頁(yè)面admin_addinfo.asp運(yùn)行結(jié)果如圖11-10所示，添加信息提交后，由處理提交信息addinfo_ok.asp接受信息并寫入數(shù)據(jù)庫(kù)。注意：這里使用了eWebEsitor在線HTML編輯器，它是基于瀏覽器的編輯器，能夠在網(wǎng)頁(yè)上實(shí)現(xiàn)許多桌面編輯軟件所具有的強(qiáng)大編輯功能。11.4.3添加信息頁(yè)面11.4.4信息修改頁(yè)面admin_infomodi.asp是信息修改頁(yè)面，在后臺(tái)信息類表頁(yè)面manage_news.asp中，單擊某一條對(duì)應(yīng)的“編輯〞時(shí)，便鏈接到該頁(yè)面，并傳遞該條信息的ID字段參數(shù)。在admin_infomodi.asp中，接受ID參數(shù)，且根據(jù)參數(shù)從數(shù)據(jù)庫(kù)中查詢出該條信息，并在表中顯示，如圖11-11所示。admin_infodel.asp為刪除信息頁(yè)面。在列表頁(yè)面managa_news.asp中單擊某一條信息的“刪除〞鏈接時(shí)，鏈接到該頁(yè)面，并傳遞該條信息的ID字段參數(shù)。刪除信息頁(yè)面admin_infodel.asp根據(jù)接收的ID參數(shù)刪除對(duì)應(yīng)的數(shù)據(jù)庫(kù)記錄，代碼如下：11.4.5刪除信息頁(yè)面11.4.6欄目管理超級(jí)管理員登錄后，可以管理網(wǎng)站二級(jí)欄目，如圖11-12所示。二級(jí)欄目名稱分別存于bigclass_new和smallclass_new中〔見表11-1〕，添加一級(jí)欄目時(shí)，只向bigclass_new表中添加欄目名稱即可，為某一級(jí)欄目添加二級(jí)欄目時(shí)，需確定二級(jí)欄目的名稱，鏈接地址一級(jí)欄目類型，如圖11-13所示。超級(jí)管理員登陸以后，可以進(jìn)行管理員和友情鏈接等管理，這些管理的根本原理與前面的欄目管理相似，都是通過表單輸入信息，提交后將其寫入相關(guān)數(shù)據(jù)表。其中管理員管理功能包括添加、刪除管理員和修改管理員的密碼等。由于