基于ASP校園網(wǎng)站設計（終稿

1、校 園 網(wǎng) 站 設 計摘 要 20世紀末，隨著計算機科學的發(fā)展，數(shù)據(jù)庫技術在Internet中的應用越來越廣泛，為廣大網(wǎng)絡用戶提供了更加周到和人性化的服務。個性化已逐漸成為當今Web應用的潮流。本文研究了一種基于ASP校園新聞系統(tǒng)，此方案與現(xiàn)今網(wǎng)上已采用的一些方案相比，具有用戶使用更簡單、界面更直觀等優(yōu)點。校園網(wǎng)站在我國剛起步，但發(fā)展很快。隨著我國互聯(lián)網(wǎng)的更加普及和校園網(wǎng)站的更趨成熟，會有越來越大的網(wǎng)絡用戶，市場潛力會得到充分發(fā)揮。本文中所做的主要工作如下：(1) 介紹了個性化頁面的背景及ASP + VBScript + ACCESS系統(tǒng)的一般原理；(2) 闡述整個個性化頁面生成系統(tǒng)的系統(tǒng)結(jié)構(gòu)

2、及工作原理；分析了系統(tǒng)實現(xiàn)中的特殊性、難點和重點；(3) 設計實現(xiàn)用戶注冊、用戶登錄、找回密碼、在線統(tǒng)計人數(shù)、顯示IP，用戶管理等ASP頁面。(4) 分析并解決實現(xiàn)中的若干技術問題；(5) 建立完整的校園網(wǎng)站，進行測試并分析結(jié)果。關鍵字：ASP 數(shù)據(jù)庫 網(wǎng)站設計 The Design of Campus Web SiteAbstract In the late 20th centuries, with the development of computers, the technology of database is widely used in the internet. It provi

3、ded characterized services for the internet users. Personality has become a trend in the use of todays web. This article studied a kind of amusement system based on ASP system, compared with todays designation, it has the advantage of direction .Although the campus Web site just arises, and it devel

4、oped very rapidly. With the population and maturity of internet, it will have a large consumption groups gradually .The potential of the market will be fully showed. This paper provided such main jobs, as followed: (1) It introduced the background of personality Web page and general principle of ASP

5、 + VBScript+ ACCESS system. (2) It elaborated the system structure of the personality Web page and the job principle, at the same time it analyzed the specialization, difficulty, emphasis. (3) It designed and realized the asp pages such user registration, user logging in, finding the lost key, on-li

6、ne count number, display IP, user manage etc. (4) It analyzed and solved several technical problem (5) It built a complete internet station. So that it can have a test and analyze the result. Keywords: ASP； Database； Website Design基于ASP的校園網(wǎng)站設計第一章.緒論1.1 前 言Internet正在改變世界，由于Internet具有傳播信息容量極大、形態(tài)多樣、迅速方

7、便、全球覆蓋、自由和交互的特點，已經(jīng)發(fā)展成為新的傳播媒體，現(xiàn)在很多大學和眾多企業(yè)部門都已經(jīng)建立了自己的網(wǎng)站，通過計算機網(wǎng)絡實現(xiàn)宣傳、交流及資源的整合。建立學院網(wǎng)站有以下作用： (1) 學院網(wǎng)站是學院的“商標”。在這個高度信息化的社會里，建立學院自己的網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時空特性，不僅能讓本地區(qū)的人們了解學院，更可讓世界了解學院。 (2) 學院有巨大的教育資源，網(wǎng)站是實現(xiàn)教育資源分配的橋梁，它使每一位教師和學生都能均等的得到培訓和受教育的機會，能極大的提高教學效率。 (3) 學院網(wǎng)站能提供教學互動的全新方式，學院網(wǎng)站使得教師與教師、教師與學生、學生與學生之間的交流有了全新的方式，它不

8、再受到傳統(tǒng)課堂的制約。它可以使不同的學院同處一室，共同討論，共同提高。地理上的界限在這里模糊和消失了，學院網(wǎng)站是真正沒有圍墻的學院。 (4) 學院網(wǎng)站能夠提供個性化的學習平臺，不同的學生理解世界的方式各不相同，認知世界有諸多方式。網(wǎng)絡提供的豐富資源可以使學生尋覓不同的教育方式，各取所需。學院網(wǎng)站允許不同的學生沿著自己的途徑，按自己的速度接受教育與學習，學生將有機會享受最佳的教育機會，充分發(fā)掘自己的內(nèi)在潛力，培植獨特的個性和人格。 (5) 學院網(wǎng)站是最佳的教學研究室，學院網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學院教學研究帶來了一片新天地，各種優(yōu)秀教案、專家論壇、網(wǎng)絡觀摩課、各科素材、多媒體課件制作等

9、內(nèi)容為教師教研提供了極佳的平臺。有效地降低教研成本、提高效率。1.2 研究時間 從需求分析，系統(tǒng)設計，編碼實現(xiàn)到測試從4月8日到5月10日。1.3 主要研究內(nèi)容 本課題的主要研究內(nèi)容在于以下幾個方面：1、文章管理信息2、下載管理信息3、圖片管理信息4、管理員管理信息5、JS管理信息6、頁面模板信息7、專題管理信息8、數(shù)據(jù)庫管理信息第二章開發(fā)環(huán)境及需求分析2.1、開發(fā)目的 隨著計算機技術的發(fā)展，網(wǎng)絡技術對我們生活和工作顯得越來越重要，特別是現(xiàn)在信息高度發(fā)達的今天，人們對最新信息的需求和發(fā)布迫切的需要及時性。而動態(tài)交互式網(wǎng)頁剛好提供了這些功能，本系統(tǒng)就是一個能夠在網(wǎng)上實現(xiàn)新聞，文摘，資源等的網(wǎng)上發(fā)

10、布，多欄目管理，實時的進行行為統(tǒng)計和記錄的網(wǎng)上交互系統(tǒng)，達到師生間的交流。2.2、項目背景 HTML作為一種樣式語言，隨著Internet上信息量的增多和交互性的加強使HTML顯得越來越難以勝任的情況之下，而ASP能夠徹底實現(xiàn)用戶與管理人員的交互性，在ASP編程語言高度發(fā)展的形式下，ASP能夠很好的解決這些復雜交互的動態(tài)性，于是我們也開始了對學院網(wǎng)站的動態(tài)開發(fā)，即而讓學院網(wǎng)站更加的互動。2.3、開發(fā)環(huán)境 2.3.1系統(tǒng)平臺 采用Browser/Server體系結(jié)構(gòu)，服務器端采用運行最低配置要求(全部為中文環(huán)境) 操作系統(tǒng) Windows 2000 Adv Server，Windows 2000

11、 Server 腳本解釋器 Vbscripts5.6以上版本，安裝Microsoft Internet Explorer5.5以上版本既可獲得： Web服務器 IIS 6.0，Windows 2000自帶 數(shù)據(jù)引擎 Microsoft Access 權限要求 對Access數(shù)據(jù)庫具有建表、備份的權限 空間大小 初次安裝至少10M可用空間 硬件要求 PIII500 CPU 256M內(nèi)存或更高 帶寬要求 10M共享或更高 客戶端軟件，包括單機操作系統(tǒng)和瀏覽器軟件，分別選用Windows 2000和Internet Explorer，數(shù)據(jù)庫系統(tǒng)采用Microsoft Access有利于方便操作。 2

12、.3.2 開發(fā)工具 基于Web的系統(tǒng)開發(fā)工具應使開發(fā)者使用各種各樣的技術來創(chuàng)建動態(tài)的Web應用程序，并且應是一個可視化的工具。我所采用的是Dreamweaver MX進行開發(fā)，它是用來快速創(chuàng)建數(shù)據(jù)驅(qū)動Web應用程序的基于團隊的開發(fā)環(huán)境，支持ASP，以ODBC連接數(shù)據(jù)庫，腳本語言為簡單易學的JavaScript或VBScript。 2.3.3運行需求 在調(diào)試和運行過程中，應該能夠讓系統(tǒng)正常使用時不出錯，若運行時遇到不可恢復的系統(tǒng)錯誤，也應該保證數(shù)據(jù)完好無損，對數(shù)據(jù)的精確度、時間特性、適應性等都有一定要求，要求系統(tǒng)運行時，能夠保證數(shù)據(jù)的正確性、信息的可靠性、實現(xiàn)的高效性、系統(tǒng)的易使用性、系統(tǒng)管理的

13、可維護性、信息的可測試性、數(shù)據(jù)的復用性、數(shù)據(jù)庫的安全保密性、數(shù)據(jù)的可移植性以及網(wǎng)絡互聯(lián)性。第三章 系統(tǒng)功能說明3.1 前臺顯示說明 3.1.1 前臺首頁顯示 下面通過首頁來說明網(wǎng)站整體的功能： 圖1 網(wǎng)站首頁（無測試數(shù)據(jù)） 1. 首頁的最頂部排列顯示大類新聞或文章，用戶可以直接點擊查看各項大類新聞里面的各項小類新聞，直到閱讀每條詳細信息。 2. 站點首頁，教學科研，教學專題，資源下載，圖片鑒賞等各個欄目，后臺可以控制排序和位置調(diào)整，或顯示條數(shù)設置。 3. 圖片，下載等顯示可以任意排序，而且可以直接點擊查看相關信息進行查看和更新信息。 4. 設有專題顯示和網(wǎng)站調(diào)查系統(tǒng)，以及網(wǎng)站的一些統(tǒng)計數(shù)據(jù)信息

14、，可以按不同條件進行文件信息搜索。 5. 公告部分顯示最新發(fā)布的各項學院通知信息。 3.1.2 網(wǎng)站的管理 本系統(tǒng)是實現(xiàn)信息發(fā)布，多欄目管理，設有網(wǎng)站管理與論壇管理分開管理；使論壇具有更靈活的管理條件。 一、 基本功能介紹： 1、網(wǎng)站基本資料設置(網(wǎng)站名稱、網(wǎng)址、等等.一些基本設置)。 2、后臺可增加一級分類和二級分類(可更改或添加)前臺自動更新。 3、網(wǎng)站底部功能菜單設置內(nèi)容增加更改。 4、可添加無數(shù)條公告 前臺自動顯示。（內(nèi)附多功能編輯器） 5、站內(nèi)新聞及教學文章添加與修改。（內(nèi)附多功能編輯器） 6、模板添加和管理，導入，導出。 7、投票系統(tǒng)后臺可添加多個投票項目，可以設置前臺顯示例數(shù)。前

15、臺發(fā)表評論功能。 8、強大的廣告管理功能，后臺自行添加廣告代碼即可！ 9、在數(shù)據(jù)庫，對密碼進行了MD5加密。 10、數(shù)據(jù)庫備份與恢復 二、 文章功能介紹： 1、文章分類欄目管理功能，專題欄目管理功能，分類模版設置管理。 2、自由編輯（HTML）欄目模版，可設置多個模版。 3、搜索頁面自定義編輯（HTML）模版。 4、文章添加功能 可自選標題顏色 是否推薦，固頂，熱門等功能。 5、支持URL轉(zhuǎn)向，如果設置了網(wǎng)址，那么打開此文章后，自動跳轉(zhuǎn)到設置的URL 。 6、前臺支持固頂文章，推薦文章和熱點文章的調(diào)用，文章模糊搜索功能。 7、內(nèi)部使用了多功能編輯器可方便地用拖動的方式進行圖文混排、圖片文件上傳

16、、微縮圖上傳顯示效果處理等操作。 三、下載功能介紹： 1、下載欄目分類添加與修改。 2、添加軟件 可自行上傳軟件 自動識別文件大小。 3、前臺支持軟件固頂功能，熱門功能和推薦功能的調(diào)用，支持模糊搜索。 4、軟件管理與審核，回收站管理，評論管理。 四、 圖片功能介紹： 1、圖片欄目分類管理與修改。 2、添加圖片 可自行上傳圖片 自動識別圖片的大小。 3、前臺支持圖片固頂功能，熱門功能和推薦功能的調(diào)用，支持模糊搜索。 4、圖片管理與審核，回收站管理，評論管理。 五、 頻道管理功能： 1、可任意添加刪除頻道 （可鏈接外部鏈接）。 2、頻道間的排序功能。 六、 友情連接功能： 1、可添加無數(shù)分類 例為

17、LOGO連接和文字連接。 2、后臺直接添加連接和前臺申請鏈接。 3、鏈接修改，刪除，審核鏈接等一些功能。 七、 網(wǎng)站公告管理功能： 1、所有欄目公告，其他頁面欄目公告。 2、后臺直接添加連接和前臺申請鏈接。 3、鏈接修改，刪除，審核鏈接等一些功能。 八、 留言本功能： 1、留言本前臺瀏覽留言和發(fā)表留言功能。 2、管理員回復，修改，刪除等功能。 九、 用戶密碼功能： 管理員在線修改密碼。 十、 數(shù)據(jù)庫管理： 1、在線數(shù)據(jù)庫壓縮 需FSO的支持。 2、在線數(shù)據(jù)庫備份。 3、在線數(shù)據(jù)庫操作 注意，請備份好數(shù)據(jù)庫在進行操作。 4、空間占用查看管理 需FSO的支持。 十一、JS代碼管理： 1、普通文章的

18、JS代碼。 2、普通文章的JS代碼。 十二、上傳文件管理 1、文章頻道的上傳文件。 2、圖片頻道的縮略圖。 3、圖片頻道的上傳圖片。 4、下載頻道的軟件圖片。 5、下載頻道的上傳軟件。 6、網(wǎng)站廣告的上傳圖片。 7、清除無用文件。3.2 數(shù)據(jù)庫文件說明 數(shù)據(jù)庫共分 20 個數(shù)據(jù)表:（具體數(shù)據(jù)庫表見附錄列表二） Admin Advertisement (OLE數(shù)據(jù)儲存表) (系統(tǒng)管理員表) (定義網(wǎng)站屬性表) Announce Article ArticleClass(公告表) (文章屬性表) (文章欄目表) ArticleComment Channel FriendSite(文章用戶評論表)

19、(網(wǎng)站頻道表) (友情鏈接表) Guest Layout Photo(用戶留言表) (版面定義表) (圖像屬性表) photoClass PhotoComment Skin (圖像欄目表) (圖像用戶評論表) (樣式定義表)Soft SoftClass SoftComment(下載屬性表) (下載欄目表) (下載用戶評論表)Special Vote(文章專題表) (系統(tǒng)投票表)第四章網(wǎng)站設計總體方案設計4.1 網(wǎng)站簡要說明 這個校園新聞網(wǎng)是個集新聞、信息、交流為一體的網(wǎng)站，是為了讓在校學生能刻苦學習的同時，得到適當?shù)姆潘桑⒘私鈱W院信息辦發(fā)布的最新信息技術而設計的。系統(tǒng)的各種功能設計能夠符合學

20、院網(wǎng)站的要求，信息，公告，廣告，調(diào)查等發(fā)布功能的實現(xiàn)，能夠給網(wǎng)站更多的生氣，更多的實現(xiàn)了用戶與學院之間的交互性。4.2 網(wǎng)站可用性討論 4.2.1 網(wǎng)頁布局 實際內(nèi)容占據(jù)網(wǎng)頁的大部分空間，為50%80%，導航部分不超過20%。顏色的選擇以青白色為主，沒有使用太多的顏色來修飾某個對象，此外，正文和背景色的對比度較大，一般字色為默認的黑色，并且用了不同的背景色條區(qū)分正文區(qū)與其他功能區(qū)。為了提高網(wǎng)頁的可讀性，標題區(qū)、標題行和正文區(qū)使用了不同大小的字體，正文使用的是靜止的文字，且字體足夠大，以便于閱讀。 為了幫助用戶方便地瀏覽，每個網(wǎng)頁都設有標題導航，且網(wǎng)頁標題清楚地表明了網(wǎng)頁的內(nèi)容。在網(wǎng)頁的組織上，

21、每個網(wǎng)頁都是按照“倒金字塔”原則進行編寫，即從一個簡單的結(jié)論開始漸次展開。網(wǎng)頁排版符合用戶的閱讀習慣，采用橫向排列方式。 一個網(wǎng)頁的大小一般不超過3萬字節(jié)，以使用戶在10秒鐘之內(nèi)能打開網(wǎng)頁。而且要為每一個鏈接加上描述信息，因為當一個鏈接被點擊后，要把所有指向同一目標的鏈接都表示成已被訪問過，這樣便于用戶瀏覽。在鏈接旁注明下載文件的大小，幫助用戶預測下載時間。 4.2.2 主題鮮明、富有特色 在目標明確的基礎上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設計方案。對網(wǎng)站的整體風格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。要做到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需

22、求的人的視線，對無關的人員也能留下一定的印象。對于一些LOGO標志應充分加以利用。調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣，突出個性，這樣才能夠辦出網(wǎng)站的特色。Web站點主頁的基本成分包括：頁頭：準確無誤地標識站點名稱和學院標志； E-mail地址：用來接收用戶垂詢；聯(lián)系信息：如普通郵件地址或電話；版權信息：讓用戶了解系統(tǒng)信息。 重復利用已有信息，如用戶手冊、公共關系文檔、技術手冊和數(shù)據(jù)庫等可以輕而易舉地用到學院的Web站點中，以減輕數(shù)據(jù)庫的負擔。 4.2.3 版式編排布局合理性 網(wǎng)頁設計作為一種視覺語言，當然要講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，應充分加以利用和

23、借鑒。站點設計簡單有序，主次關系分明，將零亂頁面的組織過程，混雜的內(nèi)容，依整體的布局的需要進行分組歸納，經(jīng)過進行具有內(nèi)在聯(lián)系的組織排列，反復推敲文字、圖形與空間的關系，使瀏覽者有一個流暢的視覺體驗。 4.2.4 相關站點引導鏈接 一個好的網(wǎng)站的基本要素是用戶進入后，與本網(wǎng)站相關的信息都可以方便快捷地找到，其中要借助于相關的站點，所以做好導引是一項重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計算機成為超大規(guī)模的信息庫，鏈接到其它網(wǎng)站輕而易舉。 在設計網(wǎng)頁的導引組織時，應該給出多個相關網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標馬上就可以點擊的地方。4.3 網(wǎng)站流程圖 用戶瀏覽網(wǎng)站瀏覽查看撰寫

24、留言網(wǎng)站服務注冊登陸論壇論壇瀏覽和發(fā)帖未注冊論壇瀏覽退 出 圖2 網(wǎng)站流程圖該流程圖是從用戶的角度開始的，登錄用戶可以更好地使用本站提供的信息服務、個性化服務及定期的網(wǎng)站活動；而未登錄用戶僅僅可以瀏覽信息，無法進行社區(qū)等本站相關的活動及服務。4.4 網(wǎng)站模塊結(jié)構(gòu)網(wǎng)站基本結(jié)構(gòu)圖網(wǎng)站前臺模塊會員模塊后臺管理模塊資源下載模塊網(wǎng)站瀏覽模塊留言系統(tǒng)模塊論壇會員注冊模塊論壇會員瀏覽模塊會員論壇工具模塊登陸驗證模塊資源管理模塊欄目管理模塊網(wǎng)站維護模塊論壇維護模塊圖片鑒賞模塊 圖3 網(wǎng)站模塊結(jié)構(gòu)4.5 本章小結(jié) 在本章中，主要闡述了網(wǎng)站設計的方案設計，和系統(tǒng)模塊的建立，系統(tǒng)設計需要設計軟件系統(tǒng)的體系結(jié)構(gòu)、用戶

25、界面、數(shù)據(jù)庫、模塊等，從而在需求與代碼之間建立橋梁。系統(tǒng)設計分兩個階段：高層設計階段和詳細設計階段，高層設計階段的重點是網(wǎng)站的體系結(jié)構(gòu)設計。詳細設計階段的重點是管理界面設計、數(shù)據(jù)庫設計和模塊設計。在體系結(jié)構(gòu)設計之前要閱讀需求文檔，明確設計任務。第五章 結(jié)構(gòu)設計與具體實現(xiàn)5.1 整體設計 5.1.1 結(jié)構(gòu)設計 本網(wǎng)站的各個功能入口比較多，因此需要一個專門的文件來顯示各種后臺入口，而且在網(wǎng)頁中還要顯示出用戶在留言板塊和管理員在后臺模塊的信息，因此整個網(wǎng)站我使用了框架（Frame）結(jié)構(gòu)，這樣操作比較方便，結(jié)構(gòu)美觀。具體結(jié)構(gòu)實現(xiàn)見（5.2界面設計）。 5.1.2 數(shù)據(jù)庫的連接數(shù)據(jù)只有用數(shù)據(jù)庫來管理才能

26、有自動化管理的可能。數(shù)據(jù)的結(jié)構(gòu)將影響整個管理機制的應用，而且一旦建立以后要修改常會出現(xiàn)麻煩。所以一開始就要仔細慎重地搭建一個完整而合理的結(jié)構(gòu)。Microsoft Access數(shù)據(jù)庫相對其它的數(shù)據(jù)庫來說要簡單容易操作些，本網(wǎng)站信息發(fā)布系統(tǒng)中的數(shù)據(jù)庫文件就是Access類型的數(shù)據(jù)庫，數(shù)據(jù)庫中共有20張表（具體表單見附錄表二）。以下是本系統(tǒng)與數(shù)據(jù)庫建立連接的conn.asp源代碼：數(shù)據(jù)庫文件data.mdb在連接文件嵌入下，各頁面都能夠訪問數(shù)據(jù)庫，這是實現(xiàn)交互性的前題。（數(shù)據(jù)庫設計見圖）圖4 數(shù)據(jù)庫頁面信息5.2界面設計設置公開地聯(lián)系方式及其用戶信息反饋專用論壇和留言系統(tǒng)；設置網(wǎng)站整體信息與用戶為一

27、體；設置完善地個性化地會員管理與交互系統(tǒng)；完善的網(wǎng)站內(nèi)容、網(wǎng)站用戶檢索系統(tǒng)。網(wǎng)站的整體顏色：白色為導航顏色；主體顏色：青白色；字體：宋體；行距：150% 網(wǎng)站統(tǒng)一頂部為導航條【站標、學院首頁、教學科研、教學專題、圖片鑒賞、資源下載、學工在線、留下建議】 網(wǎng)站上中部：網(wǎng)站圖片與動態(tài)的FLASH結(jié)合；位置導航； 網(wǎng)站中部：網(wǎng)站信息；友情連接；站點數(shù)據(jù)；網(wǎng)站導航條；圖文信息；在線投票； 網(wǎng)站底部：后臺管理登陸；網(wǎng)站/版面制作；版權信息。 5.3 開發(fā)語言5.3.1 ASP簡介 ASP的優(yōu)勢：ASP技術 ASP（Active Server Pages動態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代

28、CGI（Common Gateway Interface通用網(wǎng)關接口）的技術。目前，Internet上的許多基于Windows平臺的Web站點已開始應用ASP來替換CGI。 簡單地講，ASP是一個位于服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的交互式Web服務器應用程序，如交互式動態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前Internet 上的許多站點，仍然提供靜態(tài)（static）的主頁內(nèi)容。 ASP與常見的在Client端實現(xiàn)動態(tài)主頁的技術如Java Applet、ActiveX Control、VBS

29、cript、JavaScript等不同，ASP中的命令和Script語句都是由服務器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動態(tài)生成的Web頁面并送到瀏覽器；而Client端技術的Script命令則是由瀏覽器來解釋執(zhí)行。由于ASP是在服務器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持ASP；同時由于它在服務器端執(zhí)行，開發(fā)者也不必擔心別人下載程序從而竊取編程邏輯。ASP通過后綴名為.asp的ASP文件來實現(xiàn)，一個.asp文件相當于一個可執(zhí)行文件，因此必須放在Web服務器上有可執(zhí)行權限的目錄下。當用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個URL請求發(fā)給Web Server，如果Web Server上

30、裝了ASP，就調(diào)用ASP. ASP讀出相應.asp文件，解釋并執(zhí)行命令，動態(tài)生成一個HTML頁面回傳Web Server，然后Web Server再把結(jié)果發(fā)送給瀏覽器。ASP文件的制作和HTML類似，且和HTML開發(fā)集成，可以在同一個過程完成，利用ASP將可以執(zhí)行的腳本嵌入到HTML文件中(將HTML文件的后綴名改為.asp)，這使得HTML文件的編寫與腳本的開發(fā)融合在一起。通過ASP內(nèi)置的對象、服務器組件（Server Component）可以完成非常復雜的任務，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務器組件完成專門的任務。ASP比較網(wǎng)關及服務器擴展模式有著以下優(yōu)點： (1) 完全與HTM

31、L文件融合在一起； (2) 容易創(chuàng)建，不需要其它編譯、鏈接程序； (3) 面向?qū)ο蟮牟⑼ㄟ^ActiveX Server對象可擴展。 ASP的特點： 1.組件在ASP技術中起著核心作用 要想開發(fā)出具有實用價值的動態(tài)Web應用程序，ASP腳本必須與基本COM標準的組件配合使用。組件對象模型的微軟公司體現(xiàn)用戶的一種基于二進制的軟件標準，與語言無關。Visual Basic, Visual C+, Visual J+ 等都能創(chuàng)建COM組件，在不同的語言實現(xiàn)的組件之間，依據(jù)COM標準可以進行交互操作。 ASP提供了10個內(nèi)置組件。每個組件中包括一個或多個對象。在使用前，組件的對象需要被實例

32、化。ASP提高了6個內(nèi)置對象，這6個內(nèi)置對象可以被ASP腳本直接使用，不需要被實例化。除了內(nèi)置組件和內(nèi)置對象，開發(fā)人員還可以自行制作實現(xiàn)特殊功能的組件。 2.支持幾乎所有的腳本語言 除了支持VBScript，JavaScript外，ASP還支持REXX，Perl等多種腳本語言。VBScript是ASP支持的默認腳本語言。在同一個ASP文件中，ASP腳本可調(diào)用不同的腳本語言，從而發(fā)揮各種腳本語言的優(yōu)勢。 （1）易于操控數(shù)據(jù)庫 ASP可以輕易地通過ODBC(Open Database Connectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Access、VFP、DBase、Oracle等等，

33、另外，ASP亦可將“文本文件”或是“Excel” 文件當成數(shù)據(jù)庫用。 （2）ASP的七個對象 對象名稱 功能描述 Request: 用于獲取客戶通過瀏覽器向服務器發(fā)送的信息；Response： 用于將輸出結(jié)果發(fā)送到瀏覽器；Server： 用于提供對服務器方法，屬性的存取；Session： 用于在一個擁護對話(Session)中存儲公用的信息；Application： 用于在ASP應用的多個對象之間共享信息；Asperror： 用于ASP應用的錯誤處理；Objectcontext：用于通過Microsoft Transaction Server(MTS)來提交或中止一項交易。 從客戶端取得信息將

34、信息送給客戶端提供一些Web服務器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個ASP-Application中讓不同的客戶端共享信息可以用來配合Microsoft Transaction 服務器進行分布式事務處理。 ASP的工作原理 當用戶瀏覽網(wǎng)頁時，客戶端瀏覽器與WEB站點之間進行交互的過程如下圖所示： 圖5 ASP工作原理當服務器看到文件的擴展名為.asp時，就會讀取文件內(nèi)容，解釋執(zhí)行其中的VBScript程序。當遇到基于COM標準的組件（組件本身是經(jīng)過便宜的可重用的二進制代碼）時，ASP引擎將啟動相應組件完成指定的功能。若ASP文件含有訪問數(shù)據(jù)庫

35、的請求時，ASP內(nèi)置組件ADO（ActiveX Data Object）能與數(shù)據(jù)庫連接，對數(shù)據(jù)庫進行訪問，并將訪問結(jié)果返回服務器。最后，生成標準的HTML文件，并將生成的HTML文件傳送給瀏覽器。這樣就完成了用戶瀏覽器對服務器的訪問。 所以我選擇了ASP結(jié)合Dreamweaver MX 2004架構(gòu)湖北工業(yè)大學計算機學院網(wǎng)站。 5.3.2 VBScript的特點 VBScript語言是微軟公司推出的一直面向?qū)ο蟪绦蛟O計的語言，它特別適于Internet應用程序的開發(fā)。使用HTML語言編寫的網(wǎng)頁是靜態(tài)的，不能隨不同的用戶和不同的瀏覽方式而改變。而用VBScript編寫的網(wǎng)頁是一直動態(tài)的，可以使主

36、頁隨應用條件的不同而改變頁面的內(nèi)容。VBScript也是ASP程序使用的主要的腳本語言。 VBScript語言的特點主要有簡單易學，面向?qū)ο?，安全性能好，用途廣泛等優(yōu)點。 VBScript語言是微軟公司在Visual Basic的基礎上開發(fā)出來的，與Visual Basic語言十分的類似。它的編程過程與自然語言十分相似，比較容易理解和編程，即使沒學過Visual Basic，通過學習也能迅速地掌握VBScript語言。簡單好用的特點使VBScript語言特別適合從未從事程序設計的人，從而成為設計開發(fā)人員進行WEB動態(tài)頁面設計的最快途徑。 面向?qū)ο笫蔷幊陶Z言的發(fā)展趨勢，在VBScript中經(jīng)常用

37、到的ActiveX控件，文檔對象模型等都是對象。VBScript對每個對象采用事件處理方式，當單擊一個對象時，就給對象發(fā)生一個消息，告之要執(zhí)行的操作，同時發(fā)送對象所需的數(shù)據(jù)。 VBScript不能夠直接訪問內(nèi)存，也不能夠在硬盤上創(chuàng)建和操作文件。它又刪除了所有“具有危險性”和可能感染病毒的命令。所以VBScript是十分安全可靠的。 VBScript究竟能夠做什么事情呢？取決于編程人員的想象力?，F(xiàn)在，必須使用Java或Java Applet制作的許多動態(tài)效果都能夠使用VBScript語言實現(xiàn)了。另外，VBScript還可以與ASP中的ADO技術結(jié)合，使主頁除了具有瀏覽功能外，還增加了數(shù)據(jù)庫管理和

38、網(wǎng)上交互能力，從而開發(fā)出更強大的服務器程序。5.4 具體設計文檔5.4.1 內(nèi)容和功能設計這個校園網(wǎng)站主要實現(xiàn)新聞、信息等功能，目標用戶主要是Internet的在校學生。先明確這個校園網(wǎng)站提供的主要功能：(1) 注冊登錄系統(tǒng)： 提供用來在論壇中發(fā)表建議和交流功能(2) 學院留言系統(tǒng)： 提供學院在線技術支持和咨詢的功能(3) 教學科研專區(qū)： 提供學院教師在個方面的成果及新聞的功能(4) 新聞公告專區(qū)： 提供有關學院的公告通知，計算機方面的最新資訊。(5) 學工在線專區(qū)： 提供用戶之間進行交流的系統(tǒng)。(6) 遠程管理系統(tǒng)： 管理員模塊，用來管理網(wǎng)站論壇會員、數(shù)據(jù)庫以及網(wǎng)站維護等。 5.4.2 前臺

39、新聞文摘顯示 可以根據(jù)網(wǎng)站的需要,進行各種方式的插入,自動更新.如顯示欄目導航,顯示某欄目的最新N條新聞等. 使用管理系統(tǒng)制作動態(tài)網(wǎng)頁時,可在需要的地方插入相應的代碼,即可以多種形式顯示新聞 文章的欄目或內(nèi)容。例如：一級欄目列表、二級欄目列表、欄目導航列表、某一欄目的最新新聞(文章)顯示條數(shù)、某一欄目的熱門文章可任意調(diào)整。該系統(tǒng)也可經(jīng)后繼開發(fā),使之生成JS代碼,在一個主機上維護新聞文章,在其他靜態(tài)網(wǎng)頁中插入代碼后顯示相應的新聞文章。 5.4.3 后臺管理 1. 文章欄目管理：增加,修改,刪除一級,二級文章欄目。 2. 文章添加：按不同欄目添加文章、支持文本、HTML格式或源代碼顯示、支持圖片上

40、傳和附件上傳。 3. 新聞文章刪除：刪除舊的文章。 4. 新聞文章刪除：在后臺管理系統(tǒng)中上傳一些文章、上傳圖片等、在前臺查詢這些文章。 5. 管理員管理：后臺管理系統(tǒng)的管理員設置。 6. 基本項目管理：數(shù)據(jù)庫數(shù)據(jù)管理、系統(tǒng)初始化、網(wǎng)站資料管理、空間占用信息等。 7. 其他項目管理：郵件處理、主機環(huán)境變量、組件支持情況、后臺使用幫助、文件在線管理等。 8. 留言系統(tǒng)管理：發(fā)表、刪除、回復留言等。 9. 友情鏈接管理：分類管理、添加鏈接、鏈接管理、審核申請的鏈接等。 10. 下載和圖片文件管理：分類管理、添加新文件、管理已存在的文件等。 5.4.4 信息結(jié)構(gòu)設計 (1) 確定欄目欄目是網(wǎng)站主要內(nèi)容

41、的體現(xiàn)，合理的劃分和安排欄目，將網(wǎng)站的主題明確的顯示出來，并且盡量方便訪問者的瀏覽和查詢。 (2) 確定網(wǎng)站的目錄結(jié)構(gòu) 建立良好的目錄結(jié)構(gòu)，方便站點的維護。校園網(wǎng)站的目錄結(jié)構(gòu)如下：l adskin 頁面圖片文件存放目錄l database 默認數(shù)據(jù)庫存放目錄l databackup 數(shù)據(jù)庫備份目錄 l UploadSoft 默認上傳的下載數(shù)據(jù)存放目錄l UploadAdpic 上傳的廣告文件l UploadFiles 上傳的文件l UploadPhotos 上傳的圖片文件l UploadSoftPic 上傳的下載的微縮圖片l UploadThumbs 上傳的文件數(shù)據(jù)l images 系統(tǒng)圖片文

42、件l inc 系統(tǒng)配置目錄l BBS 論壇存放目錄(3) 網(wǎng)站裝飾風格采用了藍色和白色為主導航顏色，首頁中運用最新更新圖片，以及文字交錯排版，使整個網(wǎng)站看上去符合跳動的風格。(4) 網(wǎng)站的鏈接結(jié)構(gòu)校園網(wǎng)站的主要鏈接關系如下：學院首頁、教學科研、教學專題、圖片鑒賞、資源下載、學工在線、留下建議、遠程管理相互之間均有鏈接。注冊 / 注冊新用戶 / 新用戶注冊頁面 / 用戶管理頁面 (論壇)遠程管理 / 管理員登陸頁面 / 管理員頁面5.4.5 可視化設計網(wǎng)站可視化設計的主要目的是提供給用戶一個關于網(wǎng)站的信息展示方案，一個良好有效的網(wǎng)站可視化設計能給用戶留下深刻的印象，使得用戶能夠自然、友好的瀏覽W

43、eb站點所提供的信息，也是網(wǎng)站設計中重要的一環(huán)。可視化設計最重要的是確定網(wǎng)站的頁面布局。然后設計網(wǎng)頁的表現(xiàn)框架，建立頁面模型。5.5 具體實現(xiàn)技術5.5.1 CSS在湖工大計算機學院網(wǎng)站中的應用實例 在湖工大計算機學院網(wǎng)站中的頁面，增加了以下的定義，使頁面有特殊的顯示效果。 湖工大計算機學院網(wǎng)站中CSS樣式表使用的部分代碼：.topbgbackground:url(Images/topbg.gif);color: #FFFFFF;.bgcolor background-color: #E1F4EE; 在上面的樣式表中定義了網(wǎng)頁頭部的背景圖片和顏色，以避免因網(wǎng)頁瀏覽器的的設置改變而引起的網(wǎng)頁頭部

44、的背景圖片和顏色變化，影響頁面瀏覽者的信息瀏覽；.topbg這部分是對網(wǎng)頁背景顏色和背景圖片的設置。 5.5.2 應用JavaScript設計網(wǎng)頁 JavaScript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java 腳本語言（Java小程序）一起實現(xiàn)在一個Web頁面中鏈接多個對象，與Web客戶交互作用，從而可以開發(fā)客戶端的應用程序等。它是通過嵌入或調(diào)入在標準的HTML語言中實現(xiàn)的。它的出現(xiàn)彌補了HTML語言的缺陷。 JavaScript的出現(xiàn)使得信息和用戶之間不僅只是一種顯示和瀏覽的關系，而是實現(xiàn)了

45、一種實時的、動態(tài)的、可交式的表達能力。從而基于CGI靜態(tài)的HTML頁面將被可提供動態(tài)實時信息，并對客戶操作進行反應的Web頁面的取代。JavaScript腳本正是滿足這種需求而產(chǎn)生的語言。它深受廣泛用戶的喜愛。它是眾多腳本語言中較為優(yōu)秀的一種，與WWW的結(jié)合有效地實現(xiàn)了網(wǎng)絡計算和網(wǎng)絡計算機的藍圖。 在網(wǎng)站JS代碼管理文件中使用了下面一段JavaScript代碼片段：function makejs()var strJS;strJS=nn;document.myform.JsCode.value=strJS; 此代碼主要是實現(xiàn)管理員在后臺增加欄目時所調(diào)用的JS代碼。欄目的增減分類等處理，可以直接涉

46、及到網(wǎng)站的構(gòu)造，頁面的顯示與隱藏甚至刪除，所以，在使用JS調(diào)用的時候一般不在同一時間使用多次，以減輕服務器和數(shù)據(jù)庫讀寫的負擔。5.6 留言系統(tǒng)的設計 留言板的基本功能是讓使用者撰寫留言或查看別人的留言。一個功能完善的留言板也有著比較復雜的功能，這種復雜性表現(xiàn)在留言板的管理權限和留言豐富的表現(xiàn)形式兩個方面。只有撰寫者自己才能夠重新編輯他自己寫的留言，超級管理員可以刪除回復留言。 因為使用Access創(chuàng)建數(shù)據(jù)庫最自然的方式就是使用圖形界面來創(chuàng)建，所以這里沒有必要給出創(chuàng)建這表的SQL腳本。本系統(tǒng)應該包含以下的模塊：撰寫留言模塊瀏覽留言模塊保存操作（撰寫，刪除，回復）的功能模塊 我在制作的過程中留言本

47、功能模塊全部結(jié)合在一個文件guestbook.asp里面，以下就是留言本頁面： 圖6 留言本頁面撰寫留言頁面的表單部分代碼： 這部分代碼主要是實現(xiàn)顯示IP地址和顯示留言信息的， 這部分代碼主要是實現(xiàn)在線留言搜索。留言系統(tǒng)嵌入了UBB功能，用戶在編輯留言時就有了自己想要的格式和效果，給用戶新意，產(chǎn)生好印象，給下次訪問網(wǎng)站帶來基礎和前提。論壇的設計與留言本類似，只是功能比留言本更加的完善一些，在這里就不一一詳細的說明了。5.7 數(shù)據(jù)加密 有很多理由使開發(fā)者需要對某些敏感數(shù)據(jù)進行加密，比如這里的管理員登陸模塊，此時有必要對傳遞的密碼進行存儲加密。計算機密碼學是研究計算機信息加密，解密及其變換的科學，

48、是數(shù)學和計算機的交叉學科，也是一門新興的學科。MD5加密，這里不可能去研究加密算法，所以只能夠簡單的介紹一下如何使用最常見的加密技術。在客戶端進行加密的意義是用加密的信息在代替沒有加密的信息在網(wǎng)絡中傳送。網(wǎng)絡是不安全的，現(xiàn)在有很多偵聽軟件可以偵聽網(wǎng)絡中傳送的數(shù)據(jù)。但這種加密應該是單向的，即不能夠?qū)⒓用苓^的數(shù)據(jù)采用一定的算法（通常剛好是原加密工具的算法反算）還原。否則，由于客戶端代碼是源代碼可見的，偵聽者了解了原算法，也就可以設計出反向的算法。 在服務器端進行加密的意義是當服務器受到攻擊，數(shù)據(jù)庫外泄時，可以盡可能地不讓攻擊者獲得正確的數(shù)據(jù)。MD5雜湊加密算法是最有名，最常用的一直加密算法。它是不

49、可逆的。所以它可以用于服務器端加密。下面來對它的用法作一下簡單介紹。MD5.asp程序片段：m_12Power(29)=CLng()m_12Power(30)=CLng()Dim xDim kConst S41=6Const S42=10Const S43=15Const S44=21x=ConvertToWordArray(sMessage)a=&Hb=&HEFCDAB89c=&H98BADCFEd=&HFork=0 To UBound(x)Step16AA=aBB=bCC=cDD=dMd5=FF a,b,c,d,x(k+0),S11,&HD76AA478Md5=FF b,c,d,a,x(k+15),S14,&H49B40821首先要在使用MD5加密的也面上包含它： 在加密的時候使用函數(shù)md5(strItem)就可以啦：md5(strUserName)在加密的過程中，“asp”加密后的結(jié)果是dcc13a25e.這就是存儲在數(shù)據(jù)庫的最終結(jié)果。5.8 管理員登錄功能設計 管理員登錄頁面是整個系統(tǒng)的核心，是管理員進行后臺管理的入口，在此完成管理員的登錄和身份驗證，如果是合法的用戶。讀出用戶權限，然后轉(zhuǎn)如后臺管理頁面進行系統(tǒng)的整體管理，本系統(tǒng)中的管理員登錄頁面是Adm