1、南京人口管理干部學(xué)院ASP程序設(shè)計(jì)課程設(shè)計(jì)論文題 目：個(gè)人空間網(wǎng)站設(shè)計(jì)學(xué) 號(hào)：專 業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)姓 名：任課老師：完成日期：2010年12月10日前 言隨著Internet的迅速發(fā)展，社會(huì)已經(jīng)進(jìn)入網(wǎng)絡(luò)時(shí)代。網(wǎng)站已經(jīng)成為Internet網(wǎng)上資源共享的主要載體，網(wǎng)站的作用越來(lái)越重要，被稱之為繼廣播、報(bào)紙、雜志、電視后的第五種媒體數(shù)字媒體，從而倍受人們所關(guān)注。隨著互聯(lián)網(wǎng)的高速發(fā)展和web2.0時(shí)代的到來(lái)，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，而在這其中，越來(lái)越多的網(wǎng)站如雨后春筍般

2、涌現(xiàn)出來(lái)。個(gè)人網(wǎng)站也成為一種時(shí)尚，越來(lái)越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格。根據(jù)中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)表的權(quán)威報(bào)告顯示，截至09年6月底 ，我國(guó)網(wǎng)站數(shù)達(dá)到287.8萬(wàn)個(gè)。網(wǎng)站數(shù)量的劇增，導(dǎo)致競(jìng)爭(zhēng)的加劇。建設(shè)具有特色的個(gè)人網(wǎng)站才能在競(jìng)爭(zhēng)中前進(jìn)。本人的個(gè)人空間網(wǎng)站整個(gè)個(gè)性化頁(yè)面生成系統(tǒng)主要由IIS+ASP技術(shù)實(shí)現(xiàn)的，而且采用Flash的SWF文件類型構(gòu)成動(dòng)畫網(wǎng)頁(yè)，使網(wǎng)頁(yè)具有靈動(dòng)性。并且數(shù)據(jù)庫(kù)服務(wù)器端采用了Microsoft Access 數(shù)據(jù)庫(kù)作為ODBC數(shù)據(jù)源，并以先進(jìn)的ADO技術(shù)進(jìn)行數(shù)據(jù)庫(kù)存取等操作，使Web與數(shù)據(jù)庫(kù)緊密聯(lián)系起來(lái)。1.需求分析1.1 個(gè)人網(wǎng)站

3、簡(jiǎn)介個(gè)人網(wǎng)站是指因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，個(gè)人網(wǎng)站由域名(也就是網(wǎng)站地址)、程序和網(wǎng)站空間構(gòu)成，通常包括主頁(yè)和其他具有超鏈接文件的頁(yè)面。網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來(lái)發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)。個(gè)人網(wǎng)站是指?jìng)€(gè)人或團(tuán)體因某種興趣、擁有某種專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的網(wǎng)站。1.2 目標(biāo)與任務(wù)當(dāng)今世界發(fā)展得越來(lái)越快，如何才能緊跟時(shí)代的步伐，已成為越來(lái)越緊迫的問題。隨著互聯(lián)網(wǎng)的快速發(fā)展，也為我們找到了一個(gè)緊跟時(shí)代步伐的平臺(tái)。為了更好地利用網(wǎng)絡(luò)資源，使我們的信息電子化，也為了能與世界各

4、地進(jìn)行廣泛地交流，豐富我們的知識(shí)和視野。因此網(wǎng)站就因運(yùn)而生,網(wǎng)站最核心的價(jià)值在于給人們帶來(lái)最有價(jià)值的信息或服務(wù)。1、網(wǎng)站定位 由于個(gè)人網(wǎng)站在資金、技術(shù)、人力等方面的不足，個(gè)人網(wǎng)站一定要避免去與大型的商業(yè)網(wǎng)站競(jìng)爭(zhēng)。個(gè)人網(wǎng)站一定要從自身的優(yōu)勢(shì)、長(zhǎng)處出發(fā)，做出自己的特色為目標(biāo)。因此，個(gè)人網(wǎng)站的定位應(yīng)突出小而精、要有自己的特色，要保證網(wǎng)站內(nèi)容的質(zhì)量。2、網(wǎng)站規(guī)劃 爭(zhēng)取那些喜歡聊天討論、信息分享、交友的人群。新網(wǎng)民對(duì)網(wǎng)絡(luò)更有新鮮感，先爭(zhēng)取那部分新誕生的網(wǎng)民，然后再去爭(zhēng)取那些老網(wǎng)民，同其他同類網(wǎng)站競(jìng)爭(zhēng)。2.個(gè)人網(wǎng)站系統(tǒng)設(shè)計(jì)環(huán)境2.1 ASP簡(jiǎn)介ASP是Active Server Pages的簡(jiǎn)稱，是服務(wù)器

5、端腳本編程環(huán)境。使用ASP可以將HTML頁(yè)、腳本命令和ActiveX組件組合起來(lái)，創(chuàng)建動(dòng)態(tài)的、交互的Web網(wǎng)頁(yè)和基于Web的功能強(qiáng)大的應(yīng)用程序簡(jiǎn)單地講，ASP是位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的、交互式的Web應(yīng)用程序。2.1.1 ASP的功能 從應(yīng)用的層面看,ASP有如下的功能：1、處理由瀏覽器傳送到站點(diǎn)服務(wù)器的表單輸入。 2、訪問和編輯服務(wù)器端的數(shù)據(jù)庫(kù)表。使用瀏覽器即可輸入、更新和刪除站點(diǎn)服務(wù)器的數(shù)據(jù)庫(kù)中的數(shù)據(jù)。 3、讀寫站點(diǎn)服務(wù)器的文件,實(shí)現(xiàn)訪客計(jì)數(shù)器、座右銘等功能。 4、提供廣告輪播器、取得瀏覽器信息、URL表管理等內(nèi)置功能。 5、由cookies讀寫用

6、戶端的硬盤文件,以記錄用戶的數(shù)據(jù)。 6、可以實(shí)現(xiàn)在多個(gè)主頁(yè)間共享信息,以開發(fā)復(fù)雜的商務(wù)站點(diǎn)應(yīng)用程序。 7、使用VBScript或JScript等簡(jiǎn)易的腳本語(yǔ)言,結(jié)合HTML碼,快速完成站點(diǎn)的應(yīng)用程序。通過站點(diǎn)服務(wù)器執(zhí)行腳本語(yǔ)言,產(chǎn)生或更改在客戶端執(zhí)行的腳本語(yǔ)言。 8、擴(kuò)充功能的能力強(qiáng),可通過使用Visual Basic、Java、Visual C + 等多種程序語(yǔ)言制作ActiveX Server Component以滿足自己的特殊需要。2.2 Access數(shù)據(jù)庫(kù)2.2.1 數(shù)據(jù)庫(kù)概述數(shù)據(jù)庫(kù)是一種存儲(chǔ)數(shù)據(jù)并對(duì)數(shù)據(jù)進(jìn)行操作的工具。數(shù)據(jù)庫(kù)的作用在于組織和表達(dá)信息，簡(jiǎn)而言之，數(shù)據(jù)庫(kù)就是信息的集合。計(jì)

7、算機(jī)的數(shù)據(jù)庫(kù)可以分為兩類：非關(guān)系數(shù)據(jù)庫(kù)和關(guān)系數(shù)據(jù)庫(kù)。關(guān)系數(shù)據(jù)庫(kù)中包含了多個(gè)數(shù)據(jù)表的信息，數(shù)據(jù)庫(kù)含有各個(gè)不同部分的術(shù)語(yǔ)，像標(biāo)題、關(guān)鍵字等。2.2.2 Access數(shù)據(jù)庫(kù)特點(diǎn)(1)面向?qū)ο蟆?(2)界面友好、易操作。 (3)集成環(huán)境、處理多種數(shù)據(jù)信息。(4)能夠利用Web檢索和發(fā)布數(shù)據(jù)，實(shí)現(xiàn)與Internet的連接。 Access主要適用于中小型應(yīng)用系統(tǒng)，或作為客戶機(jī)/服務(wù)器系統(tǒng)中的客戶端數(shù)據(jù)庫(kù)。 (5)Access支持ODBC（開發(fā)數(shù)據(jù)庫(kù)互連，Open Data Base Connectivity），利用Access強(qiáng)大的DDE（動(dòng)態(tài)數(shù)據(jù)交換）和OLE（對(duì)象的聯(lián)接和嵌入）特性，可以在一個(gè)數(shù)據(jù)表中

8、嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動(dòng)態(tài)的數(shù)據(jù)庫(kù)報(bào)表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動(dòng)態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫(kù)訪問頁(yè)對(duì)象生成HTML文件，輕松構(gòu)建Internet/Intranet的應(yīng)用。作為Office套件的一部分，可以與Office集成，實(shí)現(xiàn)無(wú)縫連接。2.3 腳本編程語(yǔ)言2.3.1 VBScriptVBScript是Visual Basic Script的簡(jiǎn)稱，即 Visual Basic 腳本語(yǔ)言，有時(shí)也被縮寫為VBS。是asp動(dòng)態(tài)網(wǎng)頁(yè)默認(rèn)的編成語(yǔ)言，配合asp內(nèi)建對(duì)象和ADO對(duì)象，用戶很快就能掌握訪問數(shù)據(jù)庫(kù)的asp動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)技術(shù)。1、VB

9、Script主要的優(yōu)點(diǎn)有：(1)易學(xué)易用如果了解了Visual Basic，就能夠很快的掌握VBScript，只要學(xué)會(huì)VBScript，就能使用所有Visual Basic語(yǔ)言進(jìn)行程序設(shè)計(jì)。(2) ActiveX ScriptVBScript使用ActiveX Script與宿主應(yīng)用程序?qū)υ挕Ｊ褂肁ctiveX Script，瀏覽器和其他宿主應(yīng)用程序不再需要每個(gè)Script部件的特殊集成代碼。ActiveX Script使宿主可以編譯Script、獲取和調(diào)用入口點(diǎn)并管理開發(fā)者可用的命名空間。Microsoft支持VBScript的運(yùn)行，與多個(gè)Internet組在一起定義ActiveX Scri

10、p標(biāo)準(zhǔn)，以便使Script引擎可以進(jìn)行交換。(3)其他應(yīng)用程序和瀏覽器中的VBScript程序開發(fā)人員可以在產(chǎn)品中免費(fèi)使用VBScript的源實(shí)現(xiàn)程序。在其他應(yīng)用程序中，VBScript和 ActiveX Script也可以作為普通的腳本語(yǔ)言使用。2.3.2 JavaScriptJavascript是一種由Netscape的LiveScript發(fā)展而來(lái)的面向?qū)ο蟮目蛻舳四_本語(yǔ)言，主要目的是為了解決服務(wù)器端語(yǔ)言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。當(dāng)時(shí)服務(wù)端需要對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證，由于網(wǎng)絡(luò)速度相當(dāng)緩慢,只有28.8kbps，驗(yàn)證步驟浪費(fèi)的時(shí)間太多。于是Netscape的瀏覽器N

11、avigator加入了Javascript，提供了數(shù)據(jù)驗(yàn)證的基本功能。 Javascript主要特點(diǎn)有：(1)JavaScript 使網(wǎng)頁(yè)增加互動(dòng)性。JavaScript 使有規(guī)律地重復(fù)的HTML文段簡(jiǎn)化，減少下載時(shí)間。(2)JavaScript 能及時(shí)響應(yīng)用戶的操作，對(duì)提交表單做即時(shí)的檢查，無(wú)需浪費(fèi)時(shí)間交由CGI驗(yàn)證。3.個(gè)人空間網(wǎng)站總體設(shè)計(jì)3.1 個(gè)人空間網(wǎng)站的主要功能 本網(wǎng)站系統(tǒng)是一個(gè)基于Internet的個(gè)人空間，用戶可以通過Internet登陸系統(tǒng)，瀏覽網(wǎng)站中的相關(guān)資源。個(gè)人空間網(wǎng)站系統(tǒng)主要使用ASP實(shí)現(xiàn)的，程序結(jié)構(gòu)為B/S結(jié)構(gòu)。本系統(tǒng)要設(shè)計(jì)的基本功能主要包括以下幾大模塊：個(gè)人檔案、

12、個(gè)人日志、攝影集、圖片欣賞、用戶登錄、用戶注冊(cè)、用戶發(fā)表日志、顯示相關(guān)日志、用戶注銷、聊天功能、還有數(shù)據(jù)庫(kù)的設(shè)計(jì)。3.2 個(gè)人網(wǎng)站系統(tǒng)的整體結(jié)構(gòu)圖4.個(gè)人空間網(wǎng)站具體實(shí)現(xiàn)4.1 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)4.1.1 數(shù)據(jù)庫(kù)表創(chuàng)建與設(shè)計(jì)根據(jù)總體設(shè)計(jì)的分析，建立如下數(shù)據(jù)表：用戶信息表（us）：如表所示表4-1-1字段名稱數(shù)據(jù)類型長(zhǎng)度允許空說(shuō)明zhvarchar50Not null會(huì)員帳號(hào)mimavarchar50Not null會(huì)員密碼namevarchar50Not null會(huì)員姓名agevarchar50Not null會(huì)員年齡qqvarchar50Not null會(huì)員QQ號(hào)碼zpvarchar50Not

13、 null會(huì)員頭像網(wǎng)站日志表(log):如表所示表4-1-2（其中id為自增長(zhǎng)列）字段名稱數(shù)據(jù)類型長(zhǎng)度允許空說(shuō)明idchar4Not null自動(dòng)編號(hào)titlevarchar50Not null日志標(biāo)題contentvarchar50Not null日志內(nèi)容authorvarchar50Not null發(fā)表作者shijianvarchar50Not null發(fā)表時(shí)間留言信息表(ly):如表所示表4-1-3（其中id為自增長(zhǎng)列）字段名稱數(shù)據(jù)類型長(zhǎng)度允許空說(shuō)明idchar4Not null自動(dòng)編號(hào)Authorvarchar50Not null留言者contentvarchar50null留言內(nèi)容t

14、mvarchar50Not null留言時(shí)間4.1.2 連接個(gè)人網(wǎng)站數(shù)據(jù)庫(kù)數(shù)據(jù)動(dòng)態(tài)網(wǎng)頁(yè)中嵌入數(shù)據(jù)庫(kù)能夠及時(shí)更新，交換網(wǎng)頁(yè)中的信息內(nèi)容數(shù)據(jù)。也能夠存儲(chǔ)和收集相關(guān)信息，提供搜索功能方便網(wǎng)站內(nèi)容的查找，開發(fā)具有特殊功能的網(wǎng)站。為了保護(hù)用戶信息的安全性，并且對(duì)用戶的密碼進(jìn)行md5加密。% dim conn on error resume nextset conn=server.CreateObject(adodb.connection) conn.open(driver=microsoft access driver (*.mdb);dbq= & server.MapPath(db.mdb) if e

15、rr.number0 then response.Write打開數(shù)據(jù)庫(kù)出錯(cuò)!& response.write錯(cuò)誤代碼:&err.number&response.write錯(cuò)誤描述:&err.description&response.write錯(cuò)誤對(duì)象或應(yīng)用程序名稱：&err.source err.clear response.End() end if%4.2 個(gè)人空間網(wǎng)站模塊設(shè)計(jì)4.2.1 個(gè)人空間網(wǎng)站首頁(yè)界面網(wǎng)站主頁(yè)的設(shè)計(jì)比較簡(jiǎn)單，給人以一目了然的感覺。網(wǎng)站主頁(yè)基本上由SWF文件構(gòu)成，如：帶有樹葉的時(shí)鐘、導(dǎo)航文字等。在登錄瀏覽首頁(yè)時(shí)有背景音樂可以隨機(jī)更換，一共有4首不同的背景音樂，給人以不一

16、樣的感覺。界面如圖4-1所示。圖4-2-14.2.2 用戶登陸界面如圖所示圖4-2-2若已經(jīng)是本網(wǎng)站的會(huì)員,可以通過此界面進(jìn)行登錄.登錄成功之后就可以瀏覽本網(wǎng)站的相關(guān)資源和進(jìn)行相關(guān)操作。版主帳號(hào)是07A05131，密碼為123。代碼如下：%a=trim(request(zh)b=trim(request(psw)if a= or b= then response.write(alert(帳號(hào)和密碼不能為空,請(qǐng)輸入!);javascript:history.back();) response.end()end ifb=md5(b)set rs=conn.execute(select * from

17、 us)rs.movefirst()while not rs.eof if a=rs(0) and b=rs(1) then session(zh)=rs(0)session(name)=rs(2)response.write(alert(恭喜您已成功登錄!);javascript:location.href=mainindex.asp;) response.end() end if rs.movenext()wendresponse.write(alert(帳號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入!);javascript:history.back();)response.end()rs.closeset

18、 rs=nothingconn.closeset conn=nothing%4.2.3 用戶注冊(cè)界面如圖所示圖4-2-3若還不是本網(wǎng)站的會(huì)員，可以進(jìn)行注冊(cè)，待注冊(cè)完成之后便可以擁有相關(guān)權(quán)限。代碼如下：% a=trim(request(tf1) b=trim(request(tf2) c=trim(request(tf3) d=trim(request(tf4) e=trim(request(tf5) f=trim(request(tf6) g=trim(request(cb) h=trim(request(sex) if bc then response.write(alert(兩次密碼不一致

19、,請(qǐng)重新輸入!);javascript:history.back();) response.end() else if a=or b=or c=or d=or e= or f= then response.write(alert(所填內(nèi)容不能為空,請(qǐng)輸入!);javascript:history.back();) response.end() else if g= then response.write(alert(請(qǐng)勾選服務(wù)條款,謝謝合作!);javascript:history.back();) response.end() end if end if end if Function is

20、Pass(string01,string02,ErrMsg) Dim regEx,RegExpTest Set regEx = New RegExp regEx.Pattern = 0-9a-z+$ regEx.IgnoreCase = False RegExpTest01= regEx.Test(string01) RegExpTest02= regEx.Test(string02) Set regEx = Nothing If not RegExpTest01 or not RegExpTest02 then Dim Msg Msg=ErrMsg response.write(alert(

21、&Msg&);javascript:history.back();)response.End()Exit FunctionEnd ifEnd Functionresponse.write isPass(a,b,帳號(hào)和密碼只能由數(shù)字與字母組成，請(qǐng)重新輸入！)if not IsNumeric(e) or not IsNumeric(f) then response.write(alert(QQ號(hào)碼和年齡只能為數(shù)字,請(qǐng)重新輸入!);javascript:history.back();) response.end()end ifset rs=conn.execute(select * from us)

22、 rs.movefirst() while not rs.eof if a=rs(0) then response.write(alert(此帳號(hào)已被注冊(cè),請(qǐng)重新輸入!);javascript:history.back();) response.end() end ifrs.movenext() wend b=md5(b)set cmd=server.createobject(mand)cmd.activeconnection=connsql=insert into us(zh,mima,name,age,qq,zp) values( & a & & , & b & , & d & , & e

23、 & , & f & ,& h &)mandtext=sqlresponse.write(sql) rs=cmd.execute() cmd.execute() response.write(alert(恭喜您已成功注冊(cè)!);javascript:location.href=index.asp;) rs.close set rs=nothing conn.close set conn=nothing%4.2.4 日志瀏覽界面如圖所示圖4-2-4日志進(jìn)行分頁(yè)顯示，以表格的循環(huán)形式顯示在WEB中，其中以標(biāo)題、作者、日期、操作進(jìn)行類別顯示。單擊標(biāo)題可以瀏覽發(fā)表的日志內(nèi)容，只有版主才可以進(jìn)行刪除日志操

24、作。代碼如下：%set rs =server.CreateObject(adodb.Recordset) sql=select * from log order by id desc rs.open sql,conn,3 rs.pagesize=6 if request(page) then ipage=cint(request(page) if ipagers.pagecount then ipage=rs.pagecount else ipage=1 end if%       標(biāo) 題作 者日 期操 作  A href=

25、rz.asp?id=_&page=target=_self%response.Write( &rs(author)&) response.Write(&rs(shijian)&) response.Write()% A href=delrz.asp?id=_&page=onClick=javascript:return confirm(確定刪除此日志嗎!?)刪 除 %response.write() response.Write() response.Write() response.Write() response.Write() response.Write() response

26、.Write() rs.movenext()next % %if ipage1 then % 第一頁(yè)A href=wdrz.asp?page=上一頁(yè)% end ifif ipagers.pagecount then %A href=wdrz.asp?page=下一頁(yè)A href=wdrz.asp?page=最后一頁(yè)% end ifconn.close()4.2.4 發(fā)表日志界面如圖所示圖4-2-4若是本站會(huì)員用戶可以發(fā)表日志，增加大家的情感交流。代碼如下：4.2.5 注銷用戶如圖所示為了保護(hù)用戶帳號(hào)的安全，在用戶關(guān)閉網(wǎng)頁(yè)時(shí)或者單擊注銷時(shí)，可以進(jìn)行對(duì)用戶帳號(hào)和密碼進(jìn)行清除操作。代碼如下：%ses

27、sion(name)=session(zh)=session.abandonResponse.Buffer = True Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = no-cache Response.AddHeader Pragma, No-Cache Response.Write(alert(已經(jīng)成功退出!);javascript:location.href=index.asp)%5.結(jié)束語(yǔ)通過一學(xué)期的ASP程序設(shè)計(jì)課程的學(xué)習(xí)，至此個(gè)人網(wǎng)站的設(shè)計(jì)已經(jīng)完成，本次設(shè)計(jì)提高了自己的動(dòng)手，動(dòng)腦能力，豐富了自我知識(shí)，增強(qiáng)了克服困難的勇氣和能力，使我獲益匪淺。介于設(shè)計(jì)時(shí)間問題，系統(tǒng)還有許多不盡人意的地方，功能不夠全面等方面問題，這些都有待于進(jìn)一步改善。在設(shè)計(jì)過程中，我發(fā)現(xiàn)網(wǎng)站設(shè)計(jì)的設(shè)計(jì)語(yǔ)言也很重要，不同的編程語(yǔ)言實(shí)現(xiàn)功能的方法都有所不同的，實(shí)現(xiàn)的效果也不盡相同，在今后的學(xué)習(xí)中會(huì)不斷提高自己的能力。tgKQcWA3PtGZ7R4I30kA1DkaGhn3XtKknBYCUDxqA7FHYi2CHhI92tgKQcWA3PtGshLs50cLmTWN60eo8Wgqv7XAv2OHUm32WGeaUwYDIAWGMeR4I30kA1D