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

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

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

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

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

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

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

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

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

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

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

2.2.1網(wǎng)頁布局

實(shí)際內(nèi)容占據(jù)網(wǎng)頁的大部分空間，為50%～80%，導(dǎo)航部分不超過20%。顏色的選擇以綠白色為主，沒有使用太多的顏色來修飾某個(gè)對象，此外，正文和背景色的對比度較大，一般字色為默認(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é)論開始漸次展開。網(wǎng)頁排版符合用戶的閱讀習(xí)慣，采用橫向排列方式。

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

2.2.2主題鮮明、富有特色

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

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

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

頁頭：準(zhǔn)確無誤地標(biāo)識站點(diǎn)名稱

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

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

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

2.2.3版式編排布局合理性

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

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

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

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

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

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

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

%>'一切OK了!結(jié)束ASP程序3.2功能模塊設(shè)計(jì)3.2.1主頁設(shè)計(jì)1、功能：顯示校園新聞和校園網(wǎng)站主要頁面2、組成結(jié)構(gòu)首頁顯示頁面default.asp數(shù)據(jù)庫連接頁面conn.asp3、瀏覽效果如下;圖8首頁瀏覽效果圖3.2.2前臺登陸及注冊1、功能：提供學(xué)生登陸及注冊頁面2、組成結(jié)構(gòu)登陸頁面login.asp數(shù)據(jù)庫連接頁面conn.asp注冊頁面register.asp3、登陸和注冊頁面效果圖圖9前臺登陸效果圖圖10注冊效果圖4、關(guān)鍵代碼注冊關(guān)鍵代碼<%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%>登錄驗(yàn)證代碼<%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資源下載頁面設(shè)計(jì)1、功能：顯示提供給瀏覽者下載的資源2、組成結(jié)構(gòu)下載頁面down.asp數(shù)據(jù)庫連接頁面conn.asp3、下載頁面效果圖：圖11下載文件效果圖4、關(guān)鍵代碼<% 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論壇頁面設(shè)計(jì)1、功能：學(xué)校論壇，提供學(xué)生與學(xué)生，學(xué)生與教師之間交流平臺。2、組成結(jié)構(gòu)論壇首頁default.asp論壇登陸頁面login.asp數(shù)據(jù)庫鏈接頁面conn.asp論壇管理員頁面admin.asp3、論壇首頁效果圖圖12校園論壇效果圖3.2.51、功能：供學(xué)生，教師發(fā)帖的頁面2、組成結(jié)構(gòu)發(fā)布帖子newtopic.asp數(shù)據(jù)庫連接頁面conn.asp3.發(fā)帖頁面效果圖圖13發(fā)帖效果圖4、瀏覽帖子效果圖圖14瀏覽帖子效果圖論壇的設(shè)計(jì)與留言本類似，只是功能比留言本更加的完善一些，在這里就不一一詳細(xì)的說明了。3.2.6留言板頁面設(shè)計(jì)1、功能利用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨(dú)立的回答，，當(dāng)然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進(jìn)行各個(gè)用戶的單獨(dú)意見回復(fù)2、組成構(gòu)造留言板頁面message.asp查看留言頁面user.asp數(shù)據(jù)庫連接頁面conn.asp3、留言頁面瀏覽效果圖,如圖13。圖15留言頁面效果圖4、查看留言效果圖圖16留言成功效果圖4、留言板關(guān)鍵代碼<%'這段代碼的作用是讀取user.asp頁面表單里的內(nèi)容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í)顚懥粞詢?nèi)容');" 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管理員登錄功能設(shè)計(jì)管理員登錄頁面是整個(gè)系統(tǒng)的核心，是管理員進(jìn)行后臺管理的入口，在此完成管理員的登錄和身份驗(yàn)證，如果是合法的用戶。讀出用戶權(quán)限，然后轉(zhuǎn)如后臺管理頁面進(jìn)行系統(tǒng)的整體管理，本系統(tǒng)中的管理員登錄頁面是Admin_Login.asp，下面詳細(xì)的介紹一下登陸頁面的創(chuàng)建設(shè)計(jì)方法。管理員登錄頁面如圖示：

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

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

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

圖20后臺基礎(chǔ)設(shè)置時(shí)界面第四章校園網(wǎng)站的安全性探討ASP網(wǎng)站最重要的要考慮它的安全性,如果ASP網(wǎng)站存在安全問題那將是一件很可怕的事情,更是棘手的問題。目前，很多網(wǎng)站上的ASP程序存在安全漏洞，但如果編寫程序的時(shí)候注意一點(diǎn)的話，還是可以避免的。4.1用戶名與密碼被破解攻擊原理：用戶名與密碼，如果被通過某種方式獲取到，后果是嚴(yán)重的。防范技巧：用戶名和密碼盡量避免用自己的姓名、生日、電話號碼、編號、身份證號；盡量復(fù)雜一點(diǎn)不要直接給予該用戶修改、插入、刪除記錄的權(quán)限。4.2驗(yàn)證被繞過攻擊原理：現(xiàn)在需要經(jīng)過驗(yàn)證的ASP程序大多是在頁面頭部加一個(gè)判斷語句，但這還不夠，有可能被黑客繞過驗(yàn)證直接進(jìn)入。防范技巧：需要經(jīng)過驗(yàn)證的ASP頁面，可跟蹤上一個(gè)頁面的文件名，只有從上一頁面轉(zhuǎn)進(jìn)來的會話才能讀取這個(gè)頁面。4.3數(shù)據(jù)庫下載漏洞攻擊原理：在用Access做后臺數(shù)據(jù)庫時(shí)，如果被人通過各種方法知道或者猜到了服務(wù)器的Access數(shù)據(jù)庫的路徑和數(shù)據(jù)庫名稱，那么他也能夠下載這個(gè)Access數(shù)據(jù)庫文件，這是十分危險(xiǎn)的。防范技巧：a)為你的數(shù)據(jù)庫文件名稱起個(gè)復(fù)雜的非常規(guī)的名字，并把它放在幾層目錄下。這樣黑客要想通過猜的方式得到你的Access數(shù)據(jù)庫文件就難上加難了。b)不要把數(shù)據(jù)庫名寫在程序中。 如本設(shè)計(jì)的數(shù)據(jù)庫調(diào)用:db=""&zimudb_All&""'設(shè)定數(shù)據(jù)名稱數(shù)據(jù)庫文件路徑和名稱(zim