基于ASP的校園網(wǎng)站設(shè)計(jì)（附源程序）

PAGE1校園網(wǎng)站設(shè)計(jì)摘要20世紀(jì)末，隨著計(jì)算機(jī)科學(xué)的發(fā)展，數(shù)據(jù)庫技術(shù)在Internet中的應(yīng)用越來越廣泛，為廣大網(wǎng)絡(luò)用戶提供了更加周到和人性化的服務(wù)。個(gè)性化已逐漸成為當(dāng)今Web應(yīng)用的潮流。本文研究了一種基于ASP校園新聞系統(tǒng)，此方案與現(xiàn)今網(wǎng)上已采用的一些方案相比，具有用戶使用更簡(jiǎn)單、界面更直觀等優(yōu)點(diǎn)。校園網(wǎng)站在我國剛起步，但發(fā)展很快。隨著我國互聯(lián)網(wǎng)的更加普及和校園網(wǎng)站的更趨成熟，會(huì)有越來越大的網(wǎng)絡(luò)用戶，市場(chǎng)潛力會(huì)得到充分發(fā)揮。本文中所做的主要工作如下：介紹了個(gè)性化頁面的背景及ASP+VBScript+ACCESS系統(tǒng)的一般原理；闡述整個(gè)個(gè)性化頁面生成系統(tǒng)的系統(tǒng)結(jié)構(gòu)及工作原理；分析了系統(tǒng)實(shí)現(xiàn)中的特殊性、難點(diǎn)和重點(diǎn)；設(shè)計(jì)實(shí)現(xiàn)用戶注冊(cè)、用戶登錄、找回密碼、在線統(tǒng)計(jì)人數(shù)、顯示IP，用戶管理等ASP頁面。分析并解決實(shí)現(xiàn)中的若干技術(shù)問題；建立完整的校園網(wǎng)站，進(jìn)行測(cè)試并分析結(jié)果。關(guān)鍵字：ASP數(shù)據(jù)庫網(wǎng)站設(shè)計(jì)TheDesignofCampusWebSiteAbstractInthelate20thcenturies,withthedevelopmentofcomputers,thetechnologyofdatabaseiswidelyusedintheinternet.Itprovidedcharacterizedservicesfortheinternetusers.Personalityhasbecomeatrendintheuseoftoday'sweb.ThisarticlestudiedakindofamusementsystembasedonASPsystem,comparedwithtoday'sdesignation,ithastheadvantageofdirection.AlthoughthecampusWebsitejustarises,anditdevelopedveryrapidly.Withthepopulationandmaturityofinternet,itwillhavealargeconsumptiongroupsgradually.Thepotentialofthemarketwillbefullyshowed.Thispaperprovidedsuchmainjobs,asfollowed:(1)ItintroducedthebackgroundofpersonalityWebpageandgeneralprincipleofASP+VBScript+ACCESSsystem.(2)ItelaboratedthesystemstructureofthepersonalityWebpageandthejobprinciple,atthesametimeitanalyzedthespecialization,difficulty,emphasis.(3)Itdesignedandrealizedtheasppagessuchuserregistration,userloggingin,findingthelostkey,on-linecountnumber,displayIP,usermanageetc.(4)Itanalyzedandsolvedseveraltechnicalproblem(5)Itbuiltacompleteinternetstation.Sothatitcanhaveatestandanalyzetheresult.Keywords:ASP；Database；WebsiteDesign基于ASP的校園網(wǎng)站設(shè)計(jì)第一章.緒論1.1前言Internet正在改變世界，由于Internet具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點(diǎn)，已經(jīng)發(fā)展成為新的傳播媒體，現(xiàn)在很多大學(xué)和眾多企業(yè)部門都已經(jīng)建立了自己的網(wǎng)站，通過計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)宣傳、交流及資源的整合。建立學(xué)院網(wǎng)站有以下作用：

(1)學(xué)院網(wǎng)站是學(xué)院的“商標(biāo)”。在這個(gè)高度信息化的社會(huì)里，建立學(xué)院自己的網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時(shí)空特性，不僅能讓本地區(qū)的人們了解學(xué)院，更可讓世界了解學(xué)院。

(2)學(xué)院有巨大的教育資源，網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁，它使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機(jī)會(huì)，能極大的提高教學(xué)效率。

(3)學(xué)院網(wǎng)站能提供教學(xué)互動(dòng)的全新方式，學(xué)院網(wǎng)站使得教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間的交流有了全新的方式，它不再受到傳統(tǒng)課堂的制約。它可以使不同的學(xué)院同處一室，共同討論，共同提高。地理上的界限在這里模糊和消失了，學(xué)院網(wǎng)站是真正沒有圍墻的學(xué)院。

(4)學(xué)院網(wǎng)站能夠提供個(gè)性化的學(xué)習(xí)平臺(tái)，不同的學(xué)生理解世界的方式各不相同，認(rèn)知世界有諸多方式。網(wǎng)絡(luò)提供的豐富資源可以使學(xué)生尋覓不同的教育方式，各取所需。學(xué)院網(wǎng)站允許不同的學(xué)生沿著自己的途徑，按自己的速度接受教育與學(xué)習(xí)，學(xué)生將有機(jī)會(huì)享受最佳的教育機(jī)會(huì)，充分發(fā)掘自己的內(nèi)在潛力，培植獨(dú)特的個(gè)性和人格。

(5)學(xué)院網(wǎng)站是最佳的教學(xué)研究室，學(xué)院網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學(xué)院教學(xué)研究帶來了一片新天地，各種優(yōu)秀教案、專家論壇、網(wǎng)絡(luò)觀摩課、各科素材、多媒體課件制作等內(nèi)容為教師教研提供了極佳的平臺(tái)。有效地降低教研成本、提高效率。

1.2研究時(shí)間

從需求分析，系統(tǒng)設(shè)計(jì)，編碼實(shí)現(xiàn)到測(cè)試從4月8日到5月10日。

1.3主要研究?jī)?nèi)容

本課題的主要研究?jī)?nèi)容在于以下幾個(gè)方面：1、文章管理信息2、下載管理信息3、圖片管理信息4、管理員管理信息5、JS管理信息6、頁面模板信息7、專題管理信息8、數(shù)據(jù)庫管理信息第二章．開發(fā)環(huán)境及需求分析2.1、開發(fā)目的

隨著計(jì)算機(jī)技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對(duì)我們生活和工作顯得越來越重要，特別是現(xiàn)在信息高度發(fā)達(dá)的今天，人們對(duì)最新信息的需求和發(fā)布迫切的需要及時(shí)性。而動(dòng)態(tài)交互式網(wǎng)頁剛好提供了這些功能，本系統(tǒng)就是一個(gè)能夠在網(wǎng)上實(shí)現(xiàn)新聞，文摘，資源等的網(wǎng)上發(fā)布，多欄目管理，實(shí)時(shí)的進(jìn)行行為統(tǒng)計(jì)和記錄的網(wǎng)上交互系統(tǒng)，達(dá)到師生間的交流。

2.2、項(xiàng)目背景

HTML作為一種樣式語言，隨著Internet上信息量的增多和交互性的加強(qiáng)使HTML顯得越來越難以勝任的情況之下，而ASP能夠徹底實(shí)現(xiàn)用戶與管理人員的交互性，在ASP編程語言高度發(fā)展的形式下，ASP能夠很好的解決這些復(fù)雜交互的動(dòng)態(tài)性，于是我們也開始了對(duì)學(xué)院網(wǎng)站的動(dòng)態(tài)開發(fā)，即而讓學(xué)院網(wǎng)站更加的互動(dòng)。

2.3、開發(fā)環(huán)境

2.3.1

系統(tǒng)平臺(tái)

采用Browser/Server體系結(jié)構(gòu)，服務(wù)器端采用運(yùn)行最低配置要求(全部為中文環(huán)境)操作系統(tǒng)Windows2021AdvServer，Windows2021Server腳本解釋器Vbscripts5.6以上版本，安裝MicrosoftInternetExplorer5.5以上版本既可獲得：

Web服務(wù)器IIS6.0，Windows2021自帶

數(shù)據(jù)引擎MicrosoftAccess

權(quán)限要求對(duì)Access數(shù)據(jù)庫具有建表、備份的權(quán)限

空間大小初次安裝至少10M可用空間

硬件要求PIII500CPU256M內(nèi)存或更高

帶寬要求10M共享或更高

客戶端軟件，包括單機(jī)操作系統(tǒng)和瀏覽器軟件，分別選用Windows2021和InternetExplorer，數(shù)據(jù)庫系統(tǒng)采用MicrosoftAccess有利于方便操作。

2.3.2開發(fā)工具

基于Web的系統(tǒng)開發(fā)工具應(yīng)使開發(fā)者使用各種各樣的技術(shù)來創(chuàng)建動(dòng)態(tài)的Web應(yīng)用程序，并且應(yīng)是一個(gè)可視化的工具。我所采用的是DreamweaverMX進(jìn)行開發(fā)，它是用來快速創(chuàng)建數(shù)據(jù)驅(qū)動(dòng)Web應(yīng)用程序的基于團(tuán)隊(duì)的開發(fā)環(huán)境，支持ASP，以O(shè)DBC連接數(shù)據(jù)庫，腳本語言為簡(jiǎn)單易學(xué)的JavaScript或VBScript。

2.3.3

運(yùn)行需求

在調(diào)試和運(yùn)行過程中，應(yīng)該能夠讓系統(tǒng)正常使用時(shí)不出錯(cuò)，若運(yùn)行時(shí)遇到不可恢復(fù)的系統(tǒng)錯(cuò)誤，也應(yīng)該保證數(shù)據(jù)完好無損，對(duì)數(shù)據(jù)的精確度、時(shí)間特性、適應(yīng)性等都有一定要求，要求系統(tǒng)運(yùn)行時(shí)，能夠保證數(shù)據(jù)的正確性、信息的可靠性、實(shí)現(xiàn)的高效性、系統(tǒng)的易使用性、系統(tǒng)管理的可維護(hù)性、信息的可測(cè)試性、數(shù)據(jù)的復(fù)用性、數(shù)據(jù)庫的安全保密性、數(shù)據(jù)的可移植性以及網(wǎng)絡(luò)互聯(lián)性。第三章系統(tǒng)功能說明3.1前臺(tái)顯示說明

3.1.1前臺(tái)首頁顯示

下面通過首頁來說明網(wǎng)站整體的功能：

圖1網(wǎng)站首頁（無測(cè)試數(shù)據(jù)）

1.首頁的最頂部排列顯示大類新聞或文章，用戶可以直接點(diǎn)擊查看各項(xiàng)大類新聞里面的各項(xiàng)小類新聞，直到閱讀每條詳細(xì)信息。

2.站點(diǎn)首頁，教學(xué)科研，教學(xué)專題，資源下載，圖片鑒賞等各個(gè)欄目，后臺(tái)可以控制排序和位置調(diào)整，或顯示條數(shù)設(shè)置。

3.圖片，下載等顯示可以任意排序，而且可以直接點(diǎn)擊查看相關(guān)信息進(jìn)行查看和更新信息。

4.設(shè)有專題顯示和網(wǎng)站調(diào)查系統(tǒng)，以及網(wǎng)站的一些統(tǒng)計(jì)數(shù)據(jù)信息，可以按不同條件進(jìn)行文件信息搜索。

5.公告部分顯示最新發(fā)布的各項(xiàng)學(xué)院通知信息。

3.1.2網(wǎng)站的管理

本系統(tǒng)是實(shí)現(xiàn)信息發(fā)布，多欄目管理，設(shè)有網(wǎng)站管理與論壇管理分開管理；使論壇具有更靈活的管理?xiàng)l件。

一、基本功能介紹：

┆1、網(wǎng)站基本資料設(shè)置(網(wǎng)站名稱、網(wǎng)址、等等...一些基本設(shè)置)。

┆2、后臺(tái)可增加一級(jí)分類和二級(jí)分類(可更改或添加)前臺(tái)自動(dòng)更新。

┆3、網(wǎng)站底部功能菜單設(shè)置內(nèi)容增加更改。

┆4、可添加無數(shù)條公告前臺(tái)自動(dòng)顯示。（內(nèi)附多功能編輯器）

┆5、站內(nèi)新聞及教學(xué)文章添加與修改。（內(nèi)附多功能編輯器）

┆6、模板添加和管理，導(dǎo)入，導(dǎo)出。

┆7、投票系統(tǒng)后臺(tái)可添加多個(gè)投票項(xiàng)目，可以設(shè)置前臺(tái)顯示例數(shù)。前臺(tái)發(fā)表評(píng)論功能。

┆8、強(qiáng)大的廣告管理功能，后臺(tái)自行添加廣告代碼即可！

┆9、在數(shù)據(jù)庫，對(duì)密碼進(jìn)行了MD5加密。

┆10、數(shù)據(jù)庫備份與恢復(fù)

二、文章功能介紹：

┆1、文章分類欄目管理功能，專題欄目管理功能，分類模版設(shè)置管理。

┆2、自由編輯（HTML）欄目模版，可設(shè)置多個(gè)模版。

┆3、搜索頁面自定義編輯（HTML）模版。

┆4、文章添加功能可自選標(biāo)題顏色是否推薦，固頂，熱門等功能。

┆5、支持URL轉(zhuǎn)向，如果設(shè)置了網(wǎng)址，那么打開此文章后，自動(dòng)跳轉(zhuǎn)到設(shè)置的URL。

┆6、前臺(tái)支持固頂文章，推薦文章和熱點(diǎn)文章的調(diào)用，文章模糊搜索功能。

┆7、內(nèi)部使用了多功能編輯器可方便地用拖動(dòng)的方式進(jìn)行圖文混排、圖片文件上傳、微縮圖上傳顯示效果處理等操作。

三、下載功能介紹：

┆1、下載欄目分類添加與修改。

┆2、添加軟件可自行上傳軟件自動(dòng)識(shí)別文件大小。

┆3、前臺(tái)支持軟件固頂功能，熱門功能和推薦功能的調(diào)用，支持模糊搜索。

┆4、軟件管理與審核，回收站管理，評(píng)論管理。

四、圖片功能介紹：

┆1、圖片欄目分類管理與修改。

┆2、添加圖片可自行上傳圖片自動(dòng)識(shí)別圖片的大小。

┆3、前臺(tái)支持圖片固頂功能，熱門功能和推薦功能的調(diào)用，支持模糊搜索。

┆4、圖片管理與審核，回收站管理，評(píng)論管理。

五、頻道管理功能：

┆1、可任意添加刪除頻道（可鏈接外部鏈接）。

┆2、頻道間的排序功能。

六、友情連接功能：

┆1、可添加無數(shù)分類例為L(zhǎng)OGO連接和文字連接。

┆2、后臺(tái)直接添加連接和前臺(tái)申請(qǐng)鏈接。

┆3、鏈接修改，刪除，審核鏈接等一些功能。

七、網(wǎng)站公告管理功能：

┆1、所有欄目公告，其他頁面欄目公告。

┆2、后臺(tái)直接添加連接和前臺(tái)申請(qǐng)鏈接。

┆3、鏈接修改，刪除，審核鏈接等一些功能。

八、留言本功能：

┆1、留言本前臺(tái)瀏覽留言和發(fā)表留言功能。

┆2、管理員回復(fù)，修改，刪除等功能。

九、用戶密碼功能：

┆管理員在線修改密碼。

十、數(shù)據(jù)庫管理：

┆1、在線數(shù)據(jù)庫壓縮需FSO的支持。

┆2、在線數(shù)據(jù)庫備份。

┆3、在線數(shù)據(jù)庫操作注意，請(qǐng)備份好數(shù)據(jù)庫在進(jìn)行操作。

┆4、空間占用查看管理需FSO的支持。

十一、JS代碼管理：

┆1、普通文章的JS代碼。

┆2、普通文章的JS代碼。

十二、上傳文件管理

┆1、文章頻道的上傳文件。

┆2、圖片頻道的縮略圖。

┆3、圖片頻道的上傳圖片。

┆4、下載頻道的軟件圖片。

┆5、下載頻道的上傳軟件。

┆6、網(wǎng)站廣告的上傳圖片。

┆7、清除無用文件。

3.2數(shù)據(jù)庫文件說明

數(shù)據(jù)庫共分20個(gè)數(shù)據(jù)表:（具體數(shù)據(jù)庫表見附錄列表二）

<%NoDown%>AdminAdvertisement

(OLE數(shù)據(jù)儲(chǔ)存表)(系統(tǒng)管理員表)(定義網(wǎng)站屬性表)AnnounceArticleArticleClass

(公告表)(文章屬性表)(文章欄目表)ArticleCommentChannelFriendSite

(文章用戶評(píng)論表)(網(wǎng)站頻道表)(友情鏈接表)GuestLayoutPhoto

(用戶留言表)(版面定義表)(圖像屬性表)photoClassPhotoCommentSkin

(圖像欄目表)(圖像用戶評(píng)論表)(樣式定義表)SoftSoftClassSoftComment

(下載屬性表)(下載欄目表)(下載用戶評(píng)論表)SpecialVote(文章專題表)(系統(tǒng)投票表)第四章．網(wǎng)站設(shè)計(jì)總體方案設(shè)計(jì)4.1網(wǎng)站簡(jiǎn)要說明

這個(gè)校園新聞網(wǎng)是個(gè)集新聞、信息、交流為一體的網(wǎng)站，是為了讓在校學(xué)生能刻苦學(xué)習(xí)的同時(shí)，得到適當(dāng)?shù)姆潘桑⒘私鈱W(xué)院信息辦發(fā)布的最新信息技術(shù)而設(shè)計(jì)的。系統(tǒng)的各種功能設(shè)計(jì)能夠符合學(xué)院網(wǎng)站的要求，信息，公告，廣告，調(diào)查等發(fā)布功能的實(shí)現(xiàn)，能夠給網(wǎng)站更多的生氣，更多的實(shí)現(xiàn)了用戶與學(xué)院之間的交互性。

4.2網(wǎng)站可用性討論

4.2.1網(wǎng)頁布局

實(shí)際內(nèi)容占據(jù)網(wǎng)頁的大部分空間，為50%～80%，導(dǎo)航部分不超過20%。顏色的選擇以青白色為主，沒有使用太多的顏色來修飾某個(gè)對(duì)象，此外，正文和背景色的對(duì)比度較大，一般字色為默認(rèn)的黑色，并且用了不同的背景色條區(qū)分正文區(qū)與其他功能區(qū)。為了提高網(wǎng)頁的可讀性，標(biāo)題區(qū)、標(biāo)題行和正文區(qū)使用了不同大小的字體，正文使用的是靜止的文字，且字體足夠大，以便于閱讀。

為了幫助用戶方便地瀏覽，每個(gè)網(wǎng)頁都設(shè)有標(biāo)題導(dǎo)航，且網(wǎng)頁標(biāo)題清楚地表明了網(wǎng)頁的內(nèi)容。在網(wǎng)頁的組織上，每個(gè)網(wǎng)頁都是按照“倒金字塔”原則進(jìn)行編寫，即從一個(gè)簡(jiǎn)單的結(jié)論開始漸次展開。網(wǎng)頁排版符合用戶的閱讀習(xí)慣，采用橫向排列方式。

一個(gè)網(wǎng)頁的大小一般不超過3萬字節(jié)，以使用戶在10秒鐘之內(nèi)能打開網(wǎng)頁。而且要為每一個(gè)鏈接加上描述信息，因?yàn)楫?dāng)一個(gè)鏈接被點(diǎn)擊后，要把所有指向同一目標(biāo)的鏈接都表示成已被訪問過，這樣便于用戶瀏覽。在鏈接旁注明下載文件的大小，幫助用戶預(yù)測(cè)下載時(shí)間。

4.2.2主題鮮明、富有特色

在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

要做到主題鮮明突出，力求簡(jiǎn)潔，要點(diǎn)明確，以簡(jiǎn)單明確的語言和畫面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線，對(duì)無關(guān)的人員也能留下一定的印象。對(duì)于一些LOGO標(biāo)志應(yīng)充分加以利用。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，突出個(gè)性，這樣才能夠辦出網(wǎng)站的特色。

Web站點(diǎn)主頁的基本成分包括：

頁頭：準(zhǔn)確無誤地標(biāo)識(shí)站點(diǎn)名稱和學(xué)院標(biāo)志；

E-mail地址：用來接收用戶垂詢；

聯(lián)系信息：如普通郵件地址或；

版權(quán)信息：讓用戶了解系統(tǒng)信息。

重復(fù)利用已有信息，如用戶手冊(cè)、公共關(guān)系文檔、技術(shù)手冊(cè)和數(shù)據(jù)庫等可以輕而易舉地用到學(xué)院的Web站點(diǎn)中，以減輕數(shù)據(jù)庫的負(fù)擔(dān)。

4.2.3版式編排布局合理性

網(wǎng)頁設(shè)計(jì)作為一種視覺語言，當(dāng)然要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。

站點(diǎn)設(shè)計(jì)簡(jiǎn)單有序，主次關(guān)系分明，將零亂頁面的組織過程，混雜的內(nèi)容，依整體的布局的需要進(jìn)行分組歸納，經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列，反復(fù)推敲文字、圖形與空間的關(guān)系，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。

4.2.4相關(guān)站點(diǎn)引導(dǎo)鏈接

一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好導(dǎo)引是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫，鏈接到其它網(wǎng)站輕而易舉。

在設(shè)計(jì)網(wǎng)頁的導(dǎo)引組織時(shí)，應(yīng)該給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方。

4.3網(wǎng)站流程圖用戶瀏覽網(wǎng)站瀏覽查看撰寫留言網(wǎng)站服務(wù)注冊(cè)登陸論壇論壇瀏覽和發(fā)帖未注冊(cè)論壇瀏覽退出用戶瀏覽網(wǎng)站瀏覽查看撰寫留言網(wǎng)站服務(wù)注冊(cè)登陸論壇論壇瀏覽和發(fā)帖未注冊(cè)論壇瀏覽退出該流程圖是從用戶的角度開始的，登錄用戶可以更好地使用本站提供的信息服務(wù)、個(gè)性化服務(wù)及定期的網(wǎng)站活動(dòng)；而未登錄用戶僅僅可以瀏覽信息，無法進(jìn)行社區(qū)等本站相關(guān)的活動(dòng)及服務(wù)。

4.4網(wǎng)站模塊結(jié)構(gòu)網(wǎng)站基本結(jié)構(gòu)圖網(wǎng)站前臺(tái)模塊會(huì)員模塊后臺(tái)管理模塊資源下載模塊網(wǎng)站瀏覽模塊留言系統(tǒng)模塊論壇會(huì)員注冊(cè)模塊網(wǎng)站基本結(jié)構(gòu)圖網(wǎng)站前臺(tái)模塊會(huì)員模塊后臺(tái)管理模塊資源下載模塊網(wǎng)站瀏覽模塊留言系統(tǒng)模塊論壇會(huì)員注冊(cè)模塊論壇會(huì)員瀏覽模塊會(huì)員論壇工具模塊登陸驗(yàn)證模塊資源管理模塊欄目管理模塊網(wǎng)站維護(hù)模塊論壇維護(hù)模塊圖片鑒賞模塊4.5本章小結(jié)

在本章中，主要闡述了網(wǎng)站設(shè)計(jì)的方案設(shè)計(jì)，和系統(tǒng)模塊的建立，系統(tǒng)設(shè)計(jì)需要設(shè)計(jì)軟件系統(tǒng)的體系結(jié)構(gòu)、用戶界面、數(shù)據(jù)庫、模塊等，從而在需求與代碼之間建立橋梁。系統(tǒng)設(shè)計(jì)分兩個(gè)階段：高層設(shè)計(jì)階段和詳細(xì)設(shè)計(jì)階段，高層設(shè)計(jì)階段的重點(diǎn)是網(wǎng)站的體系結(jié)構(gòu)設(shè)計(jì)。詳細(xì)設(shè)計(jì)階段的重點(diǎn)是管理界面設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)和模塊設(shè)計(jì)。在體系結(jié)構(gòu)設(shè)計(jì)之前要閱讀需求文檔，明確設(shè)計(jì)任務(wù)。第五章

結(jié)構(gòu)設(shè)計(jì)與具體實(shí)現(xiàn)

5.1整體設(shè)計(jì)

5.1.1結(jié)構(gòu)設(shè)計(jì)

本網(wǎng)站的各個(gè)功能入口比較多，因此需要一個(gè)專門的文件來顯示各種后臺(tái)入口，而且在網(wǎng)頁中還要顯示出用戶在留言板塊和管理員在后臺(tái)模塊的信息，因此整個(gè)網(wǎng)站我使用了框架（Frame）結(jié)構(gòu)，這樣操作比較方便，結(jié)構(gòu)美觀。具體結(jié)構(gòu)實(shí)現(xiàn)見（5.2界面設(shè)計(jì)）。5.1.2數(shù)據(jù)庫的連接數(shù)據(jù)只有用數(shù)據(jù)庫來管理才能有自動(dòng)化管理的可能。數(shù)據(jù)的結(jié)構(gòu)將影響整個(gè)管理機(jī)制的應(yīng)用，而且一旦建立以后要修改常會(huì)出現(xiàn)麻煩。所以一開始就要仔細(xì)慎重地搭建一個(gè)完整而合理的結(jié)構(gòu)。MicrosoftAccess數(shù)據(jù)庫相對(duì)其它的數(shù)據(jù)庫來說要簡(jiǎn)單容易操作些，本網(wǎng)站信息發(fā)布系統(tǒng)中的數(shù)據(jù)庫文件就是Access類型的數(shù)據(jù)庫，數(shù)據(jù)庫中共有20張表（具體表單見附錄表二）。

以下是本系統(tǒng)與數(shù)據(jù)庫建立連接的conn.asp源代碼：

<%

dimconn

dimconnstr

dimdb

db="database/data.mdb"'數(shù)據(jù)庫文件的位置

Setconn=Server.CreateObject("ADODB.Connection")

connstr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath(db)

conn.Openconnstr

subCloseConn()

conn.close

setconn=nothing

endsub

%>

數(shù)據(jù)庫文件data.mdb在連接文件嵌入下，各頁面都能夠訪問數(shù)據(jù)庫，這是實(shí)現(xiàn)交互性的前題。（數(shù)據(jù)庫設(shè)計(jì)見圖）

圖4數(shù)據(jù)庫頁面信息5.2界面設(shè)計(jì)設(shè)置公開地聯(lián)系方式及其用戶信息反饋專用論壇和留言系統(tǒng)；

設(shè)置網(wǎng)站整體信息與用戶為一體；設(shè)置完善地個(gè)性化地會(huì)員管理與交互系統(tǒng)；

完善的網(wǎng)站內(nèi)容、網(wǎng)站用戶檢索系統(tǒng)。網(wǎng)站的整體顏色：白色為導(dǎo)航顏色；主體顏色：青白色；字體：宋體；行距：150%

網(wǎng)站統(tǒng)一頂部為導(dǎo)航條【站標(biāo)、學(xué)院首頁、教學(xué)科研、教學(xué)專題、圖片鑒賞、資源下載、學(xué)工在線、留下建議】

網(wǎng)站上中部：網(wǎng)站圖片與動(dòng)態(tài)的FLASH結(jié)合；位置導(dǎo)航；

網(wǎng)站中部：網(wǎng)站信息；友情連接；站點(diǎn)數(shù)據(jù)；網(wǎng)站導(dǎo)航條；圖文信息；在線投票；

網(wǎng)站底部：后臺(tái)管理登陸；網(wǎng)站/版面制作；版權(quán)信息。5.3開發(fā)語言5.3.1ASP簡(jiǎn)介ASP的優(yōu)勢(shì)：ASP技術(shù)ASP（ActiveServerPages動(dòng)態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代CGI（CommonGatewayInterface通用網(wǎng)關(guān)接口）的技術(shù)。目前，Internet上的許多基于Windows平臺(tái)的Web站點(diǎn)已開始應(yīng)用ASP來替換CGI。簡(jiǎn)單地講，ASP是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式Web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前Internet上的許多站點(diǎn)，仍然提供"靜態(tài)"（static）的主頁內(nèi)容。

ASP與常見的在Client端實(shí)現(xiàn)動(dòng)態(tài)主頁的技術(shù)如JavaApplet、ActiveXControl、VBScript、JavaScript等不同，ASP中的命令和Script語句都是由服務(wù)器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的Web頁面并送到瀏覽器；而Client端技術(shù)的Script命令則是由瀏覽器來解釋執(zhí)行。由于ASP是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持ASP；同時(shí)由于它在服務(wù)器端執(zhí)行，開發(fā)者也不必?fù)?dān)心別人下載程序從而竊取編程邏輯。ASP通過后綴名為.asp的ASP文件來實(shí)現(xiàn)，一個(gè).asp文件相當(dāng)于一個(gè)可執(zhí)行文件，因此必須放在Web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個(gè)URL請(qǐng)求發(fā)給WebServer，如果WebServer上裝了ASP，就調(diào)用ASP.ASP讀出相應(yīng).asp文件，解釋并執(zhí)行命令，動(dòng)態(tài)生成一個(gè)HTML頁面回傳WebServer，然后WebServer再把結(jié)果發(fā)送給瀏覽器。ASP文件的制作和HTML類似，且和HTML開發(fā)集成，可以在同一個(gè)過程完成，利用ASP將可以執(zhí)行的腳本嵌入到HTML文件中(將HTML文件的后綴名改為.asp)，這使得HTML文件的編寫與腳本的開發(fā)融合在一起。通過ASP內(nèi)置的對(duì)象、服務(wù)器組件（ServerComponent）可以完成非常復(fù)雜的任務(wù)，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。ASP比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著以下優(yōu)點(diǎn)：

(1)完全與HTML文件融合在一起；

(2)容易創(chuàng)建，不需要其它編譯、鏈接程序；

(3)面向?qū)ο蟮牟⑼ㄟ^ActiveXServer對(duì)象可擴(kuò)展。ASP的特點(diǎn)：

1.組件在ASP技術(shù)中起著核心作用

要想開發(fā)出具有實(shí)用價(jià)值的動(dòng)態(tài)Web應(yīng)用程序，ASP腳本必須與基本COM標(biāo)準(zhǔn)的組件配合使用。組件對(duì)象模型的微軟公司體現(xiàn)用戶的一種基于二進(jìn)制的軟件標(biāo)準(zhǔn)，與語言無關(guān)。VisualBasic,VisualC++,VisualJ++等都能創(chuàng)建COM組件，在不同的語言實(shí)現(xiàn)的組件之間，依據(jù)COM標(biāo)準(zhǔn)可以進(jìn)行交互操作。

ASP提供了10個(gè)內(nèi)置組件。每個(gè)組件中包括一個(gè)或多個(gè)對(duì)象。在使用前，組件的對(duì)象需要被實(shí)例化。ASP提高了6個(gè)內(nèi)置對(duì)象，這6個(gè)內(nèi)置對(duì)象可以被ASP腳本直接使用，不需要被實(shí)例化。除了內(nèi)置組件和內(nèi)置對(duì)象，開發(fā)人員還可以自行制作實(shí)現(xiàn)特殊功能的組件。

2.支持幾乎所有的腳本語言

除了支持VBScript，JavaScript外，ASP還支持REXX，Perl等多種腳本語言。VBScript是ASP支持的默認(rèn)腳本語言。在同一個(gè)ASP文件中，ASP腳本可調(diào)用不同的腳本語言，從而發(fā)揮各種腳本語言的優(yōu)勢(shì)。

（1）易于操控?cái)?shù)據(jù)庫

ASP可以輕易地通過ODBC(OpenDatabaseConnectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫，例如：Access、VFP、DBase、Oracle等等，另外，ASP亦可將“文本文件”或是“Excel”文件當(dāng)成數(shù)據(jù)庫用。

（2）ASP的七個(gè)對(duì)象

對(duì)象名稱功能描述

Request:用于獲取客戶通過瀏覽器向服務(wù)器發(fā)送的信息；Response：用于將輸出結(jié)果發(fā)送到瀏覽器；Server：用于提供對(duì)服務(wù)器方法，屬性的存??；Session：用于在一個(gè)擁護(hù)對(duì)話(Session)中存儲(chǔ)公用的信息；Application：用于在ASP應(yīng)用的多個(gè)對(duì)象之間共享信息；Asperror：用于ASP應(yīng)用的錯(cuò)誤處理；Objectcontext：用于通過MicrosoftTransactionServer(MTS)來提交或中止一項(xiàng)交易。

從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲(chǔ)存在一個(gè)Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個(gè)ASP-Application中讓不同的客戶端共享信息可以用來配合MicrosoftTransaction服務(wù)器進(jìn)行分布式事務(wù)處理。

ASP的工作原理

當(dāng)用戶瀏覽網(wǎng)頁時(shí)，客戶端瀏覽器與WEB站點(diǎn)之間進(jìn)行交互的過程如下圖所示：

圖5ASP工作原理當(dāng)服務(wù)器看到文件的擴(kuò)展名為.asp時(shí)，就會(huì)讀取文件內(nèi)容，解釋執(zhí)行其中的VBScript程序。當(dāng)遇到基于COM標(biāo)準(zhǔn)的組件（組件本身是經(jīng)過便宜的可重用的二進(jìn)制代碼）時(shí)，ASP引擎將啟動(dòng)相應(yīng)組件完成指定的功能。若ASP文件含有訪問數(shù)據(jù)庫的請(qǐng)求時(shí)，ASP內(nèi)置組件ADO（ActiveXDataObject）能與數(shù)據(jù)庫連接，對(duì)數(shù)據(jù)庫進(jìn)行訪問，并將訪問結(jié)果返回服務(wù)器。最后，生成標(biāo)準(zhǔn)的HTML文件，并將生成的HTML文件傳送給瀏覽器。這樣就完成了用戶瀏覽器對(duì)服務(wù)器的訪問。

所以我選擇了ASP結(jié)合DreamweaverMX2021架構(gòu)湖北工業(yè)大學(xué)計(jì)算機(jī)學(xué)院網(wǎng)站。

5.3.2VBScript的特點(diǎn)

VBScript語言是微軟公司推出的一直面向?qū)ο蟪绦蛟O(shè)計(jì)的語言，它特別適于Internet應(yīng)用程序的開發(fā)。使用HTML語言編寫的網(wǎng)頁是靜態(tài)的，不能隨不同的用戶和不同的瀏覽方式而改變。而用VBScript編寫的網(wǎng)頁是一直動(dòng)態(tài)的，可以使主頁隨應(yīng)用條件的不同而改變頁面的內(nèi)容。VBScript也是ASP程序使用的主要的腳本語言。

VBScript語言的特點(diǎn)主要有簡(jiǎn)單易學(xué)，面向?qū)ο?，安全性能好，用途廣泛等優(yōu)點(diǎn)。VBScript語言是微軟公司在VisualBasic的基礎(chǔ)上開發(fā)出來的，與VisualBasic語言十分的類似。它的編程過程與自然語言十分相似，比較容易理解和編程，即使沒學(xué)過VisualBasic，通過學(xué)習(xí)也能迅速地掌握VBScript語言。簡(jiǎn)單好用的特點(diǎn)使VBScript語言特別適合從未從事程序設(shè)計(jì)的人，從而成為設(shè)計(jì)開發(fā)人員進(jìn)行WEB動(dòng)態(tài)頁面設(shè)計(jì)的最快途徑。

面向?qū)ο笫蔷幊陶Z言的發(fā)展趨勢(shì)，在VBScript中經(jīng)常用到的ActiveX控件，文檔對(duì)象模型等都是對(duì)象。VBScript對(duì)每個(gè)對(duì)象采用事件處理方式，當(dāng)單擊一個(gè)對(duì)象時(shí)，就給對(duì)象發(fā)生一個(gè)消息，告之要執(zhí)行的操作，同時(shí)發(fā)送對(duì)象所需的數(shù)據(jù)。

VBScript不能夠直接訪問內(nèi)存，也不能夠在硬盤上創(chuàng)建和操作文件。它又刪除了所有“具有危險(xiǎn)性”和可能感染病毒的命令。所以VBScript是十分安全可靠的。

VBScript究竟能夠做什么事情呢？取決于編程人員的想象力?，F(xiàn)在，必須使用Java或JavaApplet制作的許多動(dòng)態(tài)效果都能夠使用VBScript語言實(shí)現(xiàn)了。另外，VBScript還可以與ASP中的ADO技術(shù)結(jié)合，使主頁除了具有瀏覽功能外，還增加了數(shù)據(jù)庫管理和網(wǎng)上交互能力，從而開發(fā)出更強(qiáng)大的服務(wù)器程序。

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

5.4.2前臺(tái)新聞文摘顯示

可以根據(jù)網(wǎng)站的需要,進(jìn)行各種方式的插入,自動(dòng)更新.如顯示欄目導(dǎo)航,顯示某欄目的最新N條新聞等.使用管理系統(tǒng)制作動(dòng)態(tài)網(wǎng)頁時(shí),可在需要的地方插入相應(yīng)的代碼,即可以多種形式顯示新聞文章的欄目或內(nèi)容。例如：

一級(jí)欄目列表、二級(jí)欄目列表、欄目導(dǎo)航列表、某一欄目的最新新聞(文章)顯示條數(shù)、某一欄目的熱門文章可任意調(diào)整。該系統(tǒng)也可經(jīng)后繼開發(fā),使之生成JS代碼,在一個(gè)主機(jī)上維護(hù)新聞文章,在其他靜態(tài)網(wǎng)頁中插入代碼后顯示相應(yīng)的新聞文章。

5.4.3后臺(tái)管理

1.文章欄目管理：增加,修改,刪除一級(jí),二級(jí)文章欄目。

2.文章添加：按不同欄目添加文章、支持文本、HTML格式或源代碼顯示、支持圖片上傳和附件上傳。

3.新聞文章刪除：刪除舊的文章。

4.新聞文章刪除：在后臺(tái)管理系統(tǒng)中上傳一些文章、上傳圖片等、在前臺(tái)查詢這些文章。

5.管理員管理：后臺(tái)管理系統(tǒng)的管理員設(shè)置。

6.基本項(xiàng)目管理：數(shù)據(jù)庫數(shù)據(jù)管理、系統(tǒng)初始化、網(wǎng)站資料管理、空間占用信息等。

7.其他項(xiàng)目管理：郵件處理、主機(jī)環(huán)境變量、組件支持情況、后臺(tái)使用幫助、文件在線管理等。

8.留言系統(tǒng)管理：發(fā)表、刪除、回復(fù)留言等。

9.友情鏈接管理：分類管理、添加鏈接、鏈接管理、審核申請(qǐng)的鏈接等。

10.下載和圖片文件管理：分類管理、添加新文件、管理已存在的文件等。

5.4.4信息結(jié)構(gòu)設(shè)計(jì)

(1)確定欄目欄目是網(wǎng)站主要內(nèi)容的體現(xiàn)，合理的劃分和安排欄目，將網(wǎng)站的主題明確的顯示出來，并且盡量方便訪問者的瀏覽和查詢。

(2)確定網(wǎng)站的目錄結(jié)構(gòu)

建立良好的目錄結(jié)構(gòu)，方便站點(diǎn)的維護(hù)。校園網(wǎng)站的目錄結(jié)構(gòu)如下：adskin頁面圖片文件存放目錄database默認(rèn)數(shù)據(jù)庫存放目錄databackup數(shù)據(jù)庫備份目錄UploadSoft默認(rèn)上傳的下載數(shù)據(jù)存放目錄UploadAdpic上傳的廣告文件UploadFiles上傳的文件UploadPhotos上傳的圖片文件UploadSoftPic上傳的下載的微縮圖片UploadThumbs上傳的文件數(shù)據(jù)images系統(tǒng)圖片文件inc系統(tǒng)配置目錄BBS論壇存放目錄(3)網(wǎng)站裝飾風(fēng)格采用了藍(lán)色和白色為主導(dǎo)航顏色，首頁中運(yùn)用最新更新圖片，以及文字交錯(cuò)排版，使整個(gè)網(wǎng)站看上去符合跳動(dòng)的風(fēng)格。(4)網(wǎng)站的鏈接結(jié)構(gòu)校園網(wǎng)站的主要鏈接關(guān)系如下：學(xué)院首頁、教學(xué)科研、教學(xué)專題、圖片鑒賞、資源下載、學(xué)工在線、留下建議、遠(yuǎn)程管理相互之間均有鏈接。注冊(cè)/注冊(cè)新用戶/新用戶注冊(cè)頁面/用戶管理頁面(論壇)遠(yuǎn)程管理/管理員登陸頁面/管理員頁面5.4.5可視化設(shè)計(jì)網(wǎng)站可視化設(shè)計(jì)的主要目的是提供給用戶一個(gè)關(guān)于網(wǎng)站的信息展示方案，一個(gè)良好有效的網(wǎng)站可視化設(shè)計(jì)能給用戶留下深刻的印象，使得用戶能夠自然、友好的瀏覽Web站點(diǎn)所提供的信息，也是網(wǎng)站設(shè)計(jì)中重要的一環(huán)?？梢暬O(shè)計(jì)最重要的是確定網(wǎng)站的頁面布局。然后設(shè)計(jì)網(wǎng)頁的表現(xiàn)框架，建立頁面模型。

5.5具體實(shí)現(xiàn)技術(shù)5.5.1CSS在"湖工大計(jì)算機(jī)學(xué)院網(wǎng)站"中的應(yīng)用實(shí)例

在"湖工大計(jì)算機(jī)學(xué)院網(wǎng)站"中的頁面，增加了以下的定義，使頁面有特殊的顯示效果。

"湖工大計(jì)算機(jī)學(xué)院網(wǎng)站"中CSS樣式表使用的部分代碼：

.topbg

{

background:url(Images/topbg.gif);

color:#FFFFFF;

}

.bgcolor{

background-color:#E1F4EE;

}

在上面的樣式表中定義了網(wǎng)頁頭部的背景圖片和顏色，以避免因網(wǎng)頁瀏覽器的的設(shè)置改變而引起的網(wǎng)頁頭部的背景圖片和顏色變化，影響頁面瀏覽者的信息瀏覽；

.topbg這部分是對(duì)網(wǎng)頁背景顏色和背景圖片的設(shè)置。

5.5.2應(yīng)用JavaScript設(shè)計(jì)網(wǎng)頁

JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java腳本語言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象，與Web客戶交互作用，從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語言的缺陷。

JavaScript的出現(xiàn)使得信息和用戶之間不僅只是一種顯示和瀏覽的關(guān)系，而是實(shí)現(xiàn)了一種實(shí)時(shí)的、動(dòng)態(tài)的、可交式的表達(dá)能力。從而基于CGI靜態(tài)的HTML頁面將被可提供動(dòng)態(tài)實(shí)時(shí)信息，并對(duì)客戶操作進(jìn)行反應(yīng)的Web頁面的取代。JavaScript腳本正是滿足這種需求而產(chǎn)生的語言。它深受廣泛用戶的喜愛。它是眾多腳本語言中較為優(yōu)秀的一種，與WWW的結(jié)合有效地實(shí)現(xiàn)了網(wǎng)絡(luò)計(jì)算和網(wǎng)絡(luò)計(jì)算機(jī)的藍(lán)圖。

在網(wǎng)站JS代碼管理文件中使用了下面一段JavaScript代碼片段：

<scriptlanguage="JavaScript"type="text/JavaScript">

functionmakejs()

{

varstrJS;

strJS="<!--代碼開始-->\n<";

strJS+="scriptlanguage='JavaScript'type='text/JavaScript'src='";

strJS+="News_js.asp?ClassID="+document.myform.ClassID.value;

strJS+="'></";

strJS+="script";

strJS+=">\n<!--代碼結(jié)束-->";

document.myform.JsCode.value=strJS;

}

</script>

此代碼主要是實(shí)現(xiàn)管理員在后臺(tái)增加欄目時(shí)所調(diào)用的JS代碼。欄目的增減分類等處理，可以直接涉及到網(wǎng)站的構(gòu)造，頁面的顯示與隱藏甚至刪除，所以，在使用JS調(diào)用的時(shí)候一般不在同一時(shí)間使用多次，以減輕服務(wù)器和數(shù)據(jù)庫讀寫的負(fù)擔(dān)。

5.6留言系統(tǒng)的設(shè)計(jì)

留言板的基本功能是讓使用者撰寫留言或查看別人的留言。一個(gè)功能完善的留言板也有著比較復(fù)雜的功能，這種復(fù)雜性表現(xiàn)在留言板的管理權(quán)限和留言豐富的表現(xiàn)形式兩個(gè)方面。只有撰寫者自己才能夠重新編輯他自己寫的留言，超級(jí)管理員可以刪除回復(fù)留言。

因?yàn)槭褂肁ccess創(chuàng)建數(shù)據(jù)庫最自然的方式就是使用圖形界面來創(chuàng)建，所以這里沒有必要給出創(chuàng)建這表的SQL腳本。本系統(tǒng)應(yīng)該包含以下的模塊：

撰寫留言模塊

瀏覽留言模塊

保存操作（撰寫，刪除，回復(fù)）的功能模塊

我在制作的過程中留言本功能模塊全部結(jié)合在一個(gè)文件guestbook.asp里面，以下就是留言本頁面：

圖6留言本頁面

撰寫留言頁面的表單部分代碼：

<%

callshowtip()

callGuestbook()

%>

這部分代碼主要是實(shí)現(xiàn)顯示IP地址和顯示留言信息的，

<%callGuestBook_Search()%>

這部分代碼主要是實(shí)現(xiàn)在線留言搜索。留言系統(tǒng)嵌入了UBB功能，用戶在編輯留言時(shí)就有了自己想要的格式和效果，給用戶新意，產(chǎn)生好印象，給下次訪問網(wǎng)站帶來基礎(chǔ)和前提。論壇的設(shè)計(jì)與留言本類似，只是功能比留言本更加的完善一些，在這里就不一一詳細(xì)的說明了。5.7數(shù)據(jù)加密

有很多理由使開發(fā)者需要對(duì)某些敏感數(shù)據(jù)進(jìn)行加密，比如這里的管理員登陸模塊，此時(shí)有必要對(duì)傳遞的密碼進(jìn)行存儲(chǔ)加密。計(jì)算機(jī)密碼學(xué)是研究計(jì)算機(jī)信息加密，解密及其變換的科學(xué)，是數(shù)學(xué)和計(jì)算機(jī)的交叉學(xué)科，也是一門新興的學(xué)科。MD5加密，這里不可能去研究加密算法，所以只能夠簡(jiǎn)單的介紹一下如何使用最常見的加密技術(shù)。在客戶端進(jìn)行加密的意義是用加密的信息在代替沒有加密的信息在網(wǎng)絡(luò)中傳送。網(wǎng)絡(luò)是不安全的，現(xiàn)在有很多偵聽軟件可以偵聽網(wǎng)絡(luò)中傳送的數(shù)據(jù)。但這種加密應(yīng)該是單向的，即不能夠?qū)⒓用苓^的數(shù)據(jù)采用一定的算法（通常剛好是原加密工具的算法反算）還原。否則，由于客戶端代碼是源代碼可見的，偵聽者了解了原算法，也就可以設(shè)計(jì)出反向的算法。

在服務(wù)器端進(jìn)行加密的意義是當(dāng)服務(wù)器受到攻擊，數(shù)據(jù)庫外泄時(shí)，可以盡可能地不讓攻擊者獲得正確的數(shù)據(jù)。MD5雜湊加密算法是最有名，最常用的一直加密算法。它是不可逆的。所以它可以用于服務(wù)器端加密。下面來對(duì)它的用法作一下簡(jiǎn)單介紹。MD5.asp程序片段：

m_12Power(29)=CLng(536870912)

m_12Power(30)=CLng(1073741824)

Dimx

Dimk

……

ConstS41=6

ConstS42=10

ConstS43=15

ConstS44=21

x=ConvertToWordArray(sMessage)

a=&H67452301

b=&HEFCDAB89

c=&H98BADCFE

d=&H10325476

Fork=0ToUBound(x)Step16

AA=a

BB=b

CC=c

DD=d

Md5=FFa,b,c,d,x(k+0),S11,&HD76AA478

……

Md5=FFb,c,d,a,x(k+15),S14,&H49B40821首先要在使用MD5加密的也面上包含它：<!--#includefile=“md5.asp”-->

在加密的時(shí)候使用函數(shù)md5(strItem)就可以啦：md5(strUserName)

在加密的過程中，“asp”加密后的結(jié)果是dcc13a25e6103328.這就是存儲(chǔ)在數(shù)據(jù)庫的最終結(jié)果。

5.8管理員登錄功能設(shè)計(jì)

管理員登錄頁面是整個(gè)系統(tǒng)的核心，是管理員進(jìn)行后臺(tái)管理的入口，在此完成管理員的登錄和身份驗(yàn)證，如果是合法的用戶。讀出用戶權(quán)限，然后轉(zhuǎn)如后臺(tái)管理頁面進(jìn)行系統(tǒng)的整體管理，本系統(tǒng)中的管理員登錄頁面是Admin_Login.asp，下面詳細(xì)的介紹一下登陸頁面的創(chuàng)建設(shè)計(jì)方法。管理員登錄頁面如圖示：

圖7管理員登錄界面

登陸頁面目的是進(jìn)行驗(yàn)證身份，這就需要和數(shù)據(jù)庫打交道了，所以首先調(diào)用前面設(shè)計(jì)好的數(shù)據(jù)庫連接文件，調(diào)用代碼是：<!--#includefile="inc/conn.asp"-->登陸頁面大部分代碼都為HTML代碼，但是我用了驗(yàn)證碼技術(shù)，因此需要讀取驗(yàn)證碼信息，下面就是從緩存讀取頁面所產(chǎn)生的驗(yàn)證碼信息的代碼：

<%

optionexplicit

Response.Buffer=True

Response.Expires=-1

Response.ExpiresAbsolute=Now()-1

Response.Expires=0

Response.CacheControl="no-cache"

%>

通過管理員信息和驗(yàn)證碼信息，使用戶登錄更具安全性。在后臺(tái)的管理頁面中，由于文件較多，較繁雜，我使用了框架技術(shù)，使管理人員有很好的編輯處理界面。在進(jìn)行編輯處理文件信息的時(shí)候能夠有比較友好的界面提示，在管理菜單中來選擇需要的管理項(xiàng)目，其中按照需求分析管理項(xiàng)目工分為5大模塊，分別是新增新聞（軟件，圖片），管理類型和欄目分類，和修改管理員信息和查看系統(tǒng)信息。

下面進(jìn)行系統(tǒng)測(cè)試。成功登陸后臺(tái)系統(tǒng)后，它的界面就是下圖所示：

圖8管理員登錄成功界面

管理人員在后臺(tái)操作實(shí)現(xiàn)的是所見即所得的效果，能夠很大程度減輕管理員管理系統(tǒng)的負(fù)擔(dān)。如果三項(xiàng)有任何一項(xiàng)出問題都不能夠成功登錄，下圖所示是用戶名或密碼錯(cuò)誤時(shí)：

圖9管理員登錄失敗界面

當(dāng)驗(yàn)證碼出現(xiàn)錯(cuò)誤時(shí)：

圖10登錄驗(yàn)證碼出錯(cuò)時(shí)界面

管理員進(jìn)入后臺(tái)進(jìn)行信息的添加和修改，刪除等操作，如下圖所示是添加軟件頁面，次頁面可以上傳本地軟件和微縮圖，也可以直接連接其他服務(wù)器上的軟件路徑，也可以從已經(jīng)上傳的圖片中選取要添加的圖片信息：

圖11后臺(tái)添加軟件時(shí)界面

添加軟件成功的頁面顯示為：

圖12添加軟件成功界面

依次類舉，此系統(tǒng)在添加文件等操作中，可實(shí)用性強(qiáng)，能夠充分完成一個(gè)網(wǎng)站系統(tǒng)所要求達(dá)到的功能和管理；測(cè)試能夠順利完成并反饋在前臺(tái)顯示。第六章

總結(jié)ASP從推出至今時(shí)間也不算漫長(zhǎng)，由于它具有開發(fā)簡(jiǎn)單，功能強(qiáng)和靈活等優(yōu)點(diǎn)，現(xiàn)在已被廣泛接受，成為開發(fā)動(dòng)態(tài)網(wǎng)絡(luò)站點(diǎn)的主要技術(shù)之一，有人聲稱ASP已在Web開發(fā)領(lǐng)域悄悄地進(jìn)行著一場(chǎng)革命。今天已有上萬個(gè)Web站點(diǎn)使用了ASP技術(shù)，其中包括許多Internet中最大的站點(diǎn)。有人估計(jì)，在過去幾年中，ASP開發(fā)人員已達(dá)百萬之多，預(yù)計(jì)在今后的發(fā)展過程當(dāng)中將會(huì)越來越多。ASP正慢慢成為動(dòng)態(tài)Web應(yīng)用程序開發(fā)環(huán)境的主流。

基于Web的現(xiàn)代遠(yuǎn)程教育是一種新型的教育方式，隨著現(xiàn)代信息技術(shù)的發(fā)展，它將越來越受到人們的關(guān)注并逐步取代傳統(tǒng)教育。21世紀(jì)，它將成為構(gòu)筑終身學(xué)習(xí)體系的主要手段。而基于Web的動(dòng)態(tài)交互式網(wǎng)站信息發(fā)布系統(tǒng)則是現(xiàn)代網(wǎng)絡(luò)教育不可缺少的一部份。

本文設(shè)計(jì)的是一種基于ASP的學(xué)校網(wǎng)站，該系統(tǒng)的新聞文摘等信息的發(fā)布，多欄目的管理，使學(xué)校的新聞信息及時(shí)、準(zhǔn)確的得以發(fā)布。學(xué)生通過會(huì)員注冊(cè)直接參與系統(tǒng)信息的相關(guān)處理（瀏覽和信息反饋），使學(xué)生的意見和需求能夠及時(shí)的得以提出，激發(fā)了他們的學(xué)習(xí)欲望。

利用ASP技術(shù)實(shí)現(xiàn)學(xué)校的信息發(fā)布是一項(xiàng)很有效方法，這種組建的方式，可以應(yīng)用于網(wǎng)站的其它欄目；又由于ASP編程所用的VBScript與JavaScript語言較其它語言較簡(jiǎn)潔、易操作、功能較強(qiáng)非常適合廣大用戶進(jìn)行網(wǎng)站的開發(fā)。

ASP雖然提供了功能強(qiáng)大的Web應(yīng)用程序開發(fā)環(huán)境,但和其它技術(shù)一樣,它也存在著某些缺點(diǎn)。但ASP畢竟是軟件霸主微軟精心設(shè)計(jì)的一個(gè)寵兒,人們不得不慢慢向它靠攏，現(xiàn)在越來越多的Web服務(wù)器已開始支持ASP。以信息網(wǎng)站為核心的Web信息系統(tǒng)建設(shè)方興未艾，運(yùn)用新技術(shù)進(jìn)行創(chuàng)新的應(yīng)用開發(fā)，提高網(wǎng)絡(luò)系統(tǒng)應(yīng)用成效將是一個(gè)不竭的課題。

在本文中介紹了ASP,VBScript以及JSP等方面的知識(shí),詳細(xì)說明了這個(gè)校園新聞網(wǎng)站的制作流程，以及網(wǎng)站中的主要功能。

網(wǎng)站中還存在一些不足之處,如網(wǎng)頁色彩方面，少部分功能還有待更正與實(shí)現(xiàn)。這些問題有待于今后進(jìn)一步的學(xué)習(xí)與完善。致謝:

首先感謝陳曉煒導(dǎo)師的指導(dǎo)，在網(wǎng)站開發(fā)及其論文寫作過程中，本人針對(duì)疑難問題，曾多次請(qǐng)教陳曉煒導(dǎo)師，他都給予耐心的指導(dǎo)，并給出中肯的建議，并對(duì)論文進(jìn)行全面的修改和審核，使我的論文及其設(shè)計(jì)能夠順利的完成，再次表示感謝！

其次感謝陳茂平同學(xué)，朱泉同學(xué)，他們?cè)谖以O(shè)計(jì)網(wǎng)站的整個(gè)過程中幫了我很大的忙，使我才能順利做完畢業(yè)設(shè)計(jì)，并寫完畢業(yè)論文。還有我的父母，他們一直在背后給予我最大的幫助。最后要感謝所有教導(dǎo)過我的所有老師，感謝你們讓我具有一定的理論知識(shí)與實(shí)際經(jīng)驗(yàn)，這樣才使論文能夠以很好的理論知識(shí)作后盾，使論文能夠流暢的完成，謝謝你們！

參考文獻(xiàn)：

一、求是科技

編著

ASP數(shù)據(jù)庫開發(fā)技術(shù)與工程實(shí)踐

人民郵電出版社出版

2021年5月出版

二、楊威

編著

ASP3.0網(wǎng)絡(luò)開發(fā)技術(shù)

人民郵電出版社出版

2021年11月出版

三、鄧問淵

陳惠貞

陳俊榮編著

ASP與網(wǎng)頁數(shù)據(jù)庫設(shè)計(jì)

中國鐵道出版社出版

2021年2月出版

四、求是科技編著

Access2021數(shù)據(jù)庫開發(fā)技術(shù)與工程實(shí)踐

人民郵電出版社出版

2021年9月出版

五、美ChristophWille

ChristianKoller編著

24小時(shí)學(xué)通ASP

人民郵電出版社出版

2021年1月出版

六、馬志勇

林立志

王罡

徐延明等編著

HTML4.0實(shí)用編程技術(shù)

中國水利水電出版社出版

2021年1月出版

七、張固汪曉平編著ASP網(wǎng)絡(luò)應(yīng)用系統(tǒng)典型模塊開發(fā)實(shí)例解析人民郵電出版社出版2021年7月出版

八、藏楊秦冬李育龍編著ASP軟件工程案例精解電子工業(yè)出版社出版2021年10月出版

參考網(wǎng)站：一、

動(dòng)網(wǎng)先鋒

二、

ASP酷網(wǎng)

Producethedesignofthetoolandrealizeautomatically

onthebasisofJSPwebpageSummary：ItisanimportantrespectthatInternetusesthatWebdevelopstechnology,andJSPisthemostadvancedtechnologythatWebisdeveloped,itispresentWebdeveloper'sfirst-selectedtechnology.ButbecauseJSPhasrelativelyhighexpectationsforWebdeveloper,alotofgeneralWebdeveloperscannotusethisadvancedtechnology.ThediscussionproducesthedesignofthetoolandrealizesautomaticallyonthebasisofJSPwebpageofthetemplateandlabelstorehouse,putforwardconcretedesignphilosophyandimplementationmethod.Keyword：JSP;Produceautomatically;Webdevelopment;Label;Labelstorehouse;TemplateForeword：WiththepopularizationofWWW(WorldWideWeb),thetechnologyofthedynamicwebpageisdevelopedrapidlytoo.FromoriginalCGI(CommonGatewayIn-terface)toASP(ActiveServerPage),havemetthewebpagedevelopertothedemandfordevelopingtechnologyofthedynamicwebpagetoacertainextent.ButnomatterCGIorASPhavecertainlimitation,forinstance,consumingtoresourcesoftheserverofCGI,ASPcanonlybeusedetc.withMicrosoftIIS,allthesehavelimitedscopeofapplicationofthetechnology,havehinderedtheirpopularizationgreatly.Thevastpagedevelopersalllookforwardtoakindofunifiedpageanddeveloptechnologyearnestly,characteristicthatthistechnologythereshouldbe：①Havenothingtodowiththeoperatingplatform,canrunonanyWebortheapplicationprogramserver;②Showthelogicandpageofapplicationprogramthatseparates;③Offercodestoputinanposition,simplifyanddevelopthecoursebasedoninteractiveapplicationprogramofWeb.JSP(JavaServerPage)technologyisdesignedandusedforrespondingtotherequestthatlikethis.JSPisdevelopedtechnologybythenewwebpagethatSunMicroSystemCompanyputoutinJuneof2021,itisthatWebbasedonJavaServ-letandthewholeJavasystemdevelopstechnology,andServlet2.Expansionof1API.Utilizethistechnology,cansetupadvancedly,safelyandsteppingdynamicwebsitesoftheplatform.Javaisthefuturemainstreamtodeveloptechnology,havealotofadvantages.JSPisJavaimportantapplicationtechnologyonInternet/IntranetWeb,getextensivesupportandadmit,itcanconbinewithvariouskindsofJavatechnologytogetherintactly,thusrealizeverycomplicatedapplication.Asakindoftechnologyofdevelopmentbasedontext,takingshowingascentre,JSPhasofferedalladvantagesofJavaServlet.Logicfunctioninordertomakesureandshowingthefunctionwasseparated,JSPcanalreadyworkwithJavaBeans,EnterpriseJavaBeans(EJB)andServlet.ThedeveloperofJSPcanfinishtheworkthatmajorityandwebsite'slogicarecorrelatedwiththroughusingJavaBeans,EJBandServlet,andonlyassigntheworkshowntoJSPpagetofinish.Contentandshowadvantagethatlogicseparateliein,upgradeperson,pageofappearanceneedn'tunderstandJavacode,thepersonnelupgradingJavasneedn'tbeexpertswhodesignwebpageeither.ThiscandefineWebtemplateinJSPpagewithJavas,inordertosetupwebsitesmadeupofapagewithsimilarappearance.Javacompletiondataoffer,haveJavacodeamongtemplate,thismeantemplatethesecanwritebyoneHTMLpersonisitmaintaintocome.JSPdevelopstechnologyasthewebpageofthemainstreamatpresent,hasthefollowingcharacteristics：(1)Separatetheformulationandshowingofthecontent:UsingJSPtechnology,thepagedeveloperofWebcanuseHTMLorXMLidentificationtodesignandformatthefinalpage.UseJSPidentificationorboundfootturnintodynamiccontentofpageactually(whethercontentaccordingtoisitcomechangetoask).ProducelogicofcontentoftheidentificationandJavaBeanspackage,trussupofthelittlescriptencapsulation,allscriptsrunintheendoftheserver.IfkeylogicamongidentificationandJavaBeans,thenotherpeople,suchasWebadministrativestaffandpagedesignerencapsulation,caneditanduseJSPpage,anddoesnotinfluencetheformulationofthecontent.

(2)Emphasizethereusablepackage:MostJSPpagesdependonthereusableone,thepackagesteppingtheplatformfinishmorecomplicatedtreatmentwithrequiredapplicationprogram.BenefittingfromtheindependenceofoperatingplatformofJava,thedevelopercanbeveryconvenienttoshareandexchangeandcarryouttheordinarypackagethatoperated,ormakethesepackagesusedbymoreusers.Themethodbasedonpackagehasacceleratedthetotaldevelopmentcourse,theefficiencyofimprovingtheprojectanddevelopingwhollygreatly.ThoughJSPispowerful,itrequiresthewebpagedevelopershouldbequitefamiliarwithJava.TherearestillrelativelyfewJavaprogrammersnow,forgeneralwebpagedeveloper,thegrammarofJSPismoredifficulttograsp.So,needakindofwebpagedevelopinginstrumentandoffercommonlyusedJSPapplicationtogeneralwebpagedeveloper,isitunderstandgeneralpagedevelopdeveloperoftechnology(HTML)canusestrongfunctionofJSPtooonlytolet.1.Systematicdesignobjectandmaintechnologyofuse1.1DesignobjectSystemthisdesignobjectforunderstandbutHTMLunderstandgeneralwebpagedeveloperofJSPofferawebpagedevelopinginstrumentatallonly,enablethemtofollowthesystematicfile,usethedailyfunctionofJSPthroughthelabel,produceonefinallyandonlyincludestaticHTMLanddynamicJSPwebpageofJSPlabel.1.2MaintechnologyThissystemisinthedesign,considerusingthetechnologyofthetemplateandJSPlabeltorealizemainly.1.2.1TechnologyofthetemplateThetechnologyofthetemplateiswidelyappliedtovariouskindsofdevelopmentandapplicationsystem.Itproducessomecommonlyusedframestructureinadvance,usesthefamilytochoosethetemplatefromthetemplatestorehouseconvenientlyaccordingtotheneedsofone'sownone,isitisitputuptogoagainbyoneselftoneed,saveconstructionperiodinuser,facilitateuseofuser.Inthissystem,classifythepageaccordingtothefunctiontype,sumupthecommonlyusedpagetype,producethetemplatestorehouse.1.2.2StorehousetechnologyofthelabelInJSP,movementscancreateandvisitthelanguagetargetoftheprocedureandinfluencetheelementexportedandflowed.JSPhasdefinedsixstandardmovements.Exceptsixstandardmovementthese,usercandefineownmovementfinishthespecificfunction.Thesemovementsareknownasthecustomermovement,theyarethereusableproceduremodule.Throughmovementthese,programmercansomeencapsulationstanduptoodisplayfunctionofpageinJSPpage,makethewholepagemoresuccinctandeasiertomaintain.InaJSPpage,movementsweretransferedthroughthecustomerlabelinthesecustomers.Andth