1、課題名稱：基于asp技術(shù)的班級網(wǎng)站設(shè)計學(xué)生姓名：學(xué)號：院系：班級：指導(dǎo)老師：基于asp.net技術(shù)的班級網(wǎng)站設(shè)計摘要 班級網(wǎng)站設(shè)計是為了合理利用網(wǎng)絡(luò)資源、提供班級學(xué)習(xí)與交流、有效管理班級事務(wù)的網(wǎng)絡(luò)平臺。本網(wǎng)站基于b/s模式，在asp.net集成開發(fā)環(huán)境下采用c#語言開發(fā)完成。本網(wǎng)站有班級簡介、班級相冊、同學(xué)登錄、班級留言、文學(xué)空間、論壇社區(qū)、休閑天地等七個模塊。網(wǎng)站的設(shè)計體現(xiàn)個性化的要求。其中同學(xué)登陸模塊實現(xiàn)了用戶注冊、登陸與修改個人資料等功能；班級留言實現(xiàn)網(wǎng)上留言功能；班級相冊實現(xiàn)了圖片上載和在線瀏覽功能；論壇社區(qū)提供交流平臺。本網(wǎng)站能促進(jìn)班級內(nèi)學(xué)生交流學(xué)習(xí)，實現(xiàn)用戶自由訪問，增加同學(xué)們的相

2、互了解，增強(qiáng)班級凝聚力。關(guān)鍵字：網(wǎng)站建設(shè)；網(wǎng)站運行；b/s模式；asp.net；c#； the design of class-style website based on asp.net the website of class-style is used to rationalize the use of network resources, provide learning and communication, and effectively manage the classes affairs. this website is completed based on the b/s mo

3、de, with asp.net integrated development environment and c# language. this website is consisted of the user module , the online forum, album-style, gucst-book module and the management module. the user module is consisted of users registration, login and the album-style contains picture up-loading an

4、d online browsing. the guest-book module accomplishes the online leaving messages. the user management module can accomplish the forum management. album management and guest-book management. this website is to promote the communication during the students in class learning and is achieved free acces

5、s to users for learning mutually, and increases class cohesion. key words: web design; web operation; b/s mode; asp.net; c#;目錄1.引言1.1網(wǎng)站設(shè)計背景11.2系統(tǒng)配置21.3開發(fā)技術(shù)和開發(fā)工具22.概要設(shè)計2.1功能需求32.2系統(tǒng)流程43.數(shù)據(jù)庫設(shè)計3.1需求分析53.2數(shù)據(jù)庫表結(jié)構(gòu)63.3數(shù)據(jù)庫連接74詳細(xì)設(shè)計4.1導(dǎo)航欄與登錄模塊84.2班級論壇模塊104.3班級相冊模塊154.4班級留言模塊174.5頁面間的鏈接175系統(tǒng)性能測試196結(jié)論227參考文獻(xiàn)238

6、致謝241.引言 1.1網(wǎng)站設(shè)計背景 隨著網(wǎng)絡(luò)技術(shù)不斷發(fā)展和計算機(jī)的普及，越來越多的人擁有了自己的電腦，越來越多的學(xué)校和班級通過計算機(jī)網(wǎng)絡(luò)來管理其各項事務(wù)。同時，學(xué)生與學(xué)生之間通過網(wǎng)絡(luò)來交流的方式也日趨頻繁。在這種潮流的趨勢之下，應(yīng)該采用什么樣的方式來更好的管理學(xué)生的各項信息和班級的各項日常事務(wù)，以及怎樣使學(xué)生之間能夠更好的交流，成為一個問題。 本系統(tǒng)使用asp.net技術(shù)的動態(tài)的網(wǎng)頁與sql server2000數(shù)據(jù)庫結(jié)合設(shè)計建立的一個網(wǎng)絡(luò)班級網(wǎng)站。用戶首先通過內(nèi)部網(wǎng)絡(luò)訪問本站，進(jìn)行簡單的注冊并經(jīng)管理員審核通過后，即擁有了使用本網(wǎng)站上所提供的除管理模塊外的各功能的權(quán)利。功能模塊包括論壇社區(qū)、

7、班級留言、班級相冊等。論壇社區(qū)提供用戶之間的主要的交流的平臺，用戶可以發(fā)起自己的帖子，來引起班級其他同學(xué)的對本貼的討論或回復(fù)，同時用戶也可對自己或別人的帖子提出自己的見解，從而很好地促進(jìn)了班級內(nèi)同學(xué)的交流。班級留言提供網(wǎng)上留言功能。留言可以是班級的老師班長或其它同學(xué)的留言，通過網(wǎng)絡(luò)的迅捷的傳輸速率達(dá)到快速了解及處理班級事務(wù)的目的。班級相冊可以將班級內(nèi)同學(xué)的相冊傳到網(wǎng)站上自由瀏覽，增加班級的親和力。以上的幾個功能很好的解決了上面所提出的問題。1.2系統(tǒng)配置cpu：pentium733或以上之ibm 兼容機(jī)；內(nèi)存：128mb或以上容量；顯卡：16mb或以上顯存之a(chǎn)gp接口繪圖卡；硬盤：至少100m

8、b剩余空間。2、軟件要求操作系統(tǒng)：microsoft windows xp,server 2000/2003簡體中文版;web服務(wù)器：microsoft internet information services (iis) 5.1/6.0；數(shù)據(jù)庫：sql server2000簡體中文版；1.3開發(fā)技術(shù)與開發(fā)工具（1）asp.net技術(shù) asp.net是一種建立在通用語言上的程序構(gòu)架，能被用于一臺web服務(wù)器來建立強(qiáng)大的web應(yīng)用程序。asp.net是在服務(wù)器上運行的編譯好的公共語言運行庫，利用早期綁定、實時編譯、本機(jī)優(yōu)化和盒外緩存服務(wù)，這相當(dāng)于在編寫代碼行之前便顯著提高了性能。另外，由于as

9、p.net框架補(bǔ)充了visual studio集成開發(fā)環(huán)境，相比asp,使程序設(shè)計相對簡化，結(jié)構(gòu)更為清晰。（2）sql server 2000數(shù)據(jù)庫 sql server 2000是一個具備完全web支持的數(shù)據(jù)庫產(chǎn)品，提供了對可擴(kuò)展標(biāo)記語言的核心支持，提供了以web標(biāo)準(zhǔn)為基礎(chǔ)的擴(kuò)展數(shù)據(jù)庫編程功能。同時提供了高效的數(shù)據(jù)庫解決方案，可處理海量數(shù)據(jù)，是個大型的數(shù)據(jù)庫系統(tǒng)。其安全性、穩(wěn)定性、擴(kuò)展性、存儲數(shù)據(jù)量都很好。（3）visual studio.net2005開發(fā)環(huán)境visual studio.net2005是microsoft推出.net應(yīng)用程序開發(fā)工具。（4）dreamweaver mxdre

10、amweaver mx是專業(yè)網(wǎng)頁制作標(biāo)準(zhǔn)軟件，它集成了動態(tài)網(wǎng)頁制作的功能，使之在網(wǎng)頁制作領(lǐng)域地位無人可及。采用此軟件來進(jìn)行網(wǎng)頁的排版和各頁面的鏈接。（5）flash mxflash mx是交互式動畫設(shè)計工具，用它可以將音樂，聲效，動畫方便地融合在一起，以制作出高品質(zhì)的動態(tài)效果。（6）photoshop 7.0photoshop 7.0是優(yōu)秀的圖像處理軟件，一直占據(jù)著圖像處理軟件的領(lǐng)袖地位，是平面設(shè)計、建筑裝修設(shè)計三維動畫制作及網(wǎng)頁設(shè)計的必用軟件。采用此軟件來處理頁面中圖片和文字。2.概要設(shè)計2.1功能需求 為了滿足班級網(wǎng)站的交流的目的。本網(wǎng)站包括：班級簡介、班級相冊、班級登錄、班級留言、文學(xué)空

11、間、論壇社區(qū)、休閑天地等模塊。班級簡介模塊，作為班級總體介紹平臺，介紹班級建設(shè)，班級成員，班級成績等；班級相冊模塊，包括用戶上傳圖片以及圖片的瀏覽功能，實現(xiàn)與數(shù)據(jù)庫的銜接；班級登錄模塊，包括注冊和登錄兩個子模塊，通過注冊可以成為班級成員，再通過登錄擁有了訪問網(wǎng)站各項功能的權(quán)利；班級留言模塊，實現(xiàn)用戶在線留言；班級論壇模塊，論壇模塊主要實現(xiàn)注冊用戶能在此網(wǎng)站平臺之上交流，一般用戶可以回復(fù)別人的發(fā)言，亦可提出自己的言論，以獲取他人的建議與意見；。功能結(jié)構(gòu)框圖提交留言網(wǎng)站主頁休閑天地論壇社區(qū)文學(xué)天地班級留言班級通信班級相冊班級簡介 用戶登錄 進(jìn)入網(wǎng)站2.2系統(tǒng)流程 根據(jù)要求，同學(xué)登陸本網(wǎng)站首頁時，先

12、通過注冊，再通過用戶入口進(jìn)入登陸界面，在此頁面登陸驗證成功后即擁有了訪問網(wǎng)站各項功能的權(quán)利。包括個人信息、論壇、上載圖片、瀏覽圖片、給級留言等。系統(tǒng)流程圖如下登陸網(wǎng)站首頁注冊登 錄給班級留言個人信息論壇上載圖片瀏覽圖片注冊成功成功登陸3.數(shù)據(jù)庫設(shè)計 3.1需求分析一個班級網(wǎng)站系統(tǒng)，同其他類型的網(wǎng)站一樣，首先應(yīng)該包括用戶表，用戶表用來存儲已注冊用戶的各項信息（系統(tǒng)中只有一張，多對一）。 班級論壇對應(yīng)于數(shù)據(jù)庫中兩張表：帖子信息表（一對多）和帖子回復(fù)表（一對多）。帖子信息表中存儲了論壇中用戶發(fā)的所有帖子。同時每個帖子都應(yīng)有他的回復(fù)，在數(shù)據(jù)庫的存儲中，將所有的帖子的回復(fù)都放到了帖子回復(fù)表中，通過表中帖

13、子的不同編號來區(qū)分不同的帖子的回復(fù)。 網(wǎng)站還包括班級相冊模塊和班級留言模塊，因此數(shù)據(jù)庫中還應(yīng)包含圖片信息表與留言表用來存儲上載圖片的所有信息和留言的各項信息。3.2數(shù)據(jù)庫表結(jié)構(gòu)（1）用戶信息表numberfielddata typesexplain 1idint用戶id（主鍵）（自動） 2usernamenvarchar(20)用戶登錄名 3passnvarchar(20)用戶密碼 4qqint用戶qq號 5mailnvarchar(50)e-mail 6signnvarchar(200)用戶自我介紹（2）帖子信息表numberfielddata typesexplain1threadidin

14、t帖子編號（主鍵）2authornvarchar(50)發(fā)帖人用戶名3subjectnvarchar(50)帖子標(biāo)題4contentntext(16)帖子內(nèi)容5replyint帖子總回復(fù)數(shù)6totalviewint帖子被瀏覽數(shù)7posttimedatetime發(fā)帖時間（3）回復(fù)信息表numberfielddata typesexplain 1messageidint信息id（主鍵）（自動） 2threadidint帖子編號（外鍵） 3subjectnvarchar(50)回復(fù)信息標(biāo)題 4contentntext回復(fù)內(nèi)容 5authornvarchar(50)回復(fù)者 6posttimedatet

15、ime回復(fù)時間（4）相冊表相冊表包括相片編號，相片名稱，相片上載時間共三個字段，主鍵為相片編號。numberfielddata typesexplain1 photoidint照片id（主鍵） 2photonamenvarchar(50)照片名稱 3uploadtimedatetime上傳時間（5）留言表numberfielddata typesexplain 1guestbookidint留言id（主鍵）（自動） 2subjectnvarchar(50)留言標(biāo)題 3contentntext留言內(nèi)容 4usernamenvarchar(50留言者姓名 5uptimedatetime留言時間3.

16、3 數(shù)據(jù)庫連接（1）. asp訪問數(shù)據(jù)庫方法 在asp中，使用ado組件訪問后臺數(shù)據(jù)庫，可通過以下步驟進(jìn)行：要與odbc兼容的數(shù)據(jù)庫進(jìn)行連接,必須建立一個dsn(date source name)用以定位和標(biāo)識特定的odbc兼容數(shù)據(jù)庫. 通過odbc,用戶可以選擇希望創(chuàng)建的dsn的類型:用戶,系統(tǒng)或文件.用戶和系統(tǒng)dsn存儲在windowsnt/2000/xp注冊表中.系統(tǒng)dsn允許所有的用戶登陸到特定的服務(wù)器上去訪問數(shù)據(jù)庫,而用戶dsn使用適當(dāng)?shù)陌踩矸葑C明限制數(shù)據(jù)庫到特定用戶的連接,文件dsn 用于從文本文件中獲取表格,提供了對多用戶的訪問,并且通過復(fù)制dsn文件,可以輕易的從一個服務(wù)器轉(zhuǎn)

17、移到另一個服務(wù)器. （2） 使用ado組件查詢web數(shù)據(jù)庫 1.調(diào)用server.createobject方法取得“adodb.connection”的實例，再使用open方法打開數(shù)據(jù)庫：conn=server.createobject(“adodb.connection”)conn.open(“數(shù)據(jù)庫表名”)2.指定要執(zhí)行的sql命令連接數(shù)據(jù)庫后，可對數(shù)據(jù)庫操作，如查詢，修改，刪除等，這些都是通過sql指令來完成的，如要在數(shù)據(jù)表signaltab中查詢代碼中含有“x”的記錄sqlstr=“select*fromsignaltabwherecodelike%x%”rs=conn.execute

18、(sqlstr)3.使用recordset屬性和方法，并顯示結(jié)果為了更精確地跟蹤數(shù)據(jù)，要用recordset組件創(chuàng)建包含數(shù)據(jù)的游標(biāo)，游標(biāo)就是儲存在內(nèi)存中的數(shù)據(jù)。4.關(guān)閉數(shù)據(jù)庫conn.close ()4.詳細(xì)設(shè)計4.1導(dǎo)航欄與登錄模塊 在用戶登陸界面即可進(jìn)行用戶的登陸，同時也可點擊注冊按鈕進(jìn)入注冊頁面。管理員登陸成功后即可對網(wǎng)站進(jìn)行管理。（1）導(dǎo)航欄 導(dǎo)航欄的設(shè)計主要是建立一個用戶自定義header.ascx。在header.ascx中，先插入一張表，然后將連接到各模塊主頁面的超鏈接圖片插入其中，完成自定義控件的建立。在每個需要加入他的頁面首先進(jìn)行注冊，然后在中進(jìn)行調(diào)用即可。如：(2)登錄頁面

19、 登陸頁面主要控件為用戶登錄按鈕button1，點擊后在后臺執(zhí)行代碼，首先聲明usersdb的對象，調(diào)用usersdb的userlogin（）函數(shù)，userlogin（）函數(shù)再調(diào)用存儲過程checkuser執(zhí)行用戶和密碼檢驗，userlogin（）返回一個串值。控件代碼如下：4.2論壇模塊 用戶登陸后進(jìn)入論壇主頁showthread.aspx。該頁面主要設(shè)計目的是顯示論壇所有的帖子，點擊某一帖子進(jìn)入該帖子對應(yīng)的頁面。并可以通過點擊發(fā)表帖子控件進(jìn)入發(fā)表帖子頁面，將發(fā)表的帖子及時的顯示在帖子主頁上。 此頁面主要是mydatalist控件，其它為顯示控件或超級鏈接控件。后臺首先通過pate-load

20、調(diào)用相關(guān)方法實現(xiàn)mydatalist的數(shù)據(jù)綁定。綁定之前首先計算當(dāng)前頁面顯示的總的帖子數(shù)，調(diào)用threadsdb中的currentpagethreads函數(shù)，同時對頁面分頁。return dscurrenttheads;(3)currentpagethreads()方法調(diào)用存儲過程gettreads，代碼如下：（4）最后，在html頁中對數(shù)據(jù)列進(jìn)行具體的綁定，其中需將帖子標(biāo)題列綁定在超鏈接中。代碼如下：4.3班級相冊模塊（1）圖片上載 圖片上載頁面主要控件由文件上傳控件filemyfile和button1后臺代碼來實現(xiàn)。按鈕button1首先取得上傳文件的文件與文件擴(kuò)展名，然后對文件擴(kuò)展名進(jìn)行

21、比較，保證上傳的為bmp，jpeg，jpg，gif四種圖片中一種，之后用photos類的對象photo調(diào)用類中的方法cheackphotoname（），判斷上傳圖片的文件名定如數(shù)據(jù)庫中，調(diào)用類photos的方法insertphoto（）。（2）相冊瀏覽模塊 相冊瀏覽頁的設(shè)計與帖子瀏覽頁的設(shè)計思想基本相同，包括顯示主控件mydatalist和上傳圖片超連接按鈕。 同樣，mydatalist也需在后臺先進(jìn)行表的數(shù)據(jù)綁定與分頁，然后在html中對表中的列綁定最后在html頁中對其mydatalist進(jìn)行列綁定。4.4班級留言模塊 留言模塊的實現(xiàn)與論壇的實現(xiàn)大同小異，頁面包括一個主控件repeater

22、和提交留言按鈕button1。 repeater控件代碼與論壇datalist控件代碼相似，button1后臺代碼如下：addguestbook（）方法代入三個參數(shù)：留言人姓名，留言標(biāo)題，留言內(nèi)容，并調(diào)用存儲過程addguestbook，將值傳入數(shù)據(jù)庫添加留言。4.5頁面間的鏈接1班級簡介，文學(xué)空間，休閑天地等模塊，形式類似，主要是做好頁面設(shè)計。應(yīng)用photoshop加工處理圖片，實現(xiàn)圖片超鏈接。2、用“macromedia dreamweaver8.0簡體中文版”軟件進(jìn)行各頁面之間的鏈接。（1）打開新建的文件插入做好網(wǎng)頁背景圖片，在圖片上插入幾個表格，進(jìn)行等分，把做好的flash 圖標(biāo)按鈕插

23、入進(jìn)來，在每個動畫按鈕下面輸入每個動畫將代表的分頁名以及鏈接。還要對插入進(jìn)來的flash動畫圖標(biāo)按鈕進(jìn)行參數(shù)的設(shè)置。（參數(shù)：wmode,值：transparent）這樣預(yù)覽的時候與主頁背景同色。不會顯示flash動畫圖標(biāo)白色的區(qū)域。增加了主頁的美觀。（2）插入好flash動畫按鈕之后，分別把它們下面的名稱鏈接到它們各自主頁文件名上。（如：班級簡介banjijianjie.htm）（3）在瀏覽器中預(yù)覽時點擊flash 圖標(biāo)按鈕或者鏈接的文字區(qū)域都可以訪問到各個分頁面上。1、實現(xiàn)代碼如下： 班級簡介 班級相冊 班級通信 班級留言 文學(xué)空間 論壇社區(qū) 休閑天地5.系統(tǒng)性能測試 開發(fā)完成后，網(wǎng)站需要進(jìn)行必要的運行測試，判斷代碼執(zhí)行的正確性。 首先對用戶注冊與登陸頁進(jìn)行測試，在注冊頁面上，如果用戶填寫的用戶名或密碼為空，或者密碼與密碼確認(rèn)不一致，網(wǎng)頁產(chǎn)生相應(yīng)的錯誤提示。注冊頁面圖示：登陸頁面圖示： 其次，在圖片上載中，當(dāng)用戶所上載的文件類型不是系統(tǒng)所設(shè)計的四種圖片類型是，頁面顯示上載文件類型不符。反之只是上載成功，此時點擊瀏覽圖片超鏈接，進(jìn)入圖片瀏覽頁面即可看到剛上傳的圖片已在圖片顯示框中。 最后班級論壇與班級留言的測試。對論壇頁面以及留言瀏覽時，點擊某項能正常顯示。 當(dāng)點擊論壇發(fā)貼按鈕、回復(fù)帖子按鈕或留言中的留言按鈕時，如用戶未