校園網(wǎng)站的設計與實現(xiàn)-畢業(yè)論文

華中師范大學本科畢業(yè)論文（設計）校園網(wǎng)站的設計與實現(xiàn)摘要作為一種新興的信息技術，互聯(lián)網(wǎng)正以前所未有的沖擊力影響著人類的生活，它的出現(xiàn)和發(fā)展，正慢慢地改變著人們的生活方式，互聯(lián)網(wǎng)也因此成為目前比較熱門的一個話題，它具有強大的影響力。國際上網(wǎng)站的發(fā)展十分迅速，網(wǎng)站已成為人們獲取信息的一種重要方式。越來越多的人都希望有自己的個人主頁，以充分展示自我；越來越多的公司都希望讓自己的網(wǎng)站更具吸引力，以宣傳公司，提高知名度。學校網(wǎng)站是實現(xiàn)教育資源分配的橋梁。網(wǎng)絡上有巨大的教育資源庫，它集全社會的力量，使教育資源無限增長。學校網(wǎng)站是最佳的教學研究室，學校網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學校教學研究帶來了一片新天地，各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內容為學生提供了極佳的平臺。有效地降低教研成本、提高效率。本文將首先從結構上對網(wǎng)站的設計有一個總體上的構想，包括網(wǎng)站的前端的用戶管理模塊和后端的數(shù)據(jù)維護模塊，這是任何一個網(wǎng)站所必備。本文講述了利用DREAMWEAVERCS5.5和ASP進行網(wǎng)站設計的開發(fā)過程，對網(wǎng)站的設計及網(wǎng)站的實現(xiàn)進行了詳細的說明。本文的主要內容主要是利用ASP和DREAMWEAVERCS5.5的開發(fā)環(huán)境的架設開始，一步步實現(xiàn)校園網(wǎng)站各個功能模塊。關鍵詞：校園網(wǎng)站；網(wǎng)站設計；DREAMWEAERCS5.5；ASP；數(shù)據(jù)庫AbstractAsanew

informationtechnology,theInternet

has

anunprecedented

impacton

human’slife,

its

emergenceanddevelopment

ischanging

thewayofpeople’slife,

the

Internet

hasbeen

a

popular

topicandit

hasastrong

influence.

The

international

Website

developedveryrapidly;

the

websitehasbecome

animportantway

for

people

toaccessinformation.

Moreandmorepeople

wanttohave

theirownpersonal

home

page

inorderto

displaythemselves;

moreandmore

companiesalsowantto

maketheirsitesmoreattractive

topromotethe

companyandimprovetheirvisibility.The

school

websiteis

abridge

ofnetwork

to

distributetheeducationalresources.

Thereis

a

great

educationalresourcelibrarywhichcombines

thestrength

of

thewholesociety,

and

education

resources

to

growindefinitely.The

school

site

isthebest

teaching

ResearchCenter,andhasbrought

a

newworldtous,

suchasa

variety

of

goodarticleson

subjects

material,

excellentsoftwaredownloads

andothercontent

toprovidestudentswith

avery

effectivespecialized

site

of

the

school

sitesand

educational

links,

school

teachingandresearch

excellent

platform.

Itmayreduce

the

teachingandresearch

costseffectively

andimprovesefficiency.Atfirst,thispaper

willhaveanoverall

idea

from

the

structural

design

of

the

site,

including

usermanagementmodule

of

thewebsitefrontend

andback-end

datamaintenancemodule,which

is

essential

toany

one

site.

Thisarticledescribes

the

developmentprocess,

useing

theDREAMWEAVER

CS5,and

ASPtodesignthewebsite.

The

maincontent

of

this

article

istheuseofthe

ASPand

DREAMWEAVERCS5.5andtheerection

of

the

developmentenvironment

began,

stepbystep

toachieve

the

various

functionalblocks

ofthe

campusWebsite.

KeyWord:school

websites;

website

design;

DREAMWEAER

CS5;

ASP;

database目錄第1章緒論 11.1國內外校園網(wǎng)站發(fā)展現(xiàn)狀及趨勢 11.2校園網(wǎng)站建設的必要性 21.3校園網(wǎng)站設計思想 31.4開發(fā)工具的選用及介紹3第2章網(wǎng)站總體的分析與設計 52.1相關術語及解釋 52.2當前校園網(wǎng)站需要解決的問題 72.3主頁設計 82.4功能設計 8第3章詳細設計 93.1數(shù)據(jù)庫設計 93.1.1用戶注冊表.. 93.1.2論壇基本信息表 103.1.3資源信息表 103.1.4新聞表 103.1.3留言表 113.1.3論壇用戶信息表 113.2頁面設計 133.2.1主頁設計133.2.2后臺登陸133.2.3前臺登陸143.2.4資源下載頁面153.2.5論壇頁面設計163.2.6留言板設計173.3關鍵代碼設計 193.3.1用戶注冊及登陸關鍵代碼 193.3.2資源下載頁面關鍵代碼 243.3.3留言板關鍵代碼 263.3.4校園論壇發(fā)帖頁面關鍵代碼 283.3.5網(wǎng)站管理系統(tǒng) 323.3.6主要功能程序段 37第4章編碼，測試及維護 39參考文獻 90后記 9附錄1主要英文縮寫語對照表 11PAGE32第1章緒論Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Interne這個世界中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設在Internet應用上的地位顯而易見，它已成為機關、學校、企事業(yè)單位、甚至進入尋常百姓家的信息化建設中的重要組成部分，從而倍受人們的重視。為了更好的辦學，提高學校知名度，為家長和同學們提供一個友誼的橋梁，增加同學們和家長對學校一些事物的了解，建設校園網(wǎng)站勢在必行且不容忽視。本文主要介紹中學校園網(wǎng)站的設計與實現(xiàn)。1.1校園網(wǎng)站的發(fā)展及趨勢據(jù)中國互聯(lián)網(wǎng)絡統(tǒng)計報告數(shù)據(jù)顯示，截至2011年6月30日，我國網(wǎng)站數(shù)量約為183萬家，與2009年網(wǎng)站數(shù)323萬家相比，減少了43%，而在2009年之前，國內網(wǎng)站數(shù)量每年都以高速遞增的態(tài)勢發(fā)展?？v觀網(wǎng)站建設市場從2003至2011年由高轉低的曲線發(fā)展趨勢，反映的正是我國網(wǎng)站建設市場由“萌芽式”到“粗放式”再向“細分式”的轉變。在經(jīng)過近十年的發(fā)展后，國內校園網(wǎng)站建設已經(jīng)開始逐步走向成熟和規(guī)范。校園網(wǎng)站發(fā)展三階段發(fā)展至今，互聯(lián)網(wǎng)已經(jīng)滲透到我們生活的各個細節(jié)，無論是經(jīng)濟方面還是宣傳方面，作為互聯(lián)網(wǎng)信息發(fā)布與交互載體的網(wǎng)站，都起著積極重要的促進作用。而網(wǎng)站重要性的不斷提升，卻經(jīng)歷了數(shù)個階段的轉型與蛻變，據(jù)動易網(wǎng)絡研究顯示，網(wǎng)站發(fā)展大致分為三個階段：第一階段，時間是2002年以前，定義為網(wǎng)站的“萌芽式”發(fā)展期，是網(wǎng)站形成的初級階段。處于這個階段的網(wǎng)站，主要作為簡單的企業(yè)展示之用。網(wǎng)站基本上是由靜態(tài)網(wǎng)頁構成，沒有我們現(xiàn)在熟悉的“功能”概念，主要借助Dreamweaver、FrontPage等編程工具來構建。除了新浪、網(wǎng)易等大門戶網(wǎng)站外，一般網(wǎng)站只是幾個靜態(tài)頁面，對網(wǎng)站功能要求不高。第二階段，時間是2002年~2008年，定義為網(wǎng)站的“粗放式”發(fā)展期，是網(wǎng)站的變革階段。處于這個階段的網(wǎng)站用途仍主要是向外部展示信息，但網(wǎng)站技術已改為由動態(tài)頁面組成，一般是使用簡單的內容管理系統(tǒng)(CMS)進行信息發(fā)布、管理，提供簡單的留言板或論壇(BBS)。在這一階段里，隨著互聯(lián)網(wǎng)的逐漸普及，“信息化”的概念逐漸被行業(yè)內所接受和倡導。企事業(yè)單位都開始進行各種辦公系統(tǒng)和業(yè)務系統(tǒng)的信息化升級，如ERP、OA等都是這個階段的產(chǎn)物。但是，隨著利用信息化系統(tǒng)不斷提升工作效率的同時，各系統(tǒng)之間相互獨立而產(chǎn)生眾多獨立數(shù)據(jù)流便不可避免，因此，信息孤島開始出現(xiàn)。第三階段，定義為網(wǎng)站的“細分式”發(fā)展期，是網(wǎng)站發(fā)展的成熟階段。2008年以后網(wǎng)站需求開始按照行業(yè)細分。不同行業(yè)的需求會具備本行業(yè)的特殊性質。例如，政府網(wǎng)站，出現(xiàn)了政府信息公開的需求、公眾參與、在線辦事的需求等；又如制造型企業(yè)網(wǎng)站，逐步開始針對供應商、客戶、合作伙伴和內部員工提供各種服務，開始更加專注數(shù)據(jù)的管理、共享和整合；教育網(wǎng)站，開始加強學校與家長的互動與交流等?；ヂ?lián)網(wǎng)進入中國20幾年，每一年都發(fā)生巨大的改變，人們對于網(wǎng)站的認識同樣在不斷的改變。在網(wǎng)站發(fā)展第一二階段，很多人都只把網(wǎng)站當成“形象招牌”。大家對網(wǎng)站重要性的認識都不高，那么對網(wǎng)站建設服務提供商的技術要求也就不高了，這也是目前各地網(wǎng)站建設公司還存在的原因之一。但是，從2008年開始，網(wǎng)站逐步向“第三階段”發(fā)展。比如說，政府門戶網(wǎng)站一定要實現(xiàn)在線辦事，公眾參與、信息公開，還有像網(wǎng)上信訪，行政事業(yè)的業(yè)務審批和監(jiān)察等等這些網(wǎng)站應用。相對來說，就是將原來線下的服務，搬到了網(wǎng)上通過網(wǎng)站的各種技術去實現(xiàn)。像學校也是類似，通過網(wǎng)站加強學校與家長之間的溝通與聯(lián)系。那么校園網(wǎng)站發(fā)展的趨勢便是通過網(wǎng)站宣傳學校特色，發(fā)布校園信息，加強學校同外界的交流，并領用校園網(wǎng)站公開學校事務，管理校園。

1.2校園網(wǎng)站建設的必要性對學校來說，校園網(wǎng)站有四個方面的典型應用：

第一校園網(wǎng)站是為學生學習活動服務的，是一種學習工具。它不但是學生與他人之間的交流工具，同時也是學習資源的提供者，有利于學生進行探索學習和協(xié)作學習。

第二校園網(wǎng)站是為教師的教學和科研活動服務的，如提供教學資源、輔助教師備課，參與課堂教學活動和支持教師再學習活動等。

第三校園網(wǎng)站是為學校教育教學管理服務的，如輔助學校的學生學籍管理、人事管理、財務管理等。

第四校園網(wǎng)站是溝通學校與外面的窗口，利用它既可以從校外獲取各種信息，也可以向外發(fā)布各種信息。1.3校園網(wǎng)站設計思想是通過網(wǎng)站，全面宣傳，展示學校風采、優(yōu)點與特色，發(fā)布學校的活動安排與招生政策等信息內容，使學生及家長曾加對學校的了解，增強學生、家長與學校之間的聯(lián)系，在Internet網(wǎng)上，讓學生及家長及時得到學校發(fā)布的重要信息，同時也幫助了學校完成部分事務，提高辦事效率,給學生、家長與學校最方便的聯(lián)系橋梁。在這里學生及家長也可以提出意見及想法，互通教學之間的意見想法，更加有效的辦好教學，和學生需要哪樣的教學方式能夠更好的吸收與接納，這些都能成為學校的參考，以便更加的提高學校的教學質量。1.4開發(fā)工具的選用及介紹1.4.1DreamweaverCS5本網(wǎng)站采用DreamweaverCS5為基本網(wǎng)頁開發(fā)工具，利用DreamweaverCS5中的可視化編輯功能,達到快速創(chuàng)建頁面的效果。DreamweaverCS5是建立WEB站點和應用程序的專業(yè)工具，它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合在一起，功能強大，使得各個層次的開發(fā)人員和設計人員都能夠快速創(chuàng)建基于標準的界面吸引人的網(wǎng)站和應用程序。開發(fā)人員可以使用DreamweaverCS5及所選擇的服務器技術來創(chuàng)建功能強大的Internet應用程序，從而使用戶能連接到數(shù)據(jù)庫、WEB服務器和原有系統(tǒng)。1.4.2數(shù)據(jù)庫系統(tǒng)Access2003是一種簡易的關系型數(shù)據(jù)庫系統(tǒng)。選用Access的優(yōu)點在于它不僅能使用數(shù)據(jù)表示圖或自定義窗體收集信息，且簡單易學、易使用。數(shù)據(jù)表示圖提供了一種類似于Excel的電子表格,可以使數(shù)據(jù)庫一目了然。另外,Access允許創(chuàng)建自定義報表，能打印或輸出數(shù)據(jù)庫中的信息，以便分析。Access也提供了數(shù)據(jù)存儲功能,可以使用桌面數(shù)據(jù)庫文件把數(shù)據(jù)庫文件置于網(wǎng)絡文件服務器,與其他網(wǎng)絡用戶共享數(shù)據(jù)庫。1.4.3腳本語言VBScript程序設計語言是Microsoft公司將VB(VisualBasic)程序設計語言加以簡化而成的一種腳本制作語言。VBScript是一種事件驅動語言。同VBScript一樣,JavaScript也是事件驅動語言,它是一種描述性的基于對象和事件驅動并具有安全性能的腳本語言(ScriptLanguage),可以非常自由地被嵌入到HTML的文件之中。通過將腳本嵌入在標準的HTML語言中彌補了HTML語言的部分缺陷，加強了HTML的功能與應用。1.4.4開發(fā)ASP的運行環(huán)境目前，Microsoft公司推出的支持ASP的服務器有以下幾個：MicrosoftInternetInformationServerVersion4.0/5.0(簡稱IIS)MicrosoftPersonalWebServer(簡稱PWS)這兩個主要是為Microsoft公司的WindowsNT/2000/XP系統(tǒng)開發(fā)的，當然功能和穩(wěn)定性及安全性都強很多，目前大型的站點大多是用IIS作為服務器，而PWS是為一般的PC用戶開發(fā)的。ASP的內置對象Request對象

，包含從用戶端瀏覽器發(fā)送到服務器端的所有信息，允許訪問利用表單提交給服務器的數(shù)據(jù)。Response對象，將HTML和其他數(shù)據(jù)返回到用戶端瀏覽器。Response對象設置客戶端瀏覽器的狀態(tài)。Server對象，為ASP的應用程序提供服務器的功能。Session對象

，在此對象中維護每個用戶的信息，可以使用該對象存儲特定的用戶會話所需的信息。Application對象，對給定應用程序的所有用戶共享信息。ObjectContext

提供在頁面內進行事物處理，這是擴展ASP能力的一個對象，ASP內直接發(fā)送EMAIL或其它信息。[3]

第2章網(wǎng)站總體的分析與設計2.1產(chǎn)品可行性分析2.1.1技術可行性HTML作為一種樣式語言，隨著Internet上信息量的增多和交互性的加強使HTML顯得越來越難以勝任的情況之下，而ASP能夠徹底實現(xiàn)用戶與管理人員的交互性，在ASP編程語言高度發(fā)展的形式下，ASP能夠很好的解決這些復雜交互的動態(tài)性，于是我們也開始了對學院網(wǎng)站的動態(tài)開發(fā)，即而讓學院網(wǎng)站更加的互動。網(wǎng)站的數(shù)據(jù)庫系統(tǒng)采用的是Microsoftaccess。Microsoftaccess的管理和開發(fā)入手都比較方便，性價比較高并且和ASP集成效果的更好，很合適用于Windows應用的后臺數(shù)據(jù)庫。網(wǎng)站圖片的處理工具選擇了PhotoshopCS4、FireworksCS4。這些都是當前普遍采用，確實可行的技術，因此系統(tǒng)的開發(fā)具有很高的技術可行性。2.1.2經(jīng)濟可行性1.系統(tǒng)的投入費用：大部分電腦及硬件設備已經(jīng)符合要求，無需增加新的投入。2.系統(tǒng)的效益分析：校園網(wǎng)站不追求經(jīng)濟利益，但是帶來了巨大的工作效率，從另一個角度看，提升了工作效率也就帶來了巨大的效益。2.1.3社會可行性作為學校最外的窗口，校園網(wǎng)站成為每個學校的標準配置，已成為提高學校品牌形象的重要內容。而且，通過一定的管理員培訓，這類網(wǎng)站也是很方便于管理的。2.1.4結論較之SQLServer2005，Access部署簡單方便就一個文件運用起來比較靈活主要是桌面數(shù)據(jù)庫系統(tǒng),他也可以開發(fā)基于自己的桌面數(shù)據(jù)庫應用(UI),也可以作為前端開發(fā)工具與其它數(shù)據(jù)庫搭配開發(fā)應用程序，熟練的軟件設計師和資料分析師利用它來開發(fā)應用軟件，而一些不熟練的程序員和非程序員的初級用戶則使用它來開發(fā)簡單的應用軟件[6][7]，網(wǎng)站圖片制作處理工具選擇的是PhotoshopCS4、FireworksCS4這些都是當前普遍采用，確實可行的技術，因此系統(tǒng)的開發(fā)具有很高的技術可行性等等，總之，經(jīng)過以上各項的分析，該項目是可行的。2.2網(wǎng)站可用性分析

2.2.1網(wǎng)頁布局

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

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

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

2.2.2主題鮮明、富有特色

在目標明確的基礎上，完成網(wǎng)站的構思創(chuàng)意即總體設計方案。對網(wǎng)站的整體風格和特色做出定位，規(guī)劃網(wǎng)站的組織結構。

要做到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對無關的人員也能留下一定的印象。調動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣，突出個性，這樣才能夠辦出網(wǎng)站的特色。

Web站點主頁的基本成分包括：

頁頭：準確無誤地標識站點名稱

加入收藏：用來方便用戶收藏網(wǎng)頁；

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

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

2.2.3版式編排布局合理性

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

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

2.2.4相關站點引導鏈接

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

在設計網(wǎng)頁的導引組織時，應該給出多個相關網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標馬上就可以點擊的地方。2.3功能需求分析校園網(wǎng)站設計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和學校交流，登陸網(wǎng)站，在論壇發(fā)帖。在后臺管理頁面中，通過身份認證，管理員，可以對網(wǎng)站信息進行管理圖1校園功能流程圖2.3.11、新聞校園新聞提供校園資訊，讓同學們或老師隨時了解校園大事，掌握校園資訊，以及最新校園公告。2、留言板是一個學校與大家談心交流的地方，在留言板中，可以和學校進行交流。就我們校園內的話題展開討論。和大家進行溝通。3、后臺管理頁面是管理和添加到新內容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，設計了這個管理頁面，經(jīng)過身份認證后可以進入網(wǎng)站對其中的信息進行管理。4、頁面組織和數(shù)據(jù)庫設計在明確了校園網(wǎng)站的風格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設計和數(shù)據(jù)庫設計。建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關的資料內容，但如何組織內容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質是一個網(wǎng)站的大綱索引，索引應該將網(wǎng)站的主體明確顯示出來。下面是校園網(wǎng)頁的主要欄目：圖2校園網(wǎng)站內容設計圖第三章結構設計與具體實現(xiàn)

3.1數(shù)據(jù)庫設計1、數(shù)據(jù)庫的搭建使用ACCESS2003實現(xiàn)關系數(shù)據(jù)庫3.1.1用戶注冊表user存儲了普通用戶的信息，包括：用戶名，密碼，性別，電話，郵箱，注冊時間。它的設計視圖如圖1：圖3用戶注冊表設計視圖3.1.2論壇基本信息表bbsconfig存儲了論壇的基本信息，它的設計視圖如2圖4論壇基本信息表設計視圖3.1.3資源信息表soft存儲了管理員上傳的軟件的信息，設計視圖如下3圖5資源信息表設計視圖3.1.4新聞表news存儲了頁面新聞信息，設計視圖如下4圖6新聞表設計視圖3.1.5留言表message存儲了留言者的基本信息圖7留言表設計視圖3.1.6論壇用戶信息表bbsuser存儲了校園論壇用戶的信息，設計視圖如下圖8論文用戶信息設計視圖以上數(shù)據(jù)表為Access類型的庫文件，將它定名為：“data.mdb”。2、連接數(shù)據(jù)庫在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來用ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復雜的插入、修改和刪除。一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫的代碼：<%'這是ASP程序的起始

setconn=server.createobject("adodb.connection")'在服務器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象

connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath("data.mdb")'告訴ASP數(shù)據(jù)庫的接接方法以及路徑

conn.openconnstr'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進行連接

%>'一切OK了!結束ASP程序3.2功能模塊設計3.2.1主頁設計1、功能：顯示校園新聞和校園網(wǎng)站主要頁面2、組成結構首頁顯示頁面default.asp數(shù)據(jù)庫連接頁面conn.asp3、瀏覽效果如下;圖8首頁瀏覽效果圖3.2.2前臺登陸及注冊1、功能：提供學生登陸及注冊頁面2、組成結構登陸頁面login.asp數(shù)據(jù)庫連接頁面conn.asp注冊頁面register.asp3、登陸和注冊頁面效果圖圖9前臺登陸效果圖圖10注冊效果圖4、關鍵代碼注冊關鍵代碼<%SubChkReg()DimUser,Pwd,Gender,Tele,EmailUser=Trim(Request.Form("User"))Pwd=Trim(Request.Form("Pwd"))Gender=Trim(Request.Form("Gender"))Tele=Trim(Request.Form("Tele"))Email=Trim(Request.Form("Email"))ifChkUserIsExist(User)=trueThenResponse.write"<script>alertistory.go(-1);</script>"elseDimRs,SqlSetRs=Sever.CreateObject("ADODB.RecordSet")Sql="Slect*From[User]"Rs.OpenSql,conn,2,3Rs. AddNewRs("User")=UserRs("Pwd")=PwdPs("Gender")=GenderRs("Tele")=TeleRs("Email")=EmailRs("RegTime")=Now()Rs.UpdateRs.CloseSetRs=nothingResponse.Write("<palign=center>ahref=login.asp>/a></p>"Response.End()EndifEndSub%><formid="form1"name="form1"method="post"action=""><%ifRequest("action")="reg"ThenCallChkReg()Endif%>登錄驗證代碼<%user=trim(request.Form("username"))password=request.Form("pass"))str="select*fromuserwhereusername='"&user&"'andpassword='"&password&"'setrs=server.CreateObject("adodb.recordset")rs.openstr,conn,3,1ifrs.eofthenresponse.Write"<scriptlanguage='javascript'>"response.Write"alert('用戶名或密碼錯誤，請重新登陸??！'";response.Write(history.go(-1);"response.Write"</script>"response.End()elseresponse.Write"<scriptlanguage="javascript">alert('你好，你已經(jīng)登陸成功');"response.Write";</script>endif%><%conn.close%>3.2.3資源下載頁面設計1、功能：顯示提供給瀏覽者下載的資源2、組成結構下載頁面down.asp數(shù)據(jù)庫連接頁面conn.asp3、下載頁面效果圖：圖11下載文件效果圖4、關鍵代碼<% DimCurrentpage,Maxrecord,Totalrecords,Npage,PageURL TaleSql="Select*fromax_softwherel_post=trueorderbyl_timedesc" Currentpage=Trim(Request("page"))Maxrecord=5IfCurrentpage<>""then Ifisnumeric(Currentpage)=Truethen Currentpage=Currentpage Else Currentpage=1 EndifElseCurrentpage=1Endif PageUrl="down.asp?down=1"SetTalers=Server.Createobject("Adodb.recordset") Talers.openTalesql, IfNotTalers.EofThen Totalrecords=Talers.Recordcount IfTotalrecordsModMaxrecord=0Then Npage=Totalrecords\Maxrecord Else Npage=Totalrecords\Maxrecord+1 Endif i=0 IfCurrentpage=1Then CallListPanel Else If(Current1)*Maxrecord<TotalrecordsThen Talers.Move(Current1)*Maxrecord CallListPanel Else Currentpage=1 CallListPanel Endif EndifElse Response.WriteTableH&Pwidth&"目前還沒有資源提供下載"&TableFEndIFResponse.WriteTemplates.ListPages("資源",PageUrl,Totalrecords,MaxRecord,Npage,Currentpage)SubListPanel()DoWhileNotTalers.Eof%>3.2.4論壇頁面設計1、功能：學校論壇，提供學生與學生，學生與教師之間交流平臺。2、組成結構論壇首頁default.asp論壇登陸頁面login.asp數(shù)據(jù)庫鏈接頁面conn.asp論壇管理員頁面admin.asp3、論壇首頁效果圖圖12校園論壇效果圖3.2.51、功能：供學生，教師發(fā)帖的頁面2、組成結構發(fā)布帖子newtopic.asp數(shù)據(jù)庫連接頁面conn.asp3.發(fā)帖頁面效果圖圖13發(fā)帖效果圖4、瀏覽帖子效果圖圖14瀏覽帖子效果圖論壇的設計與留言本類似，只是功能比留言本更加的完善一些，在這里就不一一詳細的說明了。3.2.6留言板頁面設計1、功能利用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答，，當然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個用戶的單獨意見回復2、組成構造留言板頁面message.asp查看留言頁面user.asp數(shù)據(jù)庫連接頁面conn.asp3、留言頁面瀏覽效果圖,如圖13。圖15留言頁面效果圖4、查看留言效果圖圖16留言成功效果圖4、留言板關鍵代碼<%'這段代碼的作用是讀取user.asp頁面表單里的內容dimname,sex,img,qq,email,homepage,contentname=request.Form("name")sex=request.Form("sex")img=request.Form("img")qq=request.Form("qq")email=request.Form("email")homepage=request.Form("homepage")content=request.Form("content")%><%ifname=""thenresponse.write"<scriptlanguage=javascript>" response.write"alert('請?zhí)顚懶彰?);" response.write"javascript:history.go(-1);" response.write"</script>" response.End()' else name=name endififcontent=""thenresponse.write"<scriptlanguage=javascript>" response.write"alert('請?zhí)顚懥粞詢热?);" response.write"javascript:history.go(-1);" response.write"</script>" response.End()'ElseContent=contentEndif%><%'這段代碼是建立記錄集dimrs,sqlsetrs=server.CreateObject("adodb.recordset")sql="select*fromuser"rs.opensql,conn,3,3'用記錄集對象打開sql(數(shù)據(jù)表user)，打開conn(數(shù)據(jù)庫)%><%rs.addnew'用記錄集方法addnew新增一條記錄rs("name")=namers("sex")=sexrs("img")=imgrs("qq")=qqrs("email")=emailrs("homepage")=homepagers("content")=contentrs("time_us")=now()rs.updaters.closeSetrs=nothingconn.closeSetconn=nothingresponse.Redirect("index.asp")%>3.3管理員登錄功能設計管理員登錄頁面是整個系統(tǒng)的核心，是管理員進行后臺管理的入口，在此完成管理員的登錄和身份驗證，如果是合法的用戶。讀出用戶權限，然后轉如后臺管理頁面進行系統(tǒng)的整體管理，本系統(tǒng)中的管理員登錄頁面是Admin_Login.asp，下面詳細的介紹一下登陸頁面的創(chuàng)建設計方法。管理員登錄頁面如圖示：

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

<%

optionexplicit

Response.Buffer=True

Response.Expires=-1

Response.ExpiresAbsolute=Now()-1

Response.Expires=0

Response.CacheControl="no-cache"

%>

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

下面進行系統(tǒng)測試。成功登陸后臺系統(tǒng)后，它的界面就是下圖所示：圖18后臺管理圖管理人員在后臺操作實現(xiàn)的是所見即所得的效果，能夠很大程度減輕管理員管理系統(tǒng)的負擔。如果三項有任何一項出問題都不能夠成功登錄，下圖所示是用戶名或密碼錯誤時：

圖19管理員登錄失敗界面管理員進入后臺進行信息的添加和修改，刪除等操作，如下圖所示是基礎設置頁面，頁面可以上傳本地軟件和微縮圖，也可以直接連接其他服務器上的軟件路徑，也可以從已經(jīng)上傳的圖片中選取要添加的圖片信息：

圖20后臺基礎設置時界面第四章校園網(wǎng)站的安全性探討ASP網(wǎng)站最重要的要考慮它的安全性,如果ASP網(wǎng)站存在安全問題那將是一件很可怕的事情,更是棘手的問題。目前，很多網(wǎng)站上的ASP程序存在安全漏洞，但如果編寫程序的時候注意一點的話，還是可以避免的。4.1用戶名與密碼被破解攻擊原理：用戶名與密碼，如果被通過某種方式獲取到，后果是嚴重的。防范技巧：用戶名和密碼盡量避免用自己的姓名、生日、電話號碼、編號、身份證號；盡量復雜一點不要直接給予該用戶修改、插入、刪除記錄的權限。4.2驗證被繞過攻擊原理：現(xiàn)在需要經(jīng)過驗證的ASP程序大多是在頁面頭部加一個判斷語句，但這還不夠，有可能被黑客繞過驗證直接進入。防范技巧：需要經(jīng)過驗證的ASP頁面，可跟蹤上一個頁面的文件名，只有從上一頁面轉進來的會話才能讀取這個頁面。4.3數(shù)據(jù)庫下載漏洞攻擊原理：在用Access做后臺數(shù)據(jù)庫時，如果被人通過各種方法知道或者猜到了服務器的Access數(shù)據(jù)庫的路徑和數(shù)據(jù)庫名稱，那么他也能夠下載這個Access數(shù)據(jù)庫文件，這是十分危險的。防范技巧：a)為你的數(shù)據(jù)庫文件名稱起個復雜的非常規(guī)的名字，并把它放在幾層目錄下。這樣黑客要想通過猜的方式得到你的Access數(shù)據(jù)庫文件就難上加難了。b)不要把數(shù)據(jù)庫名寫在程序中。 如本設計的數(shù)據(jù)庫調用:db=""&zimudb_All&""'設定數(shù)據(jù)名稱數(shù)據(jù)庫文件路徑和名稱(zimudb_All)在zimu_Setup.asp文件中4.4文件的上傳漏洞 攻擊原理：圖片或文件上傳限制不嚴密，導致asp、jsp、php、asa木馬程序直接被上傳到服務器。防范技巧：在上傳的代碼中嚴格的限制上傳文件的類型如：ifupfile<>"jpg"andupfile<>"jpeg"andupfile<>"gif"andupfile<>"JPG"andupfile<>"JPEG"andupfile<>"GIF"then response.write"錯誤:上傳的文件格式不對!"endif 這樣只能上傳jpg、jpeg、gif、jpg、jpeg文件，而不能上傳其他類型文件第五章Dreamweaver測試站點和用IIS測試本地站點Dreamweaver提供了全面檢測站點的功能，它比檢測鏈接更全面。全面地檢測內部、外部鏈接、去除錯標簽、空標簽、多余的標簽等，它的使用相當簡單，使用全面檢測站點功能如下：

1、選擇菜單中【站點】的【報告】命令，打開一個窗口。

2、選擇檢測范圍，在【報告】選項中有四個內容供選擇：CurrentDocument、EntireLocalSite、SelectFilesinsite、Folder。

3、對工作流方面的信息進行檢測。

4、對HTML文件的信息做出檢查。

把編好的網(wǎng)站文件復制到D:/myweb文件夾中，可以打開瀏覽器，在地址欄中輸入http://localhost/myweb/index.asp,就會看見網(wǎng)站了。網(wǎng)站建成后并不意味著網(wǎng)站建設的結束，網(wǎng)站內容需要不斷更新，這樣才會不斷的吸引更多的瀏覽者訪問，才能成為一個優(yōu)秀的網(wǎng)站。通過FTP軟件將更新過的網(wǎng)頁上傳到服務器或通過Dreamweaver來遠程管理站點，同時還要認真回復瀏覽者的電子郵件和留言，做到有問比答。平時多收集資料，多聽聽別人建議，定期更新版面，還有推廣站點。六、結束語經(jīng)過老師耐心細致的指導，及同學之間的相互交流，同時翻閱了大量的資料(包括網(wǎng)上資料，書本及學校的一些相關資料)經(jīng)過近一段時間的努力，校園網(wǎng)站的設計制作告一段落。總結這次“校園網(wǎng)站”開發(fā)制作過程，我們綜合使用了目前因特網(wǎng)上比較流行的各種靜態(tài)制作方法及交互式動態(tài)網(wǎng)站的制作設計手段，并對初步利用后臺程序完成了網(wǎng)站的動態(tài)響應與生成網(wǎng)頁的技術。同時也從中學習了對靜態(tài)頁面的處理風格，色彩搭配，頁面導航方面有了一定經(jīng)驗。對用Javascript語言制作動態(tài)效果也有了更進一步的認識。在交互式網(wǎng)頁設計學會了如何使用Access建立數(shù)據(jù)庫，以及對數(shù)據(jù)庫瀏覽，修改，添加，查詢。如何用ASP編寫程序來方便用戶在網(wǎng)上查看網(wǎng)站各方面的信息和交流。目前網(wǎng)站的制作技術與要求，都已經(jīng)告別了因特網(wǎng)初期網(wǎng)站制作的“幼稚”期，隨著各類網(wǎng)站的迅速增加與瀏覽者需求的提高，無不要求網(wǎng)站從立意，策劃，頁面設計到后臺程序的全面提高。無論是校園網(wǎng)站還是企業(yè)網(wǎng)站都必須被要求從瀏覽者角度出發(fā)，最大限度的滿足用戶的要求，這也是以后各類網(wǎng)站發(fā)展競爭的真正實質所在。本次設計由于設計時間較緊，且相關模塊比較多，加之設計經(jīng)驗的不足，在網(wǎng)站的整體設計及各模塊功能可能設計的不完全，有待于進一步的完善和改進。參考文獻：龍馬工作室編，ASP+SQLServer組建動態(tài)網(wǎng)站實例精講，北京：人民郵電出版社，2004.8柯華坤王大平管西京編，ASP網(wǎng)絡編程學習筆記，電子工業(yè)出版社，2008.5求是科技

編著

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

人民郵電出版社出版

2004年5月出版楊威

編著

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

人民郵電出版社出版

2000年11月出版鄧問淵

陳惠貞

陳俊榮編著

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

中國鐵道出版社出版

2001年2月出版

美ChristophWille

ChristianKoller編著

24小時學通ASP

人民郵電出版社出版

2000年1月出版

馬志勇

林立志

王罡

徐延明等編著

HTML4.0實用編程技術

中國水利水電出版社出版

2000年1月出版張固汪曉平編著ASP網(wǎng)絡應用系統(tǒng)典型模塊開發(fā)實例解析人民郵電出版社出版2004年7月出版

基于C8051F單片機直流電動機反饋控制系統(tǒng)的設計與研究基于單片機的嵌入式Web服務器的研究MOTOROLA單片機MC68HC（8）05PV8/A內嵌EEPROM的工藝和制程方法及對良率的影響研究基于模糊控制的電阻釬焊單片機溫度控制系統(tǒng)的研制基于MCS-51系列單片機的通用控制模塊的研究基于單片機實現(xiàn)的供暖系統(tǒng)最佳啟停自校正（STR）調節(jié)器單片機控制的二級倒立擺系統(tǒng)的研究基于增強型51系列單片機的TCP/IP協(xié)議棧的實現(xiàn)基于單片機的蓄電池自動監(jiān)測系統(tǒng)基于32位嵌入式單片機系統(tǒng)的圖像采集與處理技術的研究基于單片機的作物營養(yǎng)診斷專家系統(tǒng)的研究基于單片機的交流伺服電機運動控制系統(tǒng)研究與開發(fā)基于單片機的泵管內壁硬度測試儀的研制基于單片機的自動找平控制系統(tǒng)研究基于C8051F040單片機的嵌入式系統(tǒng)開發(fā)基于單片機的液壓動力系統(tǒng)狀態(tài)監(jiān)測儀開發(fā)模糊Smith智能控制方法的研究及其單片機實現(xiàn)一種基于單片機的軸快流CO〈,2〉激光器的手持控制面板的研制基于雙單片機沖床數(shù)控系統(tǒng)的研究基于CYGNAL單片機的在線間歇式濁度儀的研制基于單片機的噴油泵試驗臺控制器的研制基于單片機的軟起動器的研究和設計基于單片機控制的高速快走絲電火花線切割機床短循環(huán)走絲方式研究基于單片機的機電產(chǎn)品控制系統(tǒng)開發(fā)基于PIC單片機的智能手機充電器基于單片機的實時內核設計及其應用研究基于單片機的遠程抄表系統(tǒng)的設計與研究基于單片機的煙氣二氧化硫濃度檢測儀的研制基于微型光譜儀的單片機系統(tǒng)單片機系統(tǒng)軟件構件開發(fā)的技術研究基于單片機的液體點滴速度自動檢測儀的研制基于單片機系統(tǒng)的多功能溫度測量儀的研制基于PIC單片機的電能采集終端的設計和應用基于單片機的光纖光柵解調儀的研制氣壓式線性摩擦焊機單片機控制系統(tǒng)的研制基于單片機的數(shù)字磁通門傳感器