畢業(yè)設(shè)計班級網(wǎng)站設(shè)計與實現(xiàn)論文

1、目錄目錄引言引言.21.1.網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站結(jié)構(gòu)設(shè)計.32 2 系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖.33 3 系統(tǒng)系統(tǒng) e-re-r 圖設(shè)計圖設(shè)計.54 4 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計.75 5 系統(tǒng)詳細(xì)設(shè)計系統(tǒng)詳細(xì)設(shè)計.85.1 網(wǎng)站布局和格式.85.2 注冊和登錄模塊設(shè)計.95.3 留言功能模塊的設(shè)計.115.4 資料修改功能模塊的設(shè)計.125.5相片上傳與瀏覽的設(shè)計.125.6 相片的列表與顯示.12總結(jié)總結(jié).14參考文獻(xiàn)參考文獻(xiàn).15班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計引言引言伴隨著網(wǎng)絡(luò)的出現(xiàn)，網(wǎng)頁逐漸融入人們的生活?？焖偌皶r的新聞瀏覽，五彩繽紛的網(wǎng)上信息，使網(wǎng)絡(luò)與人們的生活息息相關(guān)，于是世界上又出現(xiàn)了第三媒

2、體internet。它打破了地域限制，真正使信息得以共享，改變了人們的工作和生活方式。制作網(wǎng)頁是企業(yè)和個人的宣傳自己的重要手段，同時也是學(xué)習(xí)者獲取學(xué)習(xí)信息的重要手段。尤其是在新聞信息領(lǐng)域，各種新聞信息的發(fā)布分秒變換，人們對新聞信息的需求有了更新，更高的要求，而網(wǎng)頁由于本身所具有的信息量大，傳遞快速，沒有時空限制等特點(diǎn)恰好滿足這種要求。所以網(wǎng)頁也逐漸成為一種新興的信息發(fā)布資源。也正是由于網(wǎng)絡(luò)實現(xiàn)網(wǎng)站的數(shù)據(jù)信息能夠進(jìn)行實時交互，保證網(wǎng)站數(shù)據(jù)的實時性。隨著 internet 的進(jìn)一步發(fā)展,靜態(tài) web 站點(diǎn)的開發(fā)與維護(hù)變得越來越困難,一方面信息的不斷增加和變化,使站點(diǎn)維護(hù)人員不得不經(jīng)常修改他們的網(wǎng)頁

3、,特別是基于數(shù)據(jù)庫驅(qū)動的 web 站點(diǎn)更是如此，隨著 internet 上信息量的增多和交互性的加強(qiáng)使 html 顯得越來越難以勝任。另一方面靜態(tài)網(wǎng)頁由于不能與瀏覽者進(jìn)行有效交互,使人們感到越來越乏味,而不愿意再一次地進(jìn)入同一站點(diǎn)。所以開發(fā)動態(tài)網(wǎng)頁或動態(tài)內(nèi)容成了越來越多的站點(diǎn)所追求目標(biāo)。所謂動態(tài)內(nèi)容是由每一個用戶按照自己的需求發(fā)出請求而特殊制作的 web 網(wǎng)頁。網(wǎng)絡(luò)發(fā)展前景無限，及早與網(wǎng)絡(luò)結(jié)合，與信息時代同步，與高科技匯合，定會給社會各行各業(yè)的發(fā)展注入新鮮的活力。站在網(wǎng)絡(luò)時代的前夜，我們清晰地聽到了網(wǎng)絡(luò)時代的宣言：誰掌握了網(wǎng)絡(luò)，誰就掌握了未來。正文內(nèi)容：正文內(nèi)容：1.1.網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站結(jié)構(gòu)設(shè)

4、計網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)班級的勃勃生氣，網(wǎng)站布局應(yīng)該以輕松、簡潔的風(fēng)格為主，同時使用一定的圖形和多媒體元素，將整個網(wǎng)頁分成四個部分（如圖 1）第一部分 第二部分第三部分第四部分圖 1 頁面布局第一部分主要用來放置網(wǎng)站的標(biāo)志圖片；第二部分與第四部分主要用來放置一些功能鏈接；第三部分是主體部分，放置班級信息、留言、公告模塊等。2 2 系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能模塊設(shè)計分為前臺功能模塊設(shè)計和后臺功能模塊設(shè)計。前臺功能模塊設(shè)計主要包括：用戶注冊、用戶登陸、用戶管理，班級管理、留言板。后臺功能模塊設(shè)計主要包括：前臺首頁、用戶管理、用戶管理。 網(wǎng)站

5、系統(tǒng)模塊前臺網(wǎng)站首頁后臺管理首頁圖 1 網(wǎng)站系統(tǒng)結(jié)構(gòu)圖圖 2 前臺功能模塊結(jié)構(gòu)圖圖 3 后臺功能模塊結(jié)構(gòu)圖網(wǎng)站的具體結(jié)構(gòu)如圖 2 所示，在首頁上共有 7 個大的功能菜單，每個菜單前臺模塊用戶登錄班級留言班級足跡公告管理留言板成員地址班級相冊退 出更改資料留言添加相冊刪除相冊修改留言刪除留言后臺模塊前臺首頁用戶管理班級管理留言管理系統(tǒng)管理鏈接一個功能頁面，每個頁面實現(xiàn)不同功能。 圖 4充分利用 asp 的強(qiáng)大功能，在網(wǎng)站中提供留言簿、公告欄等交流場所，為同學(xué)們展開信息交流提供方便。3 3 系統(tǒng)系統(tǒng) e-re-r 圖圖設(shè)計設(shè)計登陸實體e-r圖 游客注 冊個人資料組 成個人資料查詢?yōu)g覽登陸留言管理員

6、管理管理留言存入后臺信息相冊圖 5 登陸實體 e-r 圖管理員信息實體 e-r 圖 圖 6 管理員實體 e-r 圖同學(xué)信息實體 e-r 圖 圖 7 同學(xué)實體 e-r 圖管理員信息密碼權(quán)限地址名字同學(xué)信息地址備注郵箱名字oicq性別4 4、數(shù)據(jù)庫設(shè)計、數(shù)據(jù)庫設(shè)計 數(shù)據(jù)庫設(shè)計指的是在現(xiàn)在數(shù)據(jù)庫管理系統(tǒng)上建立數(shù)據(jù)庫的過程，它的主要內(nèi)容是：在編寫數(shù)據(jù)庫應(yīng)用程序之前，應(yīng)該組織建立什么樣的數(shù)據(jù)庫，包括組織建立多少個數(shù)據(jù)庫為適宜，每個數(shù)據(jù)庫都有幾個字段，每個庫的主關(guān)鍵字和外部關(guān)鍵字以及各個表之間的關(guān)聯(lián)，如何傳遞數(shù)據(jù)。在數(shù)據(jù)庫的設(shè)計中，盡量充分地考慮到用戶各個方面功能上的需求，以前數(shù)據(jù)庫理論的主要規(guī)則。用戶的

7、需求具體體現(xiàn)在各種信息的提供、保存、更新和查詢等方面，這就要求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸入和輸出。所以搭建起后臺數(shù)據(jù)庫也就成為最基礎(chǔ)、最首要做的工作。本站應(yīng)用了功能強(qiáng)大的access數(shù)據(jù)庫。本網(wǎng)站采用的數(shù)據(jù)庫是 microsoft access ，建立庫文件，包含如下幾個表文件：claim 網(wǎng)站公告信息表loginfo 來訪登陸時間信息表mssg 留言信息表；photo 圖片內(nèi)容說明信息表user 成員地址信息表5 5 系統(tǒng)詳細(xì)設(shè)計系統(tǒng)詳細(xì)設(shè)計5.1 網(wǎng)站布局和格式首先要規(guī)劃好網(wǎng)站的結(jié)構(gòu)，對網(wǎng)站的網(wǎng)頁大體布局有一個具體的輪廓。并且為網(wǎng)站的主頁及二級頁面確定一個共同的格式，包括整個頁面的顏

8、色，寬度，陰影，背景，字體的大小顏色這就需要我們制作一個超文本樣式表.css 文件，以供每個網(wǎng)頁調(diào)用。為網(wǎng)站設(shè)計一個主頁面使用 dreameweaver mx 來制作。還要用到 html 語言、vbscript、javascript 等。將前面說到的功能和內(nèi)容以菜單的形式列出在主頁上，級聯(lián)菜單上是一些具體的功能和內(nèi)容。當(dāng)然，這個菜單是用 javascript 編制出來的一個函數(shù)，然后，在每一個菜單文件的代碼中再調(diào)用這個函數(shù)，其它的菜單也可以用同樣的代碼來實現(xiàn)。同樣，對于二級頁面的設(shè)計以及其它頁面的設(shè)計也是與主頁相同。如果這些頁面的主要部分與先前設(shè)計的主頁主體部分風(fēng)格和布局以及菜單都相同，那么我

9、們就可以先建立一個空的含菜單的文件作為模板，以后每建立一個類似的頁面，就可以調(diào)用此模板文件，在此基礎(chǔ)上再進(jìn)行修改、補(bǔ)充8。5.2 注冊和登錄模塊設(shè)計注冊登錄模塊是系統(tǒng)的門戶,在整個系統(tǒng)中占有重要的地位。它的主要功能是根據(jù)用戶的錄入信息進(jìn)行身份識別,排除非法用戶對本系統(tǒng)的使用,對合法用戶則按照不同的級別分類處理，從而保證系統(tǒng)的運(yùn)行安全，用戶進(jìn)入主頁面后,要想法使用其他菜單的功能必須先進(jìn)行注冊,在將表單提交后,調(diào)用相應(yīng)的程序進(jìn)行處理。處理程序首先與數(shù)據(jù)庫連接,查看是否存在同名和同密碼的用戶,若存在則顯示提示信息,并重新返回注冊表單,用戶輸入新的信息進(jìn)行重新注冊;若不存在同名且同密碼的用戶,則將注冊

10、信息寫入數(shù)據(jù)庫。如若用戶已經(jīng)注冊,則可輸入名稱和密碼進(jìn)入,在此過程中驗證名稱和密碼是否相符以及在登錄過程中用戶的請求是否被允許從而顯示不同的提示頁面。用戶登錄的流程圖如圖 4 所示。提交擊點(diǎn)返回按鈕是是進(jìn)行注冊表單的填寫連接數(shù)據(jù)庫并以用戶名進(jìn)行查尋填寫登錄的用戶名和密碼給出各種錯誤提示并返回登錄框輸入密碼與數(shù)據(jù)庫中的是否相同進(jìn)入網(wǎng)站界面是否首次登錄？通過在表單輸入“用戶名”和“密碼”后點(diǎn)擊“登錄”提交表單,激活后臺登錄程序。如果“用戶名”和“密碼”匹配就可以進(jìn)入,反之顯示錯誤提醒頁面。若登錄成功,登錄程序會把登錄用戶的信息寫進(jìn) cookies,供以后各項功能實現(xiàn)時使用。如果成功登錄后將出現(xiàn)如圖

11、 5 的界面： 圖 4 流程圖 圖 55.3 留言功能模塊的設(shè)計web 留言板類似于 bbs,但 bbs 的版面過多,不同的留言放在不同的主題中,由于龐大的信息量影響到網(wǎng)頁信息搜索的速度,不適合應(yīng)用于小型網(wǎng)站。本文所設(shè)計的是用于一個班級同學(xué)之間進(jìn)行信息交流的場所,規(guī)模小、設(shè)計簡單的 web留言版就可以實現(xiàn)信息交流的功能,而且它小巧簡單,因此更易于實現(xiàn),在速度上比 bbs 也占優(yōu)。系統(tǒng)功能分析:(1)登錄,已經(jīng)注冊的用戶可以在登錄界面輸入正確的用戶名和密碼,就能夠直接進(jìn)入到留言板頁面,同時不相關(guān)的信息寫到 cookies 數(shù)據(jù)集里,供以后各項功能實現(xiàn)時使用;(2)注冊,如果是新用戶,想進(jìn)入留言板

12、就必須通過注冊,得到批準(zhǔn)成為合法用戶而取得留言及其權(quán)限;(3)留言,已經(jīng)取得合法權(quán)限的用戶可以在留言板里進(jìn)行留言,或查看留言。動態(tài)網(wǎng)頁要處理很多信息,這些龐大的信息一般交給后臺數(shù)據(jù)庫去處理。而web 數(shù)據(jù)庫應(yīng)用系統(tǒng)則通過 internet 平臺連接數(shù)據(jù)庫,取得數(shù)據(jù)集,對其進(jìn)行添加、修改、查詢、刪除等操作。對數(shù)據(jù)庫進(jìn)行的各種操作,可以通過使用 sql 語言來實現(xiàn)。本文設(shè)計的留言板是以 access 2000 作為后臺數(shù)據(jù)庫。以操作接口而論,具備方便、簡易的特性,同時能完全利用 windows 資源。asp 通過使用 ado所提供的對象及方法,能幫助用戶建立各式各樣,符合用戶需求的 web 數(shù)據(jù)庫

13、應(yīng)用系統(tǒng)oledb。oledb 是連接數(shù)據(jù)庫的新低層界面。它能處理任何類型的數(shù)據(jù),無論它們的格式和保存方式是什么。程序開發(fā)者并不需要確切去了解其結(jié)構(gòu),只需要懂得如何利用它去連接數(shù)據(jù)庫即可。在本留言板中,利用 microsoft access2000 建立了 1 個 data.mdb 數(shù)據(jù)庫,而在其里面包含了 2 個表:user 和 mssg。整個留言板的所有信息交流都以這 2個表為基礎(chǔ),所有數(shù)據(jù)的存取都通過對這 2 個表而進(jìn)行操作。表 user 是用來存放注冊用戶的資料,表 mssg 是用來存放所有留言的信息。在完成數(shù)據(jù)庫制作后,我們在對數(shù)據(jù)庫進(jìn)行存取前,必須要進(jìn)行數(shù)據(jù)庫的連接工作,進(jìn)行數(shù)據(jù)庫

14、連接的方式有幾種,其中 1 種是通過“控制面板”“管理工具”“數(shù)據(jù)源(odbc)”來設(shè)置系統(tǒng) dsn。完成系統(tǒng) dsn 設(shè)置后,就可以通過 ado 對象對數(shù)據(jù)庫進(jìn)行存取操作了。5.3.1 瀏覽留言用戶可以在該頁面瀏覽全部的留言,這些留言都存放在表 mssg 里,頁面msgboard.asp 中的顯示留言,可通過對表 mssg 操作而顯示到頁面上。隨著留言的增多,如果在一個頁面里留言全部的留言,可想而知是非常不方便的,因此本設(shè)計為留言板提供了分頁顯示功能。通過 asp 提供的 recordset 的 absolutepage就可以輕松的對數(shù)量繁多的留言進(jìn)行有條理的分頁顯示。5.3.2 發(fā)布留言任

15、何的注冊用戶登錄后都擁有發(fā)布留言的權(quán)利,在留言主頁面提供了用來發(fā)布留言的輸入框,用戶可以通過表單發(fā)表留言,并選擇留言主題的標(biāo)志,發(fā)布留言是通過程序 msgadd.asp 來實現(xiàn)的。發(fā)布留言程序先以登錄后寫進(jìn) cookies 數(shù)據(jù)集合中的用戶名作為發(fā)布者的姓名,如果 cookies 是空的話,就轉(zhuǎn)到提示要先登錄的頁面。確認(rèn)后接受表單提交來的信息寫進(jìn)表 mssg 中。然后轉(zhuǎn)回到 msgboard.asp 留言頁面,而msgboard.asp 中的顯示留言程序根據(jù)更新后的表 mssg 而重新分頁顯示留言。5.4 資料修改功能模塊的設(shè)計用戶在主頁面上點(diǎn)擊“修改資料”進(jìn)入資料修改頁面 memberedi

16、t.asp,通過這個功能模塊來修改個人的注冊信息,但用戶名不能修改。修改之前用戶必須要輸入正確的密碼。而修改密碼的時候 2 次輸入的密碼要相同。修改資料功能是通過程序 memberedit.asp 來實現(xiàn),如果資料修改成功就轉(zhuǎn)到提示修改成功的頁面并修改表 user 的數(shù)據(jù),如果不成功便轉(zhuǎn)到相應(yīng)提示錯誤的頁面。5.5相片上傳與瀏覽的設(shè)計用戶還可以將自己喜歡的相片上傳供其他用戶瀏覽。用戶在主頁面上點(diǎn)擊“班級相冊”進(jìn)入頁面 photo.asp。相片的上傳：由于 asp 使用基于開放設(shè)計環(huán)境的 active技術(shù),本留言板即利用 active組件 aspsmartupload 來實現(xiàn)相片上傳功能。該組件

17、在下載并安裝后方可使用。相片的上傳是通過文件 upload.asp的上傳程序 up 來實現(xiàn)的,并將上傳相片的所有信息都存放在表 upload 里,包括相片的名稱、說明、上傳時間、上傳人姓名等。而且對于上傳的相片的類型和大小都有所限制,只能上傳 jpg 和 gif 類型的相片,而且相片大小不能超過300。如果用戶上傳的相片不符合要求,程序便進(jìn)行判斷,并顯示錯誤原因,5.6 相片的列表與顯示該功能是把所有相片的相關(guān)信息如相片的說明、上傳時間、上傳人姓名等通過列表的方式顯示出來,由于相片的數(shù)量可能很多,因此在這里也使用了分頁顯示,并在每張相片的說明文字上添加鏈接,用戶通過點(diǎn)擊鏈接就可以激活photo

18、.asp 中的程序,實現(xiàn)瀏覽相片功能?？偨Y(jié)總結(jié)通過這次畢業(yè)設(shè)計，我從中學(xué)到了許多新的知識，而且通過這次畢業(yè)設(shè)計，培養(yǎng)了我綜合多門學(xué)科中的知識、迅速規(guī)劃并開發(fā)出目標(biāo)系統(tǒng)的能力，以及編程能力也有了很大的提高。另外也有許多心得體會，所謂系統(tǒng)開發(fā)如人生百味，酸甜苦辣皆有之。回顧這 3 個半月的系統(tǒng)開發(fā)工作，總結(jié)起來那就是，軟件的開發(fā)是相當(dāng)辛苦的，但成功以后的喜悅也是非常美妙的，而且我發(fā)現(xiàn)，其中你投入的心血越多，成功以后你所獲得的快樂與充實感也更多更強(qiáng)。參考文獻(xiàn)參考文獻(xiàn)1. 肖金秀等.dreamweaver 網(wǎng)頁實例大制作.北京:冶金工業(yè)出版社,2001.2. 肖金秀等.asp 網(wǎng)絡(luò)編程技術(shù).北京:清華

19、大學(xué)出版社,2001.3. 張大斌. web 上基于 asp 的數(shù)據(jù)庫應(yīng)用研究j . 計算機(jī)工程與科學(xué) , 2001. 4. 沈文智. microsoft iis 網(wǎng)頁技術(shù)m. 北京 :人民郵電出版社 ,1998.5. 譚浩強(qiáng),網(wǎng)頁制作技術(shù)m.北京：清華大學(xué)出版社。2000.目錄目錄引言引言.21.1.網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站結(jié)構(gòu)設(shè)計.32 2 系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖.33 3 系統(tǒng)系統(tǒng) e-re-r 圖設(shè)計圖設(shè)計.54 4 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計.75 5 系統(tǒng)詳細(xì)設(shè)計系統(tǒng)詳細(xì)設(shè)計.85.1 網(wǎng)站布局和格式.85.2 注冊和登錄模塊設(shè)計.95.3 留言功能模塊的設(shè)計.115.4 資料修改功能模塊

20、的設(shè)計.125.5相片上傳與瀏覽的設(shè)計.125.6 相片的列表與顯示.12總結(jié)總結(jié).14參考文獻(xiàn)參考文獻(xiàn).15班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計引言引言伴隨著網(wǎng)絡(luò)的出現(xiàn)，網(wǎng)頁逐漸融入人們的生活。快速及時的新聞瀏覽，五彩繽紛的網(wǎng)上信息，使網(wǎng)絡(luò)與人們的生活息息相關(guān)，于是世界上又出現(xiàn)了第三媒體internet。它打破了地域限制，真正使信息得以共享，改變了人們的工作和生活方式。制作網(wǎng)頁是企業(yè)和個人的宣傳自己的重要手段，同時也是學(xué)習(xí)者獲取學(xué)習(xí)信息的重要手段。尤其是在新聞信息領(lǐng)域，各種新聞信息的發(fā)布分秒變換，人們對新聞信息的需求有了更新，更高的要求，而網(wǎng)頁由于本身所具有的信息量大，傳遞快速，沒有時空限制等特點(diǎn)恰好滿

21、足這種要求。所以網(wǎng)頁也逐漸成為一種新興的信息發(fā)布資源。也正是由于網(wǎng)絡(luò)實現(xiàn)網(wǎng)站的數(shù)據(jù)信息能夠進(jìn)行實時交互，保證網(wǎng)站數(shù)據(jù)的實時性。隨著 internet 的進(jìn)一步發(fā)展,靜態(tài) web 站點(diǎn)的開發(fā)與維護(hù)變得越來越困難,一方面信息的不斷增加和變化,使站點(diǎn)維護(hù)人員不得不經(jīng)常修改他們的網(wǎng)頁,特別是基于數(shù)據(jù)庫驅(qū)動的 web 站點(diǎn)更是如此，隨著 internet 上信息量的增多和交互性的加強(qiáng)使 html 顯得越來越難以勝任。另一方面靜態(tài)網(wǎng)頁由于不能與瀏覽者進(jìn)行有效交互,使人們感到越來越乏味,而不愿意再一次地進(jìn)入同一站點(diǎn)。所以開發(fā)動態(tài)網(wǎng)頁或動態(tài)內(nèi)容成了越來越多的站點(diǎn)所追求目標(biāo)。所謂動態(tài)內(nèi)容是由每一個用戶按照自己的

22、需求發(fā)出請求而特殊制作的 web 網(wǎng)頁。網(wǎng)絡(luò)發(fā)展前景無限，及早與網(wǎng)絡(luò)結(jié)合，與信息時代同步，與高科技匯合，定會給社會各行各業(yè)的發(fā)展注入新鮮的活力。站在網(wǎng)絡(luò)時代的前夜，我們清晰地聽到了網(wǎng)絡(luò)時代的宣言：誰掌握了網(wǎng)絡(luò)，誰就掌握了未來。正文內(nèi)容：正文內(nèi)容：1.1.網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)班級的勃勃生氣，網(wǎng)站布局應(yīng)該以輕松、簡潔的風(fēng)格為主，同時使用一定的圖形和多媒體元素，將整個網(wǎng)頁分成四個部分（如圖 1）第一部分 第二部分第三部分第四部分圖 1 頁面布局第一部分主要用來放置網(wǎng)站的標(biāo)志圖片；第二部分與第四部分主要用來放置一些功能鏈接；第三

23、部分是主體部分，放置班級信息、留言、公告模塊等。2 2 系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能模塊設(shè)計分為前臺功能模塊設(shè)計和后臺功能模塊設(shè)計。前臺功能模塊設(shè)計主要包括：用戶注冊、用戶登陸、用戶管理，班級管理、留言板。后臺功能模塊設(shè)計主要包括：前臺首頁、用戶管理、用戶管理。 圖 1 網(wǎng)站系統(tǒng)結(jié)構(gòu)圖網(wǎng)站系統(tǒng)模塊前臺網(wǎng)站首頁后臺管理首頁圖 2 前臺功能模塊結(jié)構(gòu)圖圖 3 后臺功能模塊結(jié)構(gòu)圖網(wǎng)站的具體結(jié)構(gòu)如圖 2 所示，在首頁上共有 7 個大的功能菜單，每個菜單鏈接一個功能頁面，每個頁面實現(xiàn)不同功能。前臺模塊用戶登錄班級留言班級足跡公告管理留言板成員地址班級相冊退 出更改資料留言添加相冊刪除相冊修改留言刪

24、除留言后臺模塊前臺首頁用戶管理班級管理留言管理系統(tǒng)管理 圖 4充分利用 asp 的強(qiáng)大功能，在網(wǎng)站中提供留言簿、公告欄等交流場所，為同學(xué)們展開信息交流提供方便。3 3 系統(tǒng)系統(tǒng) e-re-r 圖設(shè)計圖設(shè)計登陸實體e-r圖 游客注 冊個人資料組 成個人資料查詢?yōu)g覽登陸留言管理員管理管理留言存入后臺信息相冊圖 5 登陸實體 e-r 圖管理員信息實體 e-r 圖 圖 6 管理員實體 e-r 圖同學(xué)信息實體 e-r 圖 圖 7 同學(xué)實體 e-r 圖管理員信息密碼權(quán)限地址名字同學(xué)信息地址備注郵箱名字oicq性別4 4、數(shù)據(jù)庫設(shè)計、數(shù)據(jù)庫設(shè)計 數(shù)據(jù)庫設(shè)計指的是在現(xiàn)在數(shù)據(jù)庫管理系統(tǒng)上建立數(shù)據(jù)庫的過程，它的主

25、要內(nèi)容是：在編寫數(shù)據(jù)庫應(yīng)用程序之前，應(yīng)該組織建立什么樣的數(shù)據(jù)庫，包括組織建立多少個數(shù)據(jù)庫為適宜，每個數(shù)據(jù)庫都有幾個字段，每個庫的主關(guān)鍵字和外部關(guān)鍵字以及各個表之間的關(guān)聯(lián)，如何傳遞數(shù)據(jù)。在數(shù)據(jù)庫的設(shè)計中，盡量充分地考慮到用戶各個方面功能上的需求，以前數(shù)據(jù)庫理論的主要規(guī)則。用戶的需求具體體現(xiàn)在各種信息的提供、保存、更新和查詢等方面，這就要求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸入和輸出。所以搭建起后臺數(shù)據(jù)庫也就成為最基礎(chǔ)、最首要做的工作。本站應(yīng)用了功能強(qiáng)大的access數(shù)據(jù)庫。本網(wǎng)站采用的數(shù)據(jù)庫是 microsoft access ，建立庫文件，包含如下幾個表文件：claim 網(wǎng)站公告信息表loginf

26、o 來訪登陸時間信息表mssg 留言信息表；photo 圖片內(nèi)容說明信息表user 成員地址信息表5 5 系統(tǒng)詳細(xì)設(shè)計系統(tǒng)詳細(xì)設(shè)計5.1 網(wǎng)站布局和格式首先要規(guī)劃好網(wǎng)站的結(jié)構(gòu)，對網(wǎng)站的網(wǎng)頁大體布局有一個具體的輪廓。并且為網(wǎng)站的主頁及二級頁面確定一個共同的格式，包括整個頁面的顏色，寬度，陰影，背景，字體的大小顏色這就需要我們制作一個超文本樣式表.css 文件，以供每個網(wǎng)頁調(diào)用。為網(wǎng)站設(shè)計一個主頁面使用 dreameweaver mx 來制作。還要用到 html 語言、vbscript、javascript 等。將前面說到的功能和內(nèi)容以菜單的形式列出在主頁上，級聯(lián)菜單上是一些具體的功能和內(nèi)容。當(dāng)然

27、，這個菜單是用 javascript 編制出來的一個函數(shù)，然后，在每一個菜單文件的代碼中再調(diào)用這個函數(shù)，其它的菜單也可以用同樣的代碼來實現(xiàn)。同樣，對于二級頁面的設(shè)計以及其它頁面的設(shè)計也是與主頁相同。如果這些頁面的主要部分與先前設(shè)計的主頁主體部分風(fēng)格和布局以及菜單都相同，那么我們就可以先建立一個空的含菜單的文件作為模板，以后每建立一個類似的頁面，就可以調(diào)用此模板文件，在此基礎(chǔ)上再進(jìn)行修改、補(bǔ)充8。5.2 注冊和登錄模塊設(shè)計注冊登錄模塊是系統(tǒng)的門戶,在整個系統(tǒng)中占有重要的地位。它的主要功能是根據(jù)用戶的錄入信息進(jìn)行身份識別,排除非法用戶對本系統(tǒng)的使用,對合法用戶則按照不同的級別分類處理，從而保證系統(tǒng)

28、的運(yùn)行安全，用戶進(jìn)入主頁面后,要想法使用其他菜單的功能必須先進(jìn)行注冊,在將表單提交后,調(diào)用相應(yīng)的程序進(jìn)行處理。處理程序首先與數(shù)據(jù)庫連接,查看是否存在同名和同密碼的用戶,若存在則顯示提示信息,并重新返回注冊表單,用戶輸入新的信息進(jìn)行重新注冊;若不存在同名且同密碼的用戶,則將注冊信息寫入數(shù)據(jù)庫。如若用戶已經(jīng)注冊,則可輸入名稱和密碼進(jìn)入,在此過程中驗證名稱和密碼是否相符以及在登錄過程中用戶的請求是否被允許從而顯示不同的提示頁面。用戶登錄的流程圖如圖 4 所示。提交擊點(diǎn)返回按鈕是是進(jìn)行注冊表單的填寫連接數(shù)據(jù)庫并以用戶名進(jìn)行查尋填寫登錄的用戶名和密碼給出各種錯誤提示并返回登錄框輸入密碼與數(shù)據(jù)庫中的是否相

29、同進(jìn)入網(wǎng)站界面是否首次登錄？通過在表單輸入“用戶名”和“密碼”后點(diǎn)擊“登錄”提交表單,激活后臺登錄程序。如果“用戶名”和“密碼”匹配就可以進(jìn)入,反之顯示錯誤提醒頁面。若登錄成功,登錄程序會把登錄用戶的信息寫進(jìn) cookies,供以后各項功能實現(xiàn)時使用。如果成功登錄后將出現(xiàn)如圖 5 的界面： 圖 4 流程圖 圖 55.3 留言功能模塊的設(shè)計web 留言板類似于 bbs,但 bbs 的版面過多,不同的留言放在不同的主題中,由于龐大的信息量影響到網(wǎng)頁信息搜索的速度,不適合應(yīng)用于小型網(wǎng)站。本文所設(shè)計的是用于一個班級同學(xué)之間進(jìn)行信息交流的場所,規(guī)模小、設(shè)計簡單的 web留言版就可以實現(xiàn)信息交流的功能,而

30、且它小巧簡單,因此更易于實現(xiàn),在速度上比 bbs 也占優(yōu)。系統(tǒng)功能分析:(1)登錄,已經(jīng)注冊的用戶可以在登錄界面輸入正確的用戶名和密碼,就能夠直接進(jìn)入到留言板頁面,同時不相關(guān)的信息寫到 cookies 數(shù)據(jù)集里,供以后各項功能實現(xiàn)時使用;(2)注冊,如果是新用戶,想進(jìn)入留言板就必須通過注冊,得到批準(zhǔn)成為合法用戶而取得留言及其權(quán)限;(3)留言,已經(jīng)取得合法權(quán)限的用戶可以在留言板里進(jìn)行留言,或查看留言。動態(tài)網(wǎng)頁要處理很多信息,這些龐大的信息一般交給后臺數(shù)據(jù)庫去處理。而web 數(shù)據(jù)庫應(yīng)用系統(tǒng)則通過 internet 平臺連接數(shù)據(jù)庫,取得數(shù)據(jù)集,對其進(jìn)行添加、修改、查詢、刪除等操作。對數(shù)據(jù)庫進(jìn)行的各種

31、操作,可以通過使用 sql 語言來實現(xiàn)。本文設(shè)計的留言板是以 access 2000 作為后臺數(shù)據(jù)庫。以操作接口而論,具備方便、簡易的特性,同時能完全利用 windows 資源。asp 通過使用 ado所提供的對象及方法,能幫助用戶建立各式各樣,符合用戶需求的 web 數(shù)據(jù)庫應(yīng)用系統(tǒng)oledb。oledb 是連接數(shù)據(jù)庫的新低層界面。它能處理任何類型的數(shù)據(jù),無論它們的格式和保存方式是什么。程序開發(fā)者并不需要確切去了解其結(jié)構(gòu),只需要懂得如何利用它去連接數(shù)據(jù)庫即可。在本留言板中,利用 microsoft access2000 建立了 1 個 data.mdb 數(shù)據(jù)庫,而在其里面包含了 2 個表:us

32、er 和 mssg。整個留言板的所有信息交流都以這 2個表為基礎(chǔ),所有數(shù)據(jù)的存取都通過對這 2 個表而進(jìn)行操作。表 user 是用來存放注冊用戶的資料,表 mssg 是用來存放所有留言的信息。在完成數(shù)據(jù)庫制作后,我們在對數(shù)據(jù)庫進(jìn)行存取前,必須要進(jìn)行數(shù)據(jù)庫的連接工作,進(jìn)行數(shù)據(jù)庫連接的方式有幾種,其中 1 種是通過“控制面板”“管理工具”“數(shù)據(jù)源(odbc)”來設(shè)置系統(tǒng) dsn。完成系統(tǒng) dsn 設(shè)置后,就可以通過 ado 對象對數(shù)據(jù)庫進(jìn)行存取操作了。5.3.1 瀏覽留言用戶可以在該頁面瀏覽全部的留言,這些留言都存放在表 mssg 里,頁面msgboard.asp 中的顯示留言,可通過對表 mss

33、g 操作而顯示到頁面上。隨著留言的增多,如果在一個頁面里留言全部的留言,可想而知是非常不方便的,因此本設(shè)計為留言板提供了分頁顯示功能。通過 asp 提供的 recordset 的 absolutepage就可以輕松的對數(shù)量繁多的留言進(jìn)行有條理的分頁顯示。5.3.2 發(fā)布留言任何的注冊用戶登錄后都擁有發(fā)布留言的權(quán)利,在留言主頁面提供了用來發(fā)布留言的輸入框,用戶可以通過表單發(fā)表留言,并選擇留言主題的標(biāo)志,發(fā)布留言是通過程序 msgadd.asp 來實現(xiàn)的。發(fā)布留言程序先以登錄后寫進(jìn) cookies 數(shù)據(jù)集合中的用戶名作為發(fā)布者的姓名,如果 cookies 是空的話,就轉(zhuǎn)到提示要先登錄的頁面。確認(rèn)后

34、接受表單提交來的信息寫進(jìn)表 mssg 中。然后轉(zhuǎn)回到 msgboard.asp 留言頁面,而msgboard.asp 中的顯示留言程序根據(jù)更新后的表 mssg 而重新分頁顯示留言。5.4 資料修改功能模塊的設(shè)計用戶在主頁面上點(diǎn)擊“修改資料”進(jìn)入資料修改頁面 memberedit.asp,通過這個功能模塊來修改個人的注冊信息,但用戶名不能修改。修改之前用戶必須要輸入正確的密碼。而修改密碼的時候 2 次輸入的密碼要相同。修改資料功能是通過程序 memberedit.asp 來實現(xiàn),如果資料修改成功就轉(zhuǎn)到提示修改成功的頁面并修改表 user 的數(shù)據(jù),如果不成功便轉(zhuǎn)到相應(yīng)提示錯誤的頁面。5.5相片上傳

35、與瀏覽的設(shè)計用戶還可以將自己喜歡的相片上傳供其他用戶瀏覽。用戶在主頁面上點(diǎn)擊“班級相冊”進(jìn)入頁面 photo.asp。相片的上傳：由于 asp 使用基于開放設(shè)計環(huán)境的 active技術(shù),本留言板即利用 active組件 aspsmartupload 來實現(xiàn)相片上傳功能。該組件在下載并安裝后方可使用。相片的上傳是通過文件 upload.asp的上傳程序 up 來實現(xiàn)的,并將上傳相片的所有信息都存放在表 upload 里,包括相片的名稱、說明、上傳時間、上傳人姓名等。而且對于上傳的相片的類型和大小都有所限制,只能上傳 jpg 和 gif 類型的相片,而且相片大小不能超過300。如果用戶上傳的相片不

36、符合要求,程序便進(jìn)行判斷,并顯示錯誤原因,5.6 相片的列表與顯示該功能是把所有相片的相關(guān)信息如相片的說明、上傳時間、上傳人姓名等通過列表的方式顯示出來,由于相片的數(shù)量可能很多,因此在這里也使用了分頁顯示,并在每張相片的說明文字上添加鏈接,用戶通過點(diǎn)擊鏈接就可以激活photo.asp 中的程序,實現(xiàn)瀏覽相片功能。總結(jié)總結(jié)通過這次畢業(yè)設(shè)計，我從中學(xué)到了許多新的知識，而且通過這次畢業(yè)設(shè)計，培養(yǎng)了我綜合多門學(xué)科中的知識、迅速規(guī)劃并開發(fā)出目標(biāo)系統(tǒng)的能力，以及編程能力也有了很大的提高。另外也有許多心得體會，所謂系統(tǒng)開發(fā)如人生百味，酸甜苦辣皆有之?；仡欉@ 3 個半月的系統(tǒng)開發(fā)工作，總結(jié)起來那就是，軟件的開

37、發(fā)是相當(dāng)辛苦的，但成功以后的喜悅也是非常美妙的，而且我發(fā)現(xiàn)，其中你投入的心血越多，成功以后你所獲得的快樂與充實感也更多更強(qiáng)。參考文獻(xiàn)參考文獻(xiàn)1. 肖金秀等.dreamweaver 網(wǎng)頁實例大制作.北京:冶金工業(yè)出版社,2001.2. 肖金秀等.asp 網(wǎng)絡(luò)編程技術(shù).北京:清華大學(xué)出版社,2001.3. 張大斌. web 上基于 asp 的數(shù)據(jù)庫應(yīng)用研究j . 計算機(jī)工程與科學(xué) , 2001. 4. 沈文智. microsoft iis 網(wǎng)頁技術(shù)m. 北京 :人民郵電出版社 ,1998.5. 譚浩強(qiáng),網(wǎng)頁制作技術(shù)m.北京：清華大學(xué)出版社。2000.目錄目錄引言引言.21.1.網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站結(jié)構(gòu)

38、設(shè)計.32 2 系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖.33 3 系統(tǒng)系統(tǒng) e-re-r 圖設(shè)計圖設(shè)計.54 4 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計.75 5 系統(tǒng)詳細(xì)設(shè)計系統(tǒng)詳細(xì)設(shè)計.85.1 網(wǎng)站布局和格式.85.2 注冊和登錄模塊設(shè)計.95.3 留言功能模塊的設(shè)計.115.4 資料修改功能模塊的設(shè)計.125.5相片上傳與瀏覽的設(shè)計.125.6 相片的列表與顯示.12總結(jié)總結(jié).14參考文獻(xiàn)參考文獻(xiàn).15班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計引言引言伴隨著網(wǎng)絡(luò)的出現(xiàn)，網(wǎng)頁逐漸融入人們的生活?？焖偌皶r的新聞瀏覽，五彩繽紛的網(wǎng)上信息，使網(wǎng)絡(luò)與人們的生活息息相關(guān)，于是世界上又出現(xiàn)了第三媒體internet。它打破了地域限制，真正使信息

39、得以共享，改變了人們的工作和生活方式。制作網(wǎng)頁是企業(yè)和個人的宣傳自己的重要手段，同時也是學(xué)習(xí)者獲取學(xué)習(xí)信息的重要手段。尤其是在新聞信息領(lǐng)域，各種新聞信息的發(fā)布分秒變換，人們對新聞信息的需求有了更新，更高的要求，而網(wǎng)頁由于本身所具有的信息量大，傳遞快速，沒有時空限制等特點(diǎn)恰好滿足這種要求。所以網(wǎng)頁也逐漸成為一種新興的信息發(fā)布資源。也正是由于網(wǎng)絡(luò)實現(xiàn)網(wǎng)站的數(shù)據(jù)信息能夠進(jìn)行實時交互，保證網(wǎng)站數(shù)據(jù)的實時性。隨著 internet 的進(jìn)一步發(fā)展,靜態(tài) web 站點(diǎn)的開發(fā)與維護(hù)變得越來越困難,一方面信息的不斷增加和變化,使站點(diǎn)維護(hù)人員不得不經(jīng)常修改他們的網(wǎng)頁,特別是基于數(shù)據(jù)庫驅(qū)動的 web 站點(diǎn)更是如此，

40、隨著 internet 上信息量的增多和交互性的加強(qiáng)使 html 顯得越來越難以勝任。另一方面靜態(tài)網(wǎng)頁由于不能與瀏覽者進(jìn)行有效交互,使人們感到越來越乏味,而不愿意再一次地進(jìn)入同一站點(diǎn)。所以開發(fā)動態(tài)網(wǎng)頁或動態(tài)內(nèi)容成了越來越多的站點(diǎn)所追求目標(biāo)。所謂動態(tài)內(nèi)容是由每一個用戶按照自己的需求發(fā)出請求而特殊制作的 web 網(wǎng)頁。網(wǎng)絡(luò)發(fā)展前景無限，及早與網(wǎng)絡(luò)結(jié)合，與信息時代同步，與高科技匯合，定會給社會各行各業(yè)的發(fā)展注入新鮮的活力。站在網(wǎng)絡(luò)時代的前夜，我們清晰地聽到了網(wǎng)絡(luò)時代的宣言：誰掌握了網(wǎng)絡(luò)，誰就掌握了未來。正文內(nèi)容：正文內(nèi)容：1.1.網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站結(jié)構(gòu)設(shè)計網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面

41、和動態(tài)的圖片相結(jié)合，體現(xiàn)班級的勃勃生氣，網(wǎng)站布局應(yīng)該以輕松、簡潔的風(fēng)格為主，同時使用一定的圖形和多媒體元素，將整個網(wǎng)頁分成四個部分（如圖 1）第一部分 第二部分第三部分第四部分圖 1 頁面布局第一部分主要用來放置網(wǎng)站的標(biāo)志圖片；第二部分與第四部分主要用來放置一些功能鏈接；第三部分是主體部分，放置班級信息、留言、公告模塊等。2 2 系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能模塊設(shè)計分為前臺功能模塊設(shè)計和后臺功能模塊設(shè)計。前臺功能模塊設(shè)計主要包括：用戶注冊、用戶登陸、用戶管理，班級管理、留言板。后臺功能模塊設(shè)計主要包括：前臺首頁、用戶管理、用戶管理。 圖 1 網(wǎng)站系統(tǒng)結(jié)構(gòu)圖網(wǎng)站系統(tǒng)模塊前臺網(wǎng)站首頁后臺管

42、理首頁圖 2 前臺功能模塊結(jié)構(gòu)圖圖 3 后臺功能模塊結(jié)構(gòu)圖網(wǎng)站的具體結(jié)構(gòu)如圖 2 所示，在首頁上共有 7 個大的功能菜單，每個菜單鏈接一個功能頁面，每個頁面實現(xiàn)不同功能。前臺模塊用戶登錄班級留言班級足跡公告管理留言板成員地址班級相冊退 出更改資料留言添加相冊刪除相冊修改留言刪除留言后臺模塊前臺首頁用戶管理班級管理留言管理系統(tǒng)管理 圖 4充分利用 asp 的強(qiáng)大功能，在網(wǎng)站中提供留言簿、公告欄等交流場所，為同學(xué)們展開信息交流提供方便。3 3 系統(tǒng)系統(tǒng) e-re-r 圖設(shè)計圖設(shè)計登陸實體e-r圖 游客注 冊個人資料組 成個人資料查詢?yōu)g覽登陸留言管理員管理管理留言存入后臺信息相冊圖 5 登陸實體 e

43、-r 圖管理員信息實體 e-r 圖 圖 6 管理員實體 e-r 圖同學(xué)信息實體 e-r 圖 圖 7 同學(xué)實體 e-r 圖管理員信息密碼權(quán)限地址名字同學(xué)信息地址備注郵箱名字oicq性別4 4、數(shù)據(jù)庫設(shè)計、數(shù)據(jù)庫設(shè)計 數(shù)據(jù)庫設(shè)計指的是在現(xiàn)在數(shù)據(jù)庫管理系統(tǒng)上建立數(shù)據(jù)庫的過程，它的主要內(nèi)容是：在編寫數(shù)據(jù)庫應(yīng)用程序之前，應(yīng)該組織建立什么樣的數(shù)據(jù)庫，包括組織建立多少個數(shù)據(jù)庫為適宜，每個數(shù)據(jù)庫都有幾個字段，每個庫的主關(guān)鍵字和外部關(guān)鍵字以及各個表之間的關(guān)聯(lián)，如何傳遞數(shù)據(jù)。在數(shù)據(jù)庫的設(shè)計中，盡量充分地考慮到用戶各個方面功能上的需求，以前數(shù)據(jù)庫理論的主要規(guī)則。用戶的需求具體體現(xiàn)在各種信息的提供、保存、更新和查詢等

44、方面，這就要求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸入和輸出。所以搭建起后臺數(shù)據(jù)庫也就成為最基礎(chǔ)、最首要做的工作。本站應(yīng)用了功能強(qiáng)大的access數(shù)據(jù)庫。本網(wǎng)站采用的數(shù)據(jù)庫是 microsoft access ，建立庫文件，包含如下幾個表文件：claim 網(wǎng)站公告信息表loginfo 來訪登陸時間信息表mssg 留言信息表；photo 圖片內(nèi)容說明信息表user 成員地址信息表5 5 系統(tǒng)詳細(xì)設(shè)計系統(tǒng)詳細(xì)設(shè)計5.1 網(wǎng)站布局和格式首先要規(guī)劃好網(wǎng)站的結(jié)構(gòu)，對網(wǎng)站的網(wǎng)頁大體布局有一個具體的輪廓。并且為網(wǎng)站的主頁及二級頁面確定一個共同的格式，包括整個頁面的顏色，寬度，陰影，背景，字體的大小顏色這就需要我們

45、制作一個超文本樣式表.css 文件，以供每個網(wǎng)頁調(diào)用。為網(wǎng)站設(shè)計一個主頁面使用 dreameweaver mx 來制作。還要用到 html 語言、vbscript、javascript 等。將前面說到的功能和內(nèi)容以菜單的形式列出在主頁上，級聯(lián)菜單上是一些具體的功能和內(nèi)容。當(dāng)然，這個菜單是用 javascript 編制出來的一個函數(shù)，然后，在每一個菜單文件的代碼中再調(diào)用這個函數(shù)，其它的菜單也可以用同樣的代碼來實現(xiàn)。同樣，對于二級頁面的設(shè)計以及其它頁面的設(shè)計也是與主頁相同。如果這些頁面的主要部分與先前設(shè)計的主頁主體部分風(fēng)格和布局以及菜單都相同，那么我們就可以先建立一個空的含菜單的文件作為模板，以后

46、每建立一個類似的頁面，就可以調(diào)用此模板文件，在此基礎(chǔ)上再進(jìn)行修改、補(bǔ)充8。5.2 注冊和登錄模塊設(shè)計注冊登錄模塊是系統(tǒng)的門戶,在整個系統(tǒng)中占有重要的地位。它的主要功能是根據(jù)用戶的錄入信息進(jìn)行身份識別,排除非法用戶對本系統(tǒng)的使用,對合法用戶則按照不同的級別分類處理，從而保證系統(tǒng)的運(yùn)行安全，用戶進(jìn)入主頁面后,要想法使用其他菜單的功能必須先進(jìn)行注冊,在將表單提交后,調(diào)用相應(yīng)的程序進(jìn)行處理。處理程序首先與數(shù)據(jù)庫連接,查看是否存在同名和同密碼的用戶,若存在則顯示提示信息,并重新返回注冊表單,用戶輸入新的信息進(jìn)行重新注冊;若不存在同名且同密碼的用戶,則將注冊信息寫入數(shù)據(jù)庫。如若用戶已經(jīng)注冊,則可輸入名稱和

47、密碼進(jìn)入,在此過程中驗證名稱和密碼是否相符以及在登錄過程中用戶的請求是否被允許從而顯示不同的提示頁面。用戶登錄的流程圖如圖 4 所示。提交擊點(diǎn)返回按鈕是是進(jìn)行注冊表單的填寫連接數(shù)據(jù)庫并以用戶名進(jìn)行查尋填寫登錄的用戶名和密碼給出各種錯誤提示并返回登錄框輸入密碼與數(shù)據(jù)庫中的是否相同進(jìn)入網(wǎng)站界面是否首次登錄？通過在表單輸入“用戶名”和“密碼”后點(diǎn)擊“登錄”提交表單,激活后臺登錄程序。如果“用戶名”和“密碼”匹配就可以進(jìn)入,反之顯示錯誤提醒頁面。若登錄成功,登錄程序會把登錄用戶的信息寫進(jìn) cookies,供以后各項功能實現(xiàn)時使用。如果成功登錄后將出現(xiàn)如圖 5 的界面： 圖 4 流程圖 圖 55.3 留

48、言功能模塊的設(shè)計web 留言板類似于 bbs,但 bbs 的版面過多,不同的留言放在不同的主題中,由于龐大的信息量影響到網(wǎng)頁信息搜索的速度,不適合應(yīng)用于小型網(wǎng)站。本文所設(shè)計的是用于一個班級同學(xué)之間進(jìn)行信息交流的場所,規(guī)模小、設(shè)計簡單的 web留言版就可以實現(xiàn)信息交流的功能,而且它小巧簡單,因此更易于實現(xiàn),在速度上比 bbs 也占優(yōu)。系統(tǒng)功能分析:(1)登錄,已經(jīng)注冊的用戶可以在登錄界面輸入正確的用戶名和密碼,就能夠直接進(jìn)入到留言板頁面,同時不相關(guān)的信息寫到 cookies 數(shù)據(jù)集里,供以后各項功能實現(xiàn)時使用;(2)注冊,如果是新用戶,想進(jìn)入留言板就必須通過注冊,得到批準(zhǔn)成為合法用戶而取得留言及

49、其權(quán)限;(3)留言,已經(jīng)取得合法權(quán)限的用戶可以在留言板里進(jìn)行留言,或查看留言。動態(tài)網(wǎng)頁要處理很多信息,這些龐大的信息一般交給后臺數(shù)據(jù)庫去處理。而web 數(shù)據(jù)庫應(yīng)用系統(tǒng)則通過 internet 平臺連接數(shù)據(jù)庫,取得數(shù)據(jù)集,對其進(jìn)行添加、修改、查詢、刪除等操作。對數(shù)據(jù)庫進(jìn)行的各種操作,可以通過使用 sql 語言來實現(xiàn)。本文設(shè)計的留言板是以 access 2000 作為后臺數(shù)據(jù)庫。以操作接口而論,具備方便、簡易的特性,同時能完全利用 windows 資源。asp 通過使用 ado所提供的對象及方法,能幫助用戶建立各式各樣,符合用戶需求的 web 數(shù)據(jù)庫應(yīng)用系統(tǒng)oledb。oledb 是連接數(shù)據(jù)庫的新

50、低層界面。它能處理任何類型的數(shù)據(jù),無論它們的格式和保存方式是什么。程序開發(fā)者并不需要確切去了解其結(jié)構(gòu),只需要懂得如何利用它去連接數(shù)據(jù)庫即可。在本留言板中,利用 microsoft access2000 建立了 1 個 data.mdb 數(shù)據(jù)庫,而在其里面包含了 2 個表:user 和 mssg。整個留言板的所有信息交流都以這 2個表為基礎(chǔ),所有數(shù)據(jù)的存取都通過對這 2 個表而進(jìn)行操作。表 user 是用來存放注冊用戶的資料,表 mssg 是用來存放所有留言的信息。在完成數(shù)據(jù)庫制作后,我們在對數(shù)據(jù)庫進(jìn)行存取前,必須要進(jìn)行數(shù)據(jù)庫的連接工作,進(jìn)行數(shù)據(jù)庫連接的方式有幾種,其中 1 種是通過“控制面板”

51、“管理工具”“數(shù)據(jù)源(odbc)”來設(shè)置系統(tǒng) dsn。完成系統(tǒng) dsn 設(shè)置后,就可以通過 ado 對象對數(shù)據(jù)庫進(jìn)行存取操作了。5.3.1 瀏覽留言用戶可以在該頁面瀏覽全部的留言,這些留言都存放在表 mssg 里,頁面msgboard.asp 中的顯示留言,可通過對表 mssg 操作而顯示到頁面上。隨著留言的增多,如果在一個頁面里留言全部的留言,可想而知是非常不方便的,因此本設(shè)計為留言板提供了分頁顯示功能。通過 asp 提供的 recordset 的 absolutepage就可以輕松的對數(shù)量繁多的留言進(jìn)行有條理的分頁顯示。5.3.2 發(fā)布留言任何的注冊用戶登錄后都擁有發(fā)布留言的權(quán)利,在留言主

52、頁面提供了用來發(fā)布留言的輸入框,用戶可以通過表單發(fā)表留言,并選擇留言主題的標(biāo)志,發(fā)布留言是通過程序 msgadd.asp 來實現(xiàn)的。發(fā)布留言程序先以登錄后寫進(jìn) cookies 數(shù)據(jù)集合中的用戶名作為發(fā)布者的姓名,如果 cookies 是空的話,就轉(zhuǎn)到提示要先登錄的頁面。確認(rèn)后接受表單提交來的信息寫進(jìn)表 mssg 中。然后轉(zhuǎn)回到 msgboard.asp 留言頁面,而msgboard.asp 中的顯示留言程序根據(jù)更新后的表 mssg 而重新分頁顯示留言。5.4 資料修改功能模塊的設(shè)計用戶在主頁面上點(diǎn)擊“修改資料”進(jìn)入資料修改頁面 memberedit.asp,通過這個功能模塊來修改個人的注冊信息

53、,但用戶名不能修改。修改之前用戶必須要輸入正確的密碼。而修改密碼的時候 2 次輸入的密碼要相同。修改資料功能是通過程序 memberedit.asp 來實現(xiàn),如果資料修改成功就轉(zhuǎn)到提示修改成功的頁面并修改表 user 的數(shù)據(jù),如果不成功便轉(zhuǎn)到相應(yīng)提示錯誤的頁面。5.5相片上傳與瀏覽的設(shè)計用戶還可以將自己喜歡的相片上傳供其他用戶瀏覽。用戶在主頁面上點(diǎn)擊“班級相冊”進(jìn)入頁面 photo.asp。相片的上傳：由于 asp 使用基于開放設(shè)計環(huán)境的 active技術(shù),本留言板即利用 active組件 aspsmartupload 來實現(xiàn)相片上傳功能。該組件在下載并安裝后方可使用。相片的上傳是通過文件 u

54、pload.asp的上傳程序 up 來實現(xiàn)的,并將上傳相片的所有信息都存放在表 upload 里,包括相片的名稱、說明、上傳時間、上傳人姓名等。而且對于上傳的相片的類型和大小都有所限制,只能上傳 jpg 和 gif 類型的相片,而且相片大小不能超過300。如果用戶上傳的相片不符合要求,程序便進(jìn)行判斷,并顯示錯誤原因,5.6 相片的列表與顯示該功能是把所有相片的相關(guān)信息如相片的說明、上傳時間、上傳人姓名等通過列表的方式顯示出來,由于相片的數(shù)量可能很多,因此在這里也使用了分頁顯示,并在每張相片的說明文字上添加鏈接,用戶通過點(diǎn)擊鏈接就可以激活photo.asp 中的程序,實現(xiàn)瀏覽相片功能?？偨Y(jié)總結(jié)通

55、過這次畢業(yè)設(shè)計，我從中學(xué)到了許多新的知識，而且通過這次畢業(yè)設(shè)計，培養(yǎng)了我綜合多門學(xué)科中的知識、迅速規(guī)劃并開發(fā)出目標(biāo)系統(tǒng)的能力，以及編程能力也有了很大的提高。另外也有許多心得體會，所謂系統(tǒng)開發(fā)如人生百味，酸甜苦辣皆有之?；仡欉@ 3 個半月的系統(tǒng)開發(fā)工作，總結(jié)起來那就是，軟件的開發(fā)是相當(dāng)辛苦的，但成功以后的喜悅也是非常美妙的，而且我發(fā)現(xiàn)，其中你投入的心血越多，成功以后你所獲得的快樂與充實感也更多更強(qiáng)。參考文獻(xiàn)參考文獻(xiàn)1. 肖金秀等.dreamweaver 網(wǎng)頁實例大制作.北京:冶金工業(yè)出版社,2001.2. 肖金秀等.asp 網(wǎng)絡(luò)編程技術(shù).北京:清華大學(xué)出版社,2001.3. 張大斌. web 上

56、基于 asp 的數(shù)據(jù)庫應(yīng)用研究j . 計算機(jī)工程與科學(xué) , 2001. 4. 沈文智. microsoft iis 網(wǎng)頁技術(shù)m. 北京 :人民郵電出版社 ,1998.5. 譚浩強(qiáng),網(wǎng)頁制作技術(shù)m.北京：清華大學(xué)出版社。2000. anyway, i was here in amber some years ago. not doing much of anything. just visiting and being a nuisance. dad was still around, and when i noticed that he was getting into one of his

57、grumpy moods, i decided it was time to take a walk. a long one. i had often noticed that his fondness for me tended to increase as an inverse function of my proximity. he gave me a fancy riding crop for a going-away present-to hasten the process of affection, i suppose. still, it was a very nice cro

58、p-silver-chased, beautifully tooled-and i made good use of it. i had decided to go looking for an assemblage of all my simple pleasures in one small nook of shadow. it was a long ride-i will not bore you with the details-and it was pretty far from amber, as such things go. this time, i was not looki

59、ng for a place where i would be especially important. that can get either boring or difficult fairly quickly, depending on how responsible you want to be. i wanted to be an irresponsible nonentity and just enjoy myself. texorami was a wide open port city, with sultry days and long nights, lots of go

60、od music, gambling around the clock, duels every morning and in-between mayhem for those who couldnt wait. and the air currents were fabulous. i had a little red sail plane i used to go sky surfing in, every couple of days. it was the good life. i played drums till all hours in a basement spot up th