基于ASP的個人網(wǎng)站的設(shè)計及其實現(xiàn)

1、引 言 隨著計算機技術(shù)和網(wǎng)絡(luò)技術(shù)的發(fā)展和普及，Internet 的迅速發(fā)展和廣泛應(yīng)用，將分布在世界各地的各種計算機系統(tǒng)及網(wǎng)絡(luò)用戶連接在一起。Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍布全球。今天，我們幾乎可以在網(wǎng)絡(luò)上找到我們想要的任何資料。隨著時代的發(fā)展，計算機和數(shù)據(jù)庫技術(shù)也在進行著日新月異的發(fā)展，網(wǎng)絡(luò)已經(jīng)成為人們生活中不可缺少的一部分，網(wǎng)絡(luò)已成為我們當今社會信息傳播的主要途徑，也正在改變著我們?nèi)粘Ｉ钪星楦薪涣鳌⑷穗H交往等生活方式。而各類網(wǎng)站是人們交流和信息傳播的主要平臺，所以網(wǎng)站建設(shè)也越來越接近于一門藝術(shù)而不僅僅是一項技術(shù)。網(wǎng)頁的藝術(shù)設(shè)計和應(yīng)用，日益被網(wǎng)站建設(shè)者所注重。隨著網(wǎng)絡(luò)

2、應(yīng)用領(lǐng)域的擴大，現(xiàn)在出現(xiàn)了各種各樣的網(wǎng)站系統(tǒng)和各種軟件與開發(fā)工具，是現(xiàn)今時代信息處理、傳播和交流的主要手段。為此建設(shè)一個同學錄網(wǎng)站系統(tǒng)是很有必要的，此系統(tǒng)可以為在校的或畢業(yè)后的同學之間保持更好的聯(lián)系和同學之間的情感交流，增進同學之間的感情，為能夠永遠保存這一份同學感情提供一個重要的交流平臺。第1章 系統(tǒng)分析1.1 系統(tǒng)初步調(diào)查隨著互聯(lián)網(wǎng)的興起，各種管理系統(tǒng)應(yīng)運而生，在此趨勢下，對基于ASP的同學通訊錄管理系統(tǒng)的需求也越來越強烈。畢業(yè)將近，同學們以后接觸的時間會相對減少，但相互交流的愿望卻會相對增加。如果有個同學錄系統(tǒng)，那么同學之間的交流就已不再是愿望而變成了現(xiàn)實。這樣同學之間就不需要因為了解下

3、同學的情況而奔跑于千里之外或因和同學溝通而每月承擔的巨額話費，我們只要在擁有一臺電腦就可以對同學的情況了如指掌，同學間的感情也不會隨著時間的推移而變淡。有鑒于此，在目前情況下設(shè)計開發(fā)出網(wǎng)上個人空間的同學錄管理信息系統(tǒng)，具有十分重要的現(xiàn)實意義和理論價值。1.2 可行性分析1.2.1技術(shù)可行性硬件、軟件要求不高，目前市場上的一般計算機軟硬件資源均能滿足系統(tǒng)開發(fā)要求。其中運用的主要軟件有 dreamweaver Ultradev4.0 ,photoshop,Acdsee等，數(shù)據(jù)庫采用Access。ASP技術(shù)該技術(shù)戶功能強大，擴展性強，macromedia 公司提供大量的第三方控件，并結(jié)合vbscri

4、pt,javascript以及sql 等腳本語言，以上技術(shù)足以完成本系統(tǒng)的開發(fā)和設(shè)計。維護操作工作方便，后臺操作快截明了，操作人員可以在短時間內(nèi)完全掌握維護技術(shù)。1.2.2社會可行性近年來計算機技術(shù)的快速發(fā)展，特別是計算機網(wǎng)絡(luò)的發(fā)展，越來越深刻的改變了人們生活的方方面面。使得人們能以更低廉的價格，開發(fā)出更方便、更實用的網(wǎng)絡(luò)工具。各種在線服務(wù)系統(tǒng)，更是深刻的影響了人們的聯(lián)系方式，使得人們可以在遠隔千里之遙隨時通訊。過去的種種陳舊的聯(lián)系方式，已經(jīng)不能滿足現(xiàn)代生活的需要。同學錄作為一種方便同學之間聯(lián)系的實用系統(tǒng)便應(yīng)運而生。同學錄是為同學之間進行交流和聯(lián)系提供的一個平臺。通過提供完善的同學錄服務(wù)和規(guī)范

5、同學錄的管理，可以達到增進同學之間、同學與母校之間的感情，方便校友聯(lián)系的目的。1.2.3經(jīng)濟可行性資金可得性：由于系統(tǒng)開發(fā)并不復(fù)雜，操作起來也比較簡單，只需一些基本的編輯軟件，另外具備網(wǎng)絡(luò)中心的一些資源優(yōu)勢，因此開發(fā)費用較低。經(jīng)濟合理性：由于該系統(tǒng)用于企業(yè)工作的大部分信息發(fā)布和傳遞工作，不僅能夠節(jié)省大量的人工信息傳遞任務(wù)，提高了工作效率，更加有利于整個企業(yè)各部門之間的無紙化辦公的推廣。1.3需求分析1.3.1系統(tǒng)需求同學錄管理系統(tǒng)需要滿足來自兩方面的需求，分別是查看同學錄者的需求和同學錄管理員需求。查看同學錄者的需求是查看和發(fā)表留言，查看班級通訊錄及查看空間的具體內(nèi)容；系統(tǒng)管理員除了具有班級成

6、員的全部權(quán)限以外，還具有修改，刪除同學錄等功能。同學錄管理系統(tǒng)的開發(fā)是應(yīng)該滿足以下具體的系統(tǒng)要求：1、 滿足查找同學者的基本要求。2、 滿足同學管理的基本要求。3、 滿足同學錄觀看者管理的基本要求。4、 對操作人員的技能要求比較低，操作方便。5、 能夠?qū)崿F(xiàn)方便的擴展，滿足現(xiàn)代化市場的發(fā)展。6、 能夠提供完善的同學錄服務(wù)和規(guī)范的同學錄管理。1.3.2功能需求需求分析簡單來說就是分析出系統(tǒng)要做一件什么事情。在線同學錄管理信息系統(tǒng)的總體任務(wù)是實現(xiàn)在線同學查看相冊，美文，以及查看留言等功能及管理員的在線管理的信息化、網(wǎng)絡(luò)化。經(jīng)過對以上需求進行分析以后，可以得到一個面向用戶的簡單的需求分析，并得到系統(tǒng)在

7、面向用戶方面應(yīng)該具有如下的功能： 1、進行網(wǎng)上聊天。2、查看空間內(nèi)容。3、進行網(wǎng)上留言4、查看班級信息5、欣賞美文。6、查看主人信息。對于在線網(wǎng)絡(luò)管理員來說，他所關(guān)心的問題是：同學錄的成員包括誰，以及對成員的記錄進行隨時的更新，刪除等等?；谶@些問題出發(fā)，可以得到面向管理員的方面應(yīng)該具有如下的功能：1、通訊錄的維護：增加、修改和刪除成員。2、現(xiàn)有人員管理：修改、刪除、查看。3、用戶管理：查看、修改、刪除。4、管理員登錄。5、添加人員：添加表中人員地址，姓名，工作單位等。另外，在本系統(tǒng)中，又加入了聊天室、網(wǎng)上調(diào)查。為用戶提供了一個互動的平臺。第2章 系統(tǒng)設(shè)計2.1系統(tǒng)設(shè)計實現(xiàn)目標根據(jù)上面對本系統(tǒng)

8、的分析，系統(tǒng)設(shè)計主要實現(xiàn)如下目標：1、提高在線同學錄管理的效率，節(jié)約相關(guān)的管理成本。2、增強同學錄管理的安全性。3、實現(xiàn)同學的最新動態(tài)。4、為用戶提供綜合性、規(guī)范化的服務(wù)。5、提供用戶聊天室，網(wǎng)上調(diào)查、增強網(wǎng)站的互動性。6、滿足用戶和管理人員的不同方面的要求。2.2 系統(tǒng)設(shè)計原則（1）實用性原則：要力求最大限度地滿足實際工作的需要，用戶接口和操作界面美觀大方，操作簡便實用6。（2）可擴展性和可維護性原則：為適應(yīng)將來的發(fā)展軟件設(shè)計盡可能模塊化使應(yīng)用系統(tǒng)可靈活配置，適應(yīng)不同的情況，數(shù)據(jù)庫的設(shè)計盡可能考慮到未來的需要6。（3）安全可靠性原則：應(yīng)用軟件與數(shù)據(jù)庫系統(tǒng)的設(shè)計盡量做到安全可靠，防止非法用戶的

9、進入。數(shù)據(jù)庫的備份策略恰當，以防災(zāi)難性事故發(fā)生7。（4）用戶界面設(shè)計原則：圖形化原則，用戶界面的設(shè)計做到直觀、明了、條理清晰，實現(xiàn)“傻瓜型”管理易學、易用、易管理7。2.3 系統(tǒng)設(shè)計思想1、頁面模塊化本系統(tǒng)把頁面中一些常用的部分集成為模塊，例如頁面的頭和尾部，這樣設(shè)計新的頁面時如果有重復(fù)出現(xiàn)的部分，只需要拿現(xiàn)成的模塊來組裝就可以了8。2、注重安全性為安全起見，應(yīng)采用設(shè)有權(quán)限的數(shù)據(jù)庫SQL Server或Oracle，作為一個中小型信息管理系統(tǒng)，本系統(tǒng)采用SQL Server 2000數(shù)據(jù)庫11。3、代碼的復(fù)用本系統(tǒng)使用了很好的代碼復(fù)用機制，即在開發(fā)中盡量使用本系統(tǒng)中已經(jīng)使用過的代碼，以及使用以

10、前項目積累的代碼，如分頁功能等9。4、使用數(shù)據(jù)庫連接池和其他優(yōu)化手段10本系統(tǒng)中，連接數(shù)據(jù)庫采用OLE DB 方式，并且在每頁中顯示的關(guān)閉連接，于是利用了IIS自帶的數(shù)據(jù)庫連接池特性，大大提高了數(shù)據(jù)庫連接效率。2.4 系統(tǒng)功能模塊劃分根據(jù)系統(tǒng)功能，可將Web應(yīng)用程序分為管理界面和用戶界面。用戶模式的系統(tǒng)功能模塊圖如圖2-1所示。美文欣賞我的相冊自我介紹班級首頁在線同學錄管理系統(tǒng)用戶界面聊 天 室網(wǎng)上調(diào)查聊 天 室留言板聯(lián)系同學查看調(diào)查結(jié)果投 票查看留言信息提交留言進行同學留言退出聊天室進行聊天登陸界面進行聊天退出聊天室登陸界面圖2- 1用戶模式系統(tǒng)功能圖管理模式的系統(tǒng)功能模塊圖如圖2-2所示。

11、圖2- 2管理模式的系統(tǒng)功能模塊圖查看信息查看留言查看班級資料查看同學錄修改同學錄在線同學錄管理界面添加同學信息管理員登錄刪除同學信息 查看個人資料查看美文查看相冊進行聊天進行調(diào)查在線瀏覽界面查看班級宣傳用戶登錄查看同學相冊圖2- 3用戶模塊功能圖2.5系統(tǒng)運行環(huán)境的配置2.5.1硬件環(huán)境的配置1、服務(wù)器端本系統(tǒng)服務(wù)器端的配置如下：處理器：Inter Pentium41.6GHz或更高內(nèi)存：256MB硬盤空間：80GB光驅(qū)：CD-ROM48X顯卡：SVGA顯示適配器122、用戶端用戶端的最低配置如下：處理器：Inter Pentium166MX或更高內(nèi)存：32MB硬盤空間：1GB光驅(qū)：CD-R

12、OM48X顯卡：SVGA顯示適配器122.5.2軟件環(huán)境的配置1、服務(wù)器端操作系統(tǒng)：Windows 2000 Server網(wǎng)絡(luò)協(xié)議：TCP/IPWeb服務(wù)器：Internet information server5.0/Personal Web Server數(shù)據(jù)庫：Microsoft SQLServer2000122、用戶端操作系統(tǒng)：Windows98/ME/2000/XP網(wǎng)絡(luò)協(xié)議：TCP/IP瀏覽器：Internet Explore5.0 以上，建議分辨率為1024×768像素122.6數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫是設(shè)計網(wǎng)站必不可少的后臺支持，數(shù)據(jù)庫結(jié)構(gòu)設(shè)計的好壞將直接對應(yīng)用系統(tǒng)的效率以及實現(xiàn)

13、的效果產(chǎn)生影響，合理的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計可以提高數(shù)據(jù)存儲的效率，保證數(shù)據(jù)的完整和一致。13在本系統(tǒng)中我們定義這個數(shù)據(jù)庫為BBS和schoolmate。BBS數(shù)據(jù)庫中包含了1張表：留言信息表BBS、schoolmate數(shù)據(jù)庫中包含1張同學信息表schoolmate。 2.6.1 數(shù)據(jù)庫需求分析用戶的需求具體體現(xiàn)在各種信息的提供、瀏覽、更新和查詢，這就要求數(shù)據(jù)庫結(jié)構(gòu)能夠充分滿足各種信息的輸入和輸出。通過上述的分析，針對一般在同學錄管理系統(tǒng)，總結(jié)出如下的需求分析：用戶無需登錄就可以查看個人資料，美文欣賞，觀看相冊，進行聊天，留言等。l 管理員注冊登錄后就可以維護同學的信息，并且可以進行更改，刪除等操作。

14、l 用戶可以查看留言的內(nèi)容，也可以進行提交留言。l 提供更新同學信息功能。經(jīng)過上述系統(tǒng)功能分析和需求總結(jié)，考慮到將來功能上的擴展，設(shè)計如下的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)。l 留言信息，包括數(shù)據(jù)項：留言者，E-mail，主題，留言給誰，內(nèi)容。l 同學信息：包括數(shù)據(jù)項：姓名，性別，出生日期，聯(lián)系電話，手機，家庭住址，所在單位，電子郵箱。2.6.2 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計根據(jù)上面的設(shè)計規(guī)劃出的實體有：管理信息實體、用戶信息實體、同學實體、留言實體。實體之間關(guān)系的E-R圖如圖2-4所示。同學信息分類同學用戶留言留言內(nèi)容查看圖2- 4實體之間關(guān)系的E-R圖2.6.3數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計本系統(tǒng)采用ACCESS數(shù)據(jù)庫。在線同

15、學錄數(shù)據(jù)庫中表的設(shè)計結(jié)果如下面的表格所示。表2-1所示為schoolmate信息表，記錄某個同學的所有信息信息。表2- 1同學錄信息表(schoolmate)字段名稱數(shù)據(jù)類型字段大小必填字段默認值姓名文本10是（無）性別文本2是（無）出生日期日期/時間短日期是（無）電話文本20是（無）手機文本20是（無）住址文本30是（無）單位文本20是（無）Email文本20是（無）表2-2所示為留言信息列表，記錄系統(tǒng)中所有人員的留言信息。表2-2 留言信息列表（BBS）字段名稱數(shù)據(jù)類型字段大小必填字段默認值說明ID自動編號長整型無（無）給留言者編號User文本10是（無）留言者Email文本30是（無）地

16、址ToWho文本30是（無）留言給誰AddTime文本25是（無）留言時間Subject文本30是（無）主題Content備注無否（無）內(nèi)容第3章 系統(tǒng)的實現(xiàn)3.1用戶模式功能模塊實現(xiàn)3.1.1公用模塊設(shè)計為了提高代碼的重用性，把具有相同功能的代碼設(shè)計為獨立的模塊，這些模塊包括頭模塊、注冊模塊和左邊班級功能的模塊。3.1.2客戶端界面結(jié)構(gòu)設(shè)計主頁是一個網(wǎng)頁管理系統(tǒng)的門戶，同學一般都是首先看到此頁（也有個別從鏈接進來者），主頁包含很多的功能，能夠滿足用戶的各種需求，因此大多數(shù)同學都希望在主頁上能夠查看更多信息，例如，查看美文，與朋友進行聊天，查看主人的空間信息，以及進行對本網(wǎng)站的滿意度進行投票等

17、功能。所以網(wǎng)頁設(shè)計者希望將自己最希望讓別人了解的信息放在最吸引目光的位置。本系統(tǒng)的主頁是index.html文件，圖3-1是同學錄管理系統(tǒng)的主頁面。圖3-2是功能顯示圖圖3- 1主頁面的運行效果圖圖3- 2功能的運行效果圖3.1.3班級功能瀏覽模塊同學錄及進行同學聊天是同學來到網(wǎng)站后最關(guān)心的件事。對于同學信息這種既注重準確又關(guān)心最新消息的內(nèi)容。具備方便聊天的功能是非常必要的，另外還需具備留言功能。首先來看聊天功能的實現(xiàn)。1. 聊天界面在本系統(tǒng)中成員登陸界面是由main.htm頁面實現(xiàn)的，聊天頁面和退出聊天界面都是在一個頁面實現(xiàn)的，即都是ChatPage.asp文件，在這個文件中，顯示聊天的內(nèi)容

18、及在線成員。圖3-3為聊天室界面.圖3- 3聊天室的顯示頁面2.查看美文信息美文詳細信息的實現(xiàn)原理是通過進行超級連接可以實現(xiàn). 圖3- 4美文欣賞信息運行圖3.1.4 同學錄管理模塊設(shè)計本系統(tǒng)的目的就是用來管理同學錄，自然最感興趣的就是進行更新，刪除，添加同學的信息。運行效果圖如3-5所示。圖3- 5填入同學信息的運行效果圖進入此模塊用戶可以看見的就是同學的具體信息，包括姓名，性別，出生日期，電話，住址等具體情況。其運行效果圖如圖3-6所示：圖3- 6同學錄具體信息的運行效果圖根據(jù)操作選擇，可對同學的信息進行刪除，修改。修改同學信息運行圖如3-7所示。圖3- 7修改同學信息的顯示頁面 至此，與同學錄相關(guān)的模塊已開發(fā)完畢，下面的幾個模塊都是與同學錄管理系統(tǒng)的直接關(guān)系不大，但也是一個在線管理系統(tǒng)必不可少的，包括在線進行調(diào)查，查看調(diào)查結(jié)果。3.1.5 在線調(diào)查