第10章ASP內置組件本章導讀知識導讀使用ASP可以創立動態交互的Web動態頁面和功能完備的Web應用程序，ASP應用程序支持多種數據庫連接，應用ASP，可以快速創立基于B/S架構的Web網站，實現客戶端和效勞器端遠程交互信息。數據庫設計與鏈接☆1前臺只要功能模塊設計2后臺主要功能模塊設計311.1總體設計

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