留言薄系統(tǒng)設計

1、留言簿系統(tǒng)設計隨著網(wǎng)絡的應用越來越廣泛，國內(nèi)外不少的大中小型企業(yè)都不約而同地意識到利用網(wǎng)絡傳遞信息可以在一定程度上提高辦事效率。而搭建一個用戶與企業(yè)的在線交流平臺亦顯得非常重要。留言簿系統(tǒng)是一種簡潔而實用的非實時的在線交流平臺，網(wǎng)站訪問者可通過留言簿與企業(yè)和網(wǎng)站管理人員進行交流。該系統(tǒng)具有支持在線管理、刪除留言內(nèi)容、留言內(nèi)容搜索、自動分頁、IP顯示等功能。通過留言簿系統(tǒng)，使信息的發(fā)布可以面向群組和個人，任何人可以提出留言，管理員可以答復留言。留言簿可以實現(xiàn)以下功能：l 任何人員都可以訪問該系統(tǒng)，并且都具有填寫留言的權(quán)限。l 管理員或版主可以答復他人問題、刪除話題等。l 留言可以按照留言內(nèi)容以及

2、回復內(nèi)容等條件進行搜索。1.1 系統(tǒng)概述根據(jù)不同的用戶，本留言簿系統(tǒng)可以分為以下兩個功能區(qū)。普通用戶功能區(qū)根據(jù)用戶的需求，普通用戶可以進行如下操作：l 可以瀏覽該系統(tǒng)的留言信息。l 可以自動統(tǒng)計每條留言的訪問次數(shù)。數(shù)據(jù)層設計數(shù)據(jù)服務配置系統(tǒng)信息表示層應用層用戶接口層圖1.1 系統(tǒng)總體構(gòu)架l 無需注冊，直接可以填寫留言。管理員功能區(qū)管理員通過輸入的賬號和密碼正常登錄該系統(tǒng)后，除了享有普通用戶具有的權(quán)限外，還可以進行如下操作：l 管理員可以進行留言信息的管理，對留言信息進行回復和刪除操作。l 管理員可以進行個人密碼管理，對登錄密碼進行修改操作。l 管理員可以退出登錄狀態(tài)。1.1.1 系統(tǒng)構(gòu)架該系統(tǒng)

3、設計流程是：首先創(chuàng)建留言簿系統(tǒng)數(shù)據(jù)庫，再設計該系統(tǒng)的功能，然后編寫源代碼實現(xiàn)系統(tǒng)功能，并在表示層制作與用戶對話界面；將系統(tǒng)上傳到Internet進入應用層后，用戶使用該系統(tǒng)。該流程對應的系統(tǒng)構(gòu)架為：數(shù)據(jù)層設計數(shù)據(jù)服務配置系統(tǒng)信息表示層應用層用戶接口層。系統(tǒng)總體構(gòu)架如圖1.1所示。1.1.2 系統(tǒng)功能模塊設計系統(tǒng)主要功能如下所示。l 留言信息顯示功能。l 用戶填寫留言功能。l 管理員登錄功能。l 管理員管理留言簿功能，對留言信息進行回復、刪除以及回復。l 管理員修改登錄密碼功能。l 管理員退出登錄狀態(tài)功能。系統(tǒng)主要分為三大功能模塊，其中前臺系統(tǒng)功能模塊和后臺系統(tǒng)功能模塊如圖1.2、圖1.3所示。

4、前臺系統(tǒng)查看主題發(fā)表留言查看回復圖1.2 前臺系統(tǒng)功能模塊后臺系統(tǒng)管理員登錄留言管理修改密碼安全退出查看留言回復留言刪除回復圖1.3 后臺系統(tǒng)功能模塊（1）公用模塊此模塊包括母版頁文件、層疊樣式表文件和類文件。該系統(tǒng)中任何頁面需要用此模塊時，直接調(diào)用即可，這樣即可以減少源代碼，也可以使整個系統(tǒng)緊湊有序。（2）前臺系統(tǒng)功能模塊此模塊實現(xiàn)了普通用戶功能區(qū)的所有功能，由用戶查看主題模塊和填寫留言模塊組成，功能如下所示。l 用戶查看主題模塊：此模塊包括系統(tǒng)首頁，負責留言信息的內(nèi)容和留言時間的顯示，還可以實現(xiàn)自動分頁；通過留言內(nèi)容上的超級鏈接，可以查看該留言的留言信息和回復留言信息，并自動統(tǒng)計留言的訪問

5、次數(shù)。訪問者和管理員進入系統(tǒng)時，首先進入該頁面。l 填寫留言模塊：此模塊用于填寫留言頁，為用戶搭建了一個與交流的平臺。用戶在此頁面中填寫與企業(yè)或版主交流的話題和內(nèi)容，此頁面把用戶填寫的留言信息提交給數(shù)據(jù)庫并且在查看主題模塊頁中顯示。（3）后臺系統(tǒng)功能模塊此模塊實現(xiàn)了管理員功能區(qū)的所有功能，由管理員登錄模塊、管理留言模塊、修改密碼模塊及退出系統(tǒng)模塊組成。這4個模塊的功能如下所示。l 管理員登錄模塊：此模塊包括管理員登錄頁，負責根據(jù)管理員所輸入的賬號和密碼判斷該用戶是否合法，以及具有哪些操作權(quán)限，并根據(jù)不同的權(quán)限返回包含不同模塊的頁面。l 管理留言模塊：此模塊只對管理員類用戶開放，功能包括回復留言

6、信息和刪除留言信息。此模塊是該系統(tǒng)的核心，它能夠?qū)崿F(xiàn)管理員對留言簿系統(tǒng)的一些基本操作，例如回復留言信息和刪除留言信息等。l 修改密碼模塊：此模塊包括修改密碼頁。只對管理員類用戶開放，用于管理員修改登錄的密碼。l 退出系統(tǒng)模塊：此模塊包括退出系統(tǒng)頁，在該系統(tǒng)中只對管理員類用戶開放，負責結(jié)束管理員類用戶在登錄模塊所獲得的Session變量，退出本系統(tǒng)，返回到系統(tǒng)首頁。1.2 總體設計1.2.1 總體結(jié)構(gòu)本、留言簿系統(tǒng)主要是通過1個母版頁和9個內(nèi)容頁來實現(xiàn)普通用戶功能區(qū)和管理員功能區(qū)。各個頁面的關系如下所示。（1）公用模塊母版頁文件GuestBook.master、類文件DBClass.cs、層疊樣

7、式表文件StyleSheet.css，母版頁和其他一些內(nèi)容頁面調(diào)用即可。（2）前臺系統(tǒng)功能模塊留言簿前臺系統(tǒng)功能模塊頁面流程如圖1.4所示。查看主題發(fā)表留言查看回復圖14 前臺系統(tǒng)功能模塊頁面流程圖（3）后臺系統(tǒng)功能模塊留言簿后臺系統(tǒng)模塊頁面流程，如圖1.5所示。留言管理修改密碼安全退出查看留言回復留言刪除回復查看主題管理員登錄成功是否圖15 后臺系統(tǒng)功能模塊頁面流程圖1.2.2 各頁面功能分配該系統(tǒng)頁面功能如下所示。GuestBook.master：母版頁，定義頁面的統(tǒng)一布局。StyleSheet.css：層疊樣式表文件，定義超級鏈接風格。DBClass.cs：類文件，定義了數(shù)據(jù)操作的相關方

8、法。Default.aspx：查看主題內(nèi)容頁留言簿系統(tǒng)首頁，分頁顯示系統(tǒng)中所有留言主題，并通過留言內(nèi)容連接到留言查看內(nèi)容頁ShowReply.aspx：留言查看內(nèi)容頁，查看特定留言的內(nèi)容及回復，并自動更新留言的瀏覽次數(shù)。Write.aspx：發(fā)表留言內(nèi)容頁，填寫新的留言。留言發(fā)表成功后自動引導到查看主題內(nèi)容頁。Login.aspx：管理員登錄內(nèi)容頁，登錄成功后自動引導到留言管理內(nèi)容頁admin.aspx：留言管理內(nèi)容頁：管理員管理留言，通過超級鏈接可鏈接到留言回復內(nèi)容頁頁、留言刪除內(nèi)容頁和留言查看內(nèi)容頁。Reply.aspx：回復留言內(nèi)容頁，回復留言信息，回復后自動引導到留言管理內(nèi)容頁。Del

9、ete.aspx：刪除留言內(nèi)容頁：刪除留言信息，刪除后自動引導到留言管理內(nèi)容頁。LogModify.aspx：管理員密碼修改內(nèi)容頁，修改留言后臺登錄密碼信息。修改成功后清除登錄信息，自動引導到管理員登錄內(nèi)容頁。Logout.aspx：安全退出后臺管理頁，管理員退出已登錄狀態(tài)，并返回到系統(tǒng)首頁。1.2.3 系統(tǒng)工作流程留言簿系統(tǒng)工作流程如圖1.6所示。Default.aspxWrite.aspxLogin.aspxShowReply.aspx成功admin.aspxLogout.aspxLogModify.aspxDelete.aspxReply.aspxShowReply.aspx是否圖1.6

10、 留言簿系統(tǒng)工作流程1.3 數(shù)據(jù)庫設計1.3.1 數(shù)據(jù)庫設計思想系統(tǒng)采用Access作為后臺數(shù)據(jù)庫。通過分析，要在數(shù)據(jù)庫中存儲以下基本信息。管理員信息：管理員ID號、管理員賬號、管理員密碼。留言信息：留言ID號、留言者、留言內(nèi)容、留言時間、留言者IP、留言者QQ/MSN、留言者Email、留言者個人主頁、留言回復、留言回復時間、瀏覽次數(shù)。通過以上的分析可知，該系統(tǒng)需要創(chuàng)建兩個數(shù)據(jù)表，表中具體信息如下所示。管理員信息表adndnlnfo：用于存儲管理員ID號、管理員賬號和管理員密碼。留言信息表messageInfo：用于存儲留言ID號、留言者、留內(nèi)容、留言時間、留言者IP、留言者QQ/MSN、留

11、言者E_mail、留言者個人主頁、留言回復、留回復時間、瀏覽次數(shù)等。1.3.2 創(chuàng)建數(shù)據(jù)表本系統(tǒng)使用Access作為數(shù)據(jù)庫管理系統(tǒng)，數(shù)據(jù)庫名為guestbook.mdb。guestbook.mdb數(shù)據(jù)庫中包含的數(shù)據(jù)表及其相應功能如表1.1所示。表 1.1 guestbook.mdb數(shù)據(jù)庫包含的數(shù)據(jù)表及其功能表名功能adminInfo存放管理員基本信息messageInfo存放留言基本信息管理員信息表adminInfo該信息表用于存儲管理員的基本信息，包括管理員ID號（id）、管理員賬號（name）、管理員密碼（pwd）。在已創(chuàng)建的Access數(shù)據(jù)庫guestbook中，創(chuàng)建一個表，名為admi

12、nInfo，向表中添加字段如表1.2所示。表1.2 管理員信息表adminInfo字段名數(shù)據(jù)類型長度說明備注id自動編號長整型管理員ID號設為主鍵且自動編號name文本20管理員賬號不允許為空pwd文本20管理員密碼不允許為空留言信息表messageInfo該信息表用于存儲留言的基本信息，包括留言ID號（id）、留言者姓名（name）、留言內(nèi)容（content）、留言者QQ（qq）、留言者E_mail（email）、留言者個人主頁（homepage）、留言時間（u_time）、留言者IP地址（ip）、留言回復（reply）、留言回復時間計（r_time）、留言瀏覽次數(shù)（viewtime）。在已

13、創(chuàng)建的Access數(shù)據(jù)庫guestbook.mdb中，創(chuàng)建一個表，表名為messageInfo，向表中添加字段如表1.3所示。表1.3 留言信息表messageInfo字段名數(shù)據(jù)類型長度說明備注id自動編號長整型留言ID號設為主鍵且自動編號name文本20留言者姓名不允許為空content備注留言內(nèi)容不允許為空qq文本10留言者QQ允許為空email文本50留言者E-mail允許為空homepage文本50留言者個人主頁允許為空u_time日期時間留言時間允許為空ip文本14留言者IP地址允許為空reply備注留言回復允許為空r_time日期時間留言回復時間允許為空viewtime數(shù)字長整型留

14、言瀏覽次數(shù)1.4 目錄設計本系統(tǒng)的主文件夾為GuesBook，其下包括有ASP.NET站點的系統(tǒng)文件夾App_Code、App_Data和App_Themes，保存系統(tǒng)所需圖像的文件夾images。所有的站點母版頁、內(nèi)容頁和層疊樣式表文件均存儲在主文件夾下。App_Data文件夾存儲應用程序數(shù)據(jù)文件，如MDB文件、MDF文件、XML文件和其他數(shù)據(jù)存儲文件。ASP.NET2.0使用App_Data文件夾來存儲用于維護成員和角色信息的應用程序的本地數(shù)據(jù)庫。App_Code文件夾作為應用程序一部分進行編譯的實用工具類和業(yè)務對象的源代碼。App_Themes文件夾用于定義ASP.NET網(wǎng)頁和控件外觀的

15、文件集合（.Skin和.CSS文件以及圖像文件和一般資源）GuestBookApp_DataApp_CodeApp_ThemesImagesguestbook.mdbDBClass.csStyleSheet.cssGuestBook.masterDefault.aspxShowReply.aspxWrite.aspxLogin.aspxadmin.aspxReply.aspxDelete.aspxLogModify.aspxLogOut.aspx1.5 公用模塊設計與實現(xiàn)為了使留言簿系統(tǒng)的結(jié)構(gòu)清晰、代碼規(guī)范，這里把系統(tǒng)中重復使用的代碼寫在一個頁面內(nèi)，當需要的時候直接調(diào)用即可。該系統(tǒng)的公用模塊包

16、括以下頁面。1.5.1母版頁GuestBook.master母版頁定義站點中頁面的外觀?？梢园o態(tài)文本、HTML元素和服務器控件的預定義布局，必須包含一個或多個內(nèi)容占位符。切換到“設計”視圖。（1）頁面屬性設計頁面背景為：images/background.jpg；頁面背景為：X方向（2）母版頁的布局設計Banner設計表格：1行1列；755px×104px、居中對齊單元格中數(shù)據(jù)：images/banner.jpg內(nèi)容版面設計表格：1行2列；755px×395px、居中對齊設置第一列：寬212Px、字號9pt、文本垂直居中、背景圖像images/left.jpg、背景顏色

17、#dcdcdc設置第二列：寬543Px、字號9pt、文本垂直頂端頁腳設計添加表格：1行1列；755px×81px、居中對齊、背景圖像images/bottom.jpg設置單元格：寬755Px，文本水平及垂直居中，字號10pt，文本顏色#696969；單元格中輸入數(shù)據(jù)“歡迎訪問！請用IE 6.0，在800×600以上分辨率下瀏覽本網(wǎng)站！CopyRight2010！”（3）添加導航在“內(nèi)容版面”的第一個單元格中添加兩個Panel控件，ID分別為panel1和panel2，panel1中為前臺系統(tǒng)導航和后臺登錄導航。Panel2中為后臺系統(tǒng)導航。添加文本和鏈接如下表。所在Pane

18、l控件ID類型文本鏈接地址panel1前臺系統(tǒng)查看主題 Default.aspx發(fā)表留言Write.aspx后臺登錄Login.aspxpanel2后臺系統(tǒng)留言管理admin.aspx修改密碼LogModify.aspx安全退出LogOut.aspx（4）添加內(nèi)容占位符將ContentPlaceHolder控件拖動到右中單元格中。（5）效果圖1.5.2 層疊樣式表文件StyleSheet.css為了便留言簿系統(tǒng)的界面美觀、風格統(tǒng)一、修改方便，所以創(chuàng)建一個層疊樣式表文件StyleSheet.css，對留言簿系統(tǒng)所有網(wǎng)頁文件中所標記的屬性實行統(tǒng)一控制。StyleSheet.css的代碼如下所示。A

19、 color: #000000; font-size: 9pt; text-decoration: none;A:hover color: #0000ff; font-size: 9pt; text-decoration: underline;編寫頁面代碼時，在母版頁的HEAD和/HEAD標記之間包含該樣式表文件，就可以起到統(tǒng)一頁面風格的作用，具體代碼如下所示。 <link href="App_Themes/StyleSheet.css" rel="stylesheet" type="text/css" />1.6功能模塊

20、的設計與實現(xiàn)1.6.1查看主題Default.aspx查看主題模塊Default.aspx是留言簿系統(tǒng)的首頁。（1）要求l 顯示該系統(tǒng)所有留言信息中的留言內(nèi)容（content）和留言時間（u_time）。l 單擊“留言內(nèi)容”鏈接到“查看回復”頁，以實現(xiàn)該留言詳細信息的查看。l 該頁面每頁顯示10條留言信息，當多于10條時頁面自動實現(xiàn)分頁。l 頁面的導航顯示如下圖所示。起始頁中間頁最后頁l 信息顯示默認按照“留言時間（u_time）”降序顯示。也可以重新進行按照“留言”和“留言時間”排序。l “留言”和“留言時間”的綁定字段的寬度分別為420px、60px；l 所有行高均為23px。l 日期的顯

21、示為短日期。（2）控件及其屬性設置控件ID屬性名屬性值或集合作用（可以附圖說明屬性集合）（3）事件及方法（4）實施步驟（5）內(nèi)容頁參考效果圖1.6.2查看回復ShowReply.aspx查看回復模塊ShowReply.aspx用于顯示特定留言的所有信息。（1）要求l 顯示Default.aspx頁上單擊“留言內(nèi)容”所對應留言的所有留言信息（不顯示該留言的id）。l 進入該頁面時的瀏覽次數(shù)自動增加1。l 對于留言人、 留言IP、留言時間、瀏覽次數(shù)、回復時間按文本標簽顯示，其中留言時間和回復時間顯示形式為短日期。聯(lián)系方式包括QQ/MSN、E_mail和個人主頁，分別以圖像oicq.gif、emai

22、l.gif、home.gif作為超級鏈接的源端點，實現(xiàn)鏈接到QQ/MSN、E_mail鏈接和個人主頁鏈接；鼠標指定相應的圖像，顯示QQ/MSN、E_mail和個人主頁提示。留言和回復信息顯示在文本框中，但不能修改和刪除。l 單擊“返回”按鈕，返回原來Default.aspx頁的相應頁面。（2）控件及其屬性設置控件ID屬性名屬性值或集合作用（3）事件及方法（4）實施步驟（5）內(nèi)容頁參考效果圖1.6.3發(fā)表留言Write.aspx發(fā)表留言模塊Write.aspx用于發(fā)表留言信息，留言發(fā)布成功后自動引導到留言簿系統(tǒng)的首頁Default.aspx。（1）要求l 用于發(fā)表留言信息，留言發(fā)布成功后自動引導

23、到留言簿系統(tǒng)的首頁Default.aspx。l “留言人”和“留言”必須填寫； “QQ/MSN”由8到10個數(shù)字字符組成， “E_Mail”填寫必須正確，“個人主頁”書寫格式應為正確的URL格式，但不包括“http:/”。l 單擊“提交”按鈕，發(fā)布留言，留言發(fā)布成功后自動引導到留言簿系統(tǒng)的首頁Default.aspx。l 單擊“重寫”按鈕，清除所書寫的信息，使輸入控件中的數(shù)據(jù)恢復到初始狀態(tài)。l 單擊“返回”按鈕，返回上次瀏覽頁面。（2）控件及其屬性設置控件ID屬性名屬性值或集合作用（3）事件及方法（4）實施步驟（5）內(nèi)容頁參考效果圖1.6.4管理員登錄Login.aspx管理員登錄模塊Logi

24、n.aspx，用于留言簿后臺管理登錄，登錄成功后自動引導到留言管理頁admin.aspx。（1）要求l 賬號和密碼必須填寫。l 單擊“登錄”按鈕，根據(jù)查詢返回的記錄數(shù)判斷是否為合法用戶，并友好的給出相應的提示。l 登錄成功后，保存用戶的賬號到Session對象，自動引導到留言管理頁admin.aspxl 單擊“重寫”按鈕，清除所書寫的信息，使輸入控件中的數(shù)據(jù)恢復到初始狀態(tài)。（2）控件及其屬性設置控件ID屬性名屬性值或集合作用（3）事件及方法（4）實施步驟（5）內(nèi)容頁參考效果圖1.6.5留言管理admin.aspx留言管理模塊admin.aspx，用于管理員進行留言管理。（1）要求l 數(shù)據(jù)來源于

25、“視圖”admin。l 顯示該系統(tǒng)所有留言信息中的留言人（name）、主題（scontent）、留言時間（u_time）、回復否（replyun）和鏈接字段“回復”及“刪除”。(8分)l 單擊“回復”鏈接，鏈接到留言回復頁Reply.aspx，以實現(xiàn)該留言回復的修改和回復。（2分）l 單擊“刪除”鏈接，鏈接到留言刪除頁Delete.aspx，以實現(xiàn)該留言的所有信息顯示和刪除。（2分）l 該頁面每頁顯示10條留言信息，當多于10條時頁面自動實現(xiàn)分頁。（2分）l 信息顯示默認按照“留言時間（u_time）”降序顯示。（2分）l “留言人”、“主題”、“留言時間”、“回復否”、“回復”及“刪除”綁定

26、字段的寬度分別為60px、260px、60px、40px、30px、30px、（6分）l 所有行高均為23px。（6分）l 日期的顯示為短日期。（2分）（2）控件及其屬性設置控件ID屬性名屬性值或集合作用（可以附圖說明屬性集合）（3）事件及方法（4）實施步驟（5）內(nèi)容頁參考效果圖1.6.6回復留言Reply.aspx留言回復模塊ShowReply.aspx，用于管理員進行已回復留言的回復信息修改和回復留言。Reply.aspx：回復留言內(nèi)容頁，回復留言信息，回復后自動引導到留言管理內(nèi)容頁。（1）要求l 數(shù)據(jù)來源于“表”messageInfo。l 顯示admin.aspx頁上單擊“回復”所對應留言的所有留言信息（不顯示該留言的id）。（(8分)l 對于留言人、 留言IP、QQ/MSN、E_mail、個人主頁和留言時間按文本標簽顯示。(6分)l 留言時間顯示形式為短日期。(2分)l 留言和回復信息顯示在文本框。(4分)l 留言不能修改和刪除。(2分)l 單擊“更新”按鈕，保存回復的同時更新回復時間，更新成功后自動引導到admin.aspx頁。(6分)l 單擊“返回”按鈕，返回原來調(diào)用頁面。(2分)（2）控件及其屬性設置控件ID