【文章內(nèi)容簡介】 圖 2 前臺功能模塊結(jié)構(gòu)圖 圖 3 后臺功能模塊結(jié)構(gòu)圖 網(wǎng)站的具體結(jié)構(gòu)如圖 2 所示，在首頁上共有 7 個大的功能菜單，每個菜單鏈接一個功能頁面，每個頁面實現(xiàn)不同功能。 前臺模塊 用戶登錄 班級留言 班級足跡 公告管理 留言板 成員地址 班級相冊 退 出 更改資料 留言 添加相冊 刪除相冊 修改留言 刪除留言 后臺模塊 前臺首頁 用戶管理 班級管理 留言管理 系統(tǒng)管理 圖 4 充分利用 ASP 的強大功能，在網(wǎng)站中提供留言簿、公告欄等交流場所，為同學(xué)們展開信息交流提供方便。 3 系統(tǒng) ER 圖設(shè)計 登陸實體 ER圖 游客 注 冊 個人資料 組 成 個人資料 查詢?yōu)g覽 登陸 留言 管理員 管理 管理 留言 存入 后臺信息 相冊 圖 5 登陸實體 ER圖 管理員信息實體 ER 圖 圖 6 管理員實體 ER圖 同學(xué)信息實體 ER 圖 圖 7 同學(xué)實體 ER 圖 管理員信息 密碼 權(quán)限 地址 名字 同學(xué)信息 地址 備注 郵箱 名字 OICQ 性別 數(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)在各種信息的提供、保存、更新和查詢等方面，這就要求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸入和輸出。所以搭建起后臺數(shù)據(jù)庫也就成為最基礎(chǔ)、最首要做的工作。本站應(yīng)用了功能強大的 Access數(shù)據(jù)庫。 本網(wǎng)站 采用的數(shù)據(jù)庫是 Microsoft Access ，建立庫文件，包含如下幾個表文件： claim 網(wǎng)站公告 信息表 Loginfo 來訪登陸時間信息表 mssg 留言 信息表； photo 圖片內(nèi)容說明 信息表 user 成員地址信息表 5 系統(tǒng)詳細設(shè)計 網(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)然，這個菜單是用 JavaScript 編制出來的一個函數(shù)，然后，在每一個菜單文件的代碼中再調(diào)用這個函數(shù)，其它的菜單也可以用同樣的代碼來實現(xiàn)。同樣，對于二級頁面的設(shè)計以及其它頁面的設(shè)計也是與主頁相同。如果這些頁面的主要部分與先前設(shè)計的主頁主體部分風(fēng)格和布局以及菜單都相同，那么我們就可以先建立一個空的含菜單的文件作為模板，以后每建立一個類似的頁 面，就可以調(diào)用此模板文件，在此基礎(chǔ)上再進行修改、補充 [8]。 注冊和登錄模塊設(shè)計 注冊登錄模塊是系統(tǒng)的門戶 ,在整個系統(tǒng)中占有重要的地位。它的主要功能是根據(jù)用戶的錄入信息進行身份識別 ,排除非法用戶對本系統(tǒng)的使用 ,對合法用戶則按照不同的級別分類處理，從而保證系統(tǒng)的運行安全，用戶進入主頁面后 ,要想法使用其他菜單的功能必須先進行注冊 ,在將表單提交后 ,調(diào)用相應(yīng)的程序進行處理。處理程序首先與數(shù)據(jù)庫連接 ,查看是否存在同名和同密碼的用戶 ,若存在則顯示提示信息 ,并重新返回注冊表單 ,用戶輸入新的信息進行重新注冊 。若不存在 同名且同密碼的用戶 ,則將注冊信息寫入數(shù)據(jù)庫。 如若用戶已經(jīng)注冊 ,則可輸入名稱和密碼進入 ,在此過程中驗證名稱和密碼是否相符以及在登錄過程中用戶的請求是否被允許從而顯示不同的提示頁面。 用戶登錄的流程圖如圖 4 所示。 通過在表單輸入“用戶名”和“密碼”后點擊“登錄”提交表單 ,激活后臺登錄程序。如果“用戶名”和“密碼”匹配就可以進入 ,反之顯示錯誤提醒頁面。若登錄成功 ,登錄程序會把登錄用戶的信息寫進 Cookies,供以后各項功能實現(xiàn)時使用。 如果成功 登錄后將出現(xiàn)如圖 5 的界面： 提交 擊點返回按鈕 是 是 進行注冊表單的填寫 連接數(shù)據(jù)庫并以用戶名進行查尋 填寫登錄的用戶名和密碼 給出各種錯誤提示并返回登錄框 輸入密碼與數(shù)據(jù)庫中的是否相同 進入網(wǎng)站界面 是否首次登錄 ？ 圖 4流程圖 圖 5 留言功能模塊的設(shè)計 Web 留言板類似于 BBS,但 BBS 的版面過多 ,不同的留言放在不同的主題中 ,由于龐大的信息量影響到網(wǎng)頁信息搜索的速度 ,不適合應(yīng)用于小型網(wǎng)站。本文所設(shè)計的是用于一個班級同學(xué)之間進行信息交流的場所 ,規(guī)模小、設(shè)計簡單的 Web留言版就可以實現(xiàn)信息交流的功能 ,而且它小巧簡單 ,因此更易于實現(xiàn) ,在速度上比 BBS 也占優(yōu)。 系統(tǒng)功能分析 :(1)登錄 ,已經(jīng)注冊的用戶可以在登錄界面輸入正確的用戶名和密碼 ,就能夠直接進入到留言 板頁面 ,同時不相關(guān)的信息寫到 Cookies 數(shù)據(jù)集里 ,供以后各項功能實現(xiàn)時使用 。(2)注冊 ,如果是新用戶 ,想進入留言板就必須通過注冊 ,得到批準成為合法用戶而取得留言及其權(quán)限 。(3)留言 ,已經(jīng)取得合法權(quán)限的用戶可以在留言板里進行留言 ,或查看留言。 動態(tài)網(wǎng)頁要處理很多信息 ,這些龐大的信息一般交給后臺數(shù)據(jù)庫去處理。而Web 數(shù)據(jù)庫應(yīng)用系統(tǒng)則通過 Inter 平臺連接數(shù)據(jù)庫 ,取得數(shù)據(jù)集 ,對其進行添加、修改、查詢、刪除等操作。對數(shù)據(jù)庫進行的各種操作 ,可以通過使用 SQL 語言來實現(xiàn)。本文設(shè)計的留言板是以 Access 2021 作為后臺數(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 Access2021 建立了 1 個 數(shù)據(jù)庫 ,而在其里面包含了 2 個表 :user 和 mssg。整個 留言板的所有信息交流都以這 2個表為基礎(chǔ) ,所有數(shù)據(jù)的存取都通過對這 2 個表而進行操作。表 user 是用來存放注冊用戶的資料 ,表 mssg 是用來存放所有留言的信息。在完成數(shù)據(jù)庫制作后 ,我們在對數(shù)據(jù)庫進行存取前 ,必須要進行數(shù)據(jù)庫的連接工作 ,進行數(shù)據(jù)庫連接的方式有幾種 ,其中 1 種是通過“控制面板”→“管理工具”→“數(shù)據(jù)源 (ODBC)”來設(shè)置系統(tǒng) DSN。完成系統(tǒng) DSN 設(shè)置后 ,就可以通過 ADO 對象對數(shù)據(jù)庫進行存取操作了。 瀏覽留言 用戶可以在該頁面瀏覽全部的留言 ,這些留言都存放在表 mssg 里 ,頁面 中的顯示留言 ,可通過對表 mssg 操作而顯示到頁面上。隨著留言的增多 ,如果在一個頁面里留言全部的留言 ,可想而知是非常不方便的 ,因此本設(shè)計為留言板提供了分頁顯示功能。通過 ASP 提供的 Recordset 的 AbsolutePage就可以輕松的對數(shù)量繁多的留言進行有條理的分頁顯示。 發(fā)布留言 任何的注冊用戶登錄后都擁有發(fā)布留言的權(quán)利 ,在留言主頁面提供了用來發(fā)布留言的輸入框 ,用戶可以通過表單發(fā)表留言 ,并選擇留言主題的標志 ,發(fā)布留言是通過程序 來實現(xiàn)的。 發(fā)布留言程序先以登錄后寫進 Cookies 數(shù)據(jù)集合中的用戶名作為發(fā)布者的姓名 ,如果 Cookies 是空的話 ,就轉(zhuǎn)到提示要先登錄的頁面。確認后接受表單提交來的信息寫進表 mssg 中。然后轉(zhuǎn)回到 留言頁面 ,而 中的顯示留言程序根據(jù)更新后的表 mssg 而重新分頁顯示留言。 資料修改功能模塊的設(shè)計 用戶在主頁面上點擊“修改資料”進入資料修改頁面 ,通過這個功能模塊來修改個人的注冊信息 ,但用戶名不能修改。修改之前用戶必須要輸入正確的密碼。而修改密碼的時候 2 次輸入的密碼要相同。修改資料 功能是通過程序 來實現(xiàn) ,如果資料修改成功就轉(zhuǎn)到提示修改成功的頁面并修改表 user 的數(shù)據(jù) ,如果不成功便轉(zhuǎn)到相應(yīng)提示錯誤的頁面。 相片上傳與瀏覽的設(shè)計 用戶還可以將自己喜歡的相片上傳供其他用戶瀏覽。用戶在主頁面上點擊“班級相冊”進入頁面 。相片的上傳：由于 ASP 使用基于開放設(shè)計環(huán)境的ActiveＸ技術(shù) ,本留言板即利用 ActiveＸ組件 ASPSmartUpload 來實現(xiàn)相片上傳功能。該組件在下載并安裝后方可使用。相片的上傳是通過文件 的上傳程序 up來實現(xiàn)的 ,并將上傳相片的所有信息都存放在表 upload里 ,包括相片的名稱、說明、上傳時間、上傳人姓名等。而且對于上傳的相片的類型和大小都有所限制 ,只能上傳 jpg 和 gif 類型的相片 ,而且相片大小不能超過 300Ｋ。如果用戶上傳的相片不符合要求 ,程序便進行判斷 ,并顯示錯誤原因 , 相片的列表與顯示 該功能是把所有相片的相關(guān)信息如相片的說明、上傳時間、上傳人姓名等通過列表的方式顯示出來 ,由于相片的數(shù)量可能很多 ,因此在這里也使用了分頁顯示 ,并在每張相片的說明文字上添加鏈接 ,用戶通過點擊鏈接就可以激活 中的程序 ,實現(xiàn)瀏覽相片功能。 總結(jié) 通過這次畢業(yè)設(shè)計，我從中學(xué)到了許多新的知識，而且通過這次畢業(yè)設(shè)計，培養(yǎng)了我綜合多門學(xué)科中的知識、迅速規(guī)劃并開發(fā)出目標系統(tǒng)的能力，以及編程能力也有了很大的提高。另外也有許多心得體會，所謂系統(tǒng)開發(fā)如人生百味，酸甜苦辣皆有之。 回顧這 3個半月的系統(tǒng)開發(fā)工作，總結(jié)起來那就是，軟件的開發(fā)是相當(dāng)辛苦的，但成功以后的喜悅也是非常美妙的，而且我發(fā)現(xiàn)，其中你投入的心血越多，成功以后你所獲得的快樂與充實感也更多更強。 參考文獻 1. 肖金秀等 .Dreamweaver 網(wǎng)頁實例大制作 [Ｍ ].北京 :冶金工業(yè)出版社 ,2021. 2. 肖金秀等 .ASP網(wǎng)絡(luò)編程技術(shù) [Ｍ ].北京 :清華大學(xué)出版社 ,2021. 3. 張大斌 . Web 上基于 ASP 的數(shù)據(jù)庫應(yīng)用研究 [J ]. 計算機工程與科學(xué) , 2021. 4. 沈文智 . Microsoft IIS 網(wǎng)頁技術(shù) [M]. 北京 :人民郵電出版社 ,1998. 5. 譚浩強 ,網(wǎng)頁制作技術(shù) [M].北京：清華大學(xué)出版社。 2021. 目錄 引言 ................................................................................................................................................. 2 ............................................................................................................................ 3 2 系統(tǒng)功能結(jié)構(gòu)圖 ..............................................