【導(dǎo)讀】對(duì)于后臺(tái)數(shù)據(jù)庫(kù)的建立和維護(hù)要求建立起數(shù)據(jù)一致性和完整性強(qiáng)、數(shù)據(jù)安全性。友好、使用簡(jiǎn)單方便等特點(diǎn)。開發(fā)流程參照軟件開發(fā)常見的步驟，主要包括系統(tǒng)的需求。分析，系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)，系統(tǒng)詳細(xì)設(shè)計(jì)，以及開發(fā)后期的系統(tǒng)測(cè)試等階段。這些優(yōu)點(diǎn)能夠極大地提高效率,也是學(xué)?？茖W(xué)化、正規(guī)化管理的重要條件。

　　

【正文】 探討，目的是設(shè)計(jì)出可用性良好的用戶界面。 用戶界面設(shè)計(jì)需要滿足一下原則： (1) 用戶原則。人機(jī)界面設(shè)計(jì)首先要確立用戶類型。劃分類型可以從 不同的角度，視實(shí)際情況而定。 確定類型后要針對(duì)其特點(diǎn)預(yù)測(cè)他們對(duì)不同界面的反應(yīng)。這就要從多方面設(shè)計(jì)分析。 (2) 信息最小量原則。人機(jī)界面設(shè)計(jì)要盡量減少用戶記憶負(fù)擔(dān)，采用有助于記憶的設(shè)計(jì)方案。 (3) 幫助和提示原則。要對(duì)用戶的操作命令 做 出反應(yīng)，幫助用戶處理問(wèn)題。系統(tǒng)要設(shè)計(jì)有恢復(fù)出錯(cuò)現(xiàn)場(chǎng)的能力，在系統(tǒng)內(nèi)部處理工作要有提示，盡量把主動(dòng)權(quán)讓給用戶。 (4) 媒體最佳組合原則。多媒體界面的成功并不在于僅向用戶提供豐富的媒體，而應(yīng)在相關(guān)理論指導(dǎo)下，注意處理好各種媒體間的關(guān)系 ,恰當(dāng)選用。 CSS 介紹 在設(shè)計(jì) 用戶界面的時(shí)候，遇到了一個(gè)比 較棘手的問(wèn)題是在頁(yè)面布局，以及一些涉及到 HTML 頁(yè)面標(biāo)簽的樣式調(diào)整的時(shí)候，由于沒(méi)有一個(gè)系統(tǒng)的規(guī)范，從而使工作展開出現(xiàn)了一定困難。這個(gè)時(shí)候，我們運(yùn)用了一個(gè)目前解決這類問(wèn)題的一種比較好的解決方案，那就是 CSS(Cascading Style Sheets)。 CSS 語(yǔ)言是一種標(biāo)記語(yǔ)言 ,它不需要編譯 ,可以直接由瀏覽器執(zhí)行 (屬于瀏覽器解釋型語(yǔ)言 ).在標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)中 CSS 負(fù)責(zé)網(wǎng)頁(yè)內(nèi)容 (XHTML)的表現(xiàn) .CSS 文件也可以說(shuō)是一個(gè)文本文件 ,它包含了一些 CSS 標(biāo)記 ,CSS 文件必須使用 .css 為文 件名后綴 .可以通過(guò)簡(jiǎn)單的更改 CSS 文件 ,改變網(wǎng)頁(yè)DJGFJKHF DKFH SKHF LHAK DHFHAKLH DJKHF JHFJK JKDHFKLH FKDH KFHDSKH FKLDSFL。H KFKL DHFDKH FKDS 的整體表現(xiàn)形式 ,可以減少我們的工作量 . 用戶界面示例 系統(tǒng)登錄前和登錄后界面截圖如圖 33 和圖 34 所示： 圖 33 系統(tǒng)登錄（未登錄） 圖 34 系統(tǒng)登錄（已登陸） 系統(tǒng)功能模塊詳細(xì)設(shè)計(jì) 業(yè)務(wù)流程 設(shè)計(jì)實(shí)現(xiàn) (1) 信息查詢操作 流程 實(shí)現(xiàn) 在本系統(tǒng)中，涉及到多個(gè)功能點(diǎn)需要用到查詢 操作，這里簡(jiǎn)單介紹系統(tǒng)中進(jìn)行的DJGFJKHF DKFH SKHF LHAK DHFHAKLH DJKHF JHFJK JKDHFKLH FKDH KFHDSKH FKLDSFL。H KFKL DHFDKH FKDS 一般數(shù)據(jù)庫(kù)查詢?cè)O(shè)計(jì)實(shí)現(xiàn)過(guò)程。 用戶登陸系統(tǒng)后，進(jìn)入相應(yīng)模塊，用戶操作界面將提供給用戶一個(gè)或者多個(gè)查詢條件，可以是一 系列聯(lián)動(dòng)的 DorpDownList，也可以是一些 TextBox，或者是一些其他控件（如常用的時(shí)間控件），選定查詢條件后，用戶點(diǎn)擊一個(gè) Button、 ImageButton 或者是其他控件而觸發(fā)一個(gè) Search()事件。在 Search()事件中，將處理用戶這一次的查詢操作。 首先要做的是將用戶提交的一系列查詢條件，和這些查詢條件之間的一些邏輯關(guān)系反映到相應(yīng)的 SQL 語(yǔ)句中，建立一個(gè) SQL 字符串。如：“ select id from students”這一類的查詢 SQL 語(yǔ)句。其生成過(guò)程可能要做一些條件判斷，因?yàn)樵谟脩暨x 擇查詢條件的時(shí)候，可能沒(méi)有匹配到所有的查詢條件。 生成了查詢語(yǔ)句，我們還需要做的是使用該查詢 SQL 語(yǔ)句查找需要的數(shù)據(jù)庫(kù)記錄。所以我們要做的是建立一個(gè)數(shù)據(jù)庫(kù)連接，并執(zhí)行上面的 SQL 語(yǔ)句。其一般過(guò)程代碼如下所示： OleDbConnection myConn = new OleDbConnection (Application [dsn].ToString())。 ()。 //通過(guò)保存在 Application 對(duì)象中的連接字符串建立一個(gè)數(shù)據(jù)庫(kù)連接，并打開； OleDbDataAdapter myAdapter = new OleDbDataAdapter (sqlSearch, myConn)。 //用生成好的 SQL語(yǔ)句 sqlSearch 和 數(shù)據(jù)庫(kù)連接 myConn， 建立一個(gè) DataAdapter 對(duì)//象； DataSet ds = new DataSet ()。 (ds)。 //將 DataAdapter 中的數(shù)據(jù)填充進(jìn) DataSet中； ()。//數(shù)據(jù)庫(kù)連接關(guān)閉。 以上展示了查詢操作流程中與數(shù)據(jù)庫(kù)交互的過(guò)程，在從數(shù)據(jù)庫(kù)中查找出所要結(jié)果之后 ，接下來(lái)要做的是將數(shù)據(jù)記錄展 示到用戶界面，這里使用到的是像 DataGrid 或者DataList這一類的數(shù)據(jù)綁定控件，其中也有可能涉及到一些細(xì)節(jié)處理，查找出來(lái)的信息可能要經(jīng)過(guò)一些轉(zhuǎn)換、組合或者是隱藏再轉(zhuǎn)而展現(xiàn)給用戶。 至此，一般的查詢操作流程到此結(jié)束。 (2) 信息添加、修改操作 流程 實(shí)現(xiàn) 與查詢操作一樣，對(duì)于信息的添加、修改操作也是系統(tǒng)中經(jīng)常要碰到的業(yè)務(wù)流程，DJGFJKHF DKFH SKHF LHAK DHFHAKLH DJKHF JHFJK JKDHFKLH FKDH KFHDSKH FKLDSFL。H KFKL DHFDKH FKDS 與查詢操作流程處理類似，添加、刪除操作也是先通過(guò)從用戶界面獲取用戶 填寫或者是選擇的數(shù)據(jù)信息，生成添加或者修改的 SQL 語(yǔ)句，然后通過(guò)創(chuàng)建數(shù)據(jù)庫(kù)連接，執(zhí)行相應(yīng)的 SQL 語(yǔ)句，然后關(guān)閉數(shù)據(jù)庫(kù)連接。稍有不同的是，在添加或者修改的時(shí)候，一般建立的不是 DataAdapter 對(duì)象，而是 DataCommand對(duì)象，通過(guò)調(diào)用其 ExecuteNonQuery()方法（執(zhí)行并返回受影響記錄條數(shù)），而實(shí)現(xiàn)數(shù)據(jù)庫(kù)更新。 特別針對(duì)修改操作，用戶選定一條記錄后，點(diǎn)擊修改，這時(shí)候要做的處理是系統(tǒng)跳轉(zhuǎn)到一個(gè)新的修改頁(yè)面，將用戶選取記錄的 ID 或者是標(biāo)識(shí)符，通過(guò) URL的方式傳遞給新的頁(yè)面，從而在新的頁(yè)面進(jìn)行查找對(duì)應(yīng)記錄的數(shù)據(jù)綁定。 (3) 信息刪除操作 流程 實(shí)現(xiàn) 刪除操作也是系統(tǒng)中常見的流程，類似 上述操作，獲取用戶選定的記錄 標(biāo)識(shí)符，生成相應(yīng)的刪除 SQL 語(yǔ)句，并執(zhí)行 DataCommand。 需要注意的是，在以上的 修改，刪除操作時(shí)，需要判斷用戶權(quán)限，以及刪除是否恰當(dāng)，刪除是否關(guān)聯(lián)到其他表等情況。 此外，在實(shí)現(xiàn)功能基礎(chǔ)上，針對(duì)系統(tǒng)每一個(gè)功能流程，相應(yīng)給出適當(dāng)?shù)某鲥e(cuò)處理，是保證系統(tǒng)性能的一個(gè)基本條件。 系統(tǒng)全局變量 (1) 用戶信息保存變量 HttpCookie[“SId”] HttpCookie[“SName”] (HttpCookie) HttpCookie[“SDept”] (HttpCookie) HttpCookie[“OBU”] (HttpCookie) HttpCookie[“SPrivilege”] 保存在 Response 對(duì)象里的 HttpCookie 對(duì)象 ,用于保存用戶登陸后，該登陸用戶基本信息。其他功能模塊通過(guò)此來(lái)獲取用戶基本信息。 (2) 數(shù)據(jù)庫(kù)連接字符串保存變量 Application [“dsn”] ASP 程序是由虛擬目錄以及子目錄下所有 .asp 文件組成。 Application 對(duì)象在DJGFJKHF DKFH SKHF LHAK DHFHAKLH DJKHF JHFJK JKDHFKLH FKDH KFHDSKH FKLDSFL。H KFKL DHFDKH FKDS 程序的所有用戶共享信息，可以在服務(wù)器運(yùn)行期間長(zhǎng)久保存數(shù)據(jù)。 數(shù)據(jù)庫(kù)連接字符串保存在 Application 對(duì)象里，其他模塊要用到數(shù)據(jù)庫(kù)連接，通過(guò) Application 獲取連接字符串。 功能點(diǎn)詳細(xì)設(shè)計(jì) 示例 (1) 宿舍基本信息管理 /DormManage/ 該頁(yè)面提供宿舍信息查詢功能。 其詳細(xì)實(shí)現(xiàn)如表 31 所示： 表 31 宿舍基本信息管理 查詢 頁(yè)面功能詳細(xì)設(shè)計(jì) 控件名稱 控件功能 屬性 DataGrid 宿舍基本信息列表 DG_DormArcInfo DorpDownList 區(qū)域名稱 DDL_AreaName DorpDownList 區(qū)號(hào) DDL_AreaNum DorpDownList 樓棟號(hào) DDL_BuildingNum TextBox 占地面 積 TB_LandArea TextBox 使用面積 TB_UseArea TextBox 建筑面積 TB_ArcArea DorpDownList 建成年代 DDL_ArcAge ImageButton 查詢 ImgBtn_Search 事件 : ImgBtn_Search_Click() ImageButton 返回 ImgBtn_Add 事件： ImgBtn_Add_Click() /DormManage/ 該頁(yè)面提供添加宿舍基本信息功能。 其詳細(xì)實(shí)現(xiàn)如表 32 所示： 表 32 宿舍基本信息管理頁(yè)面 添加 功能詳細(xì)設(shè)計(jì) 控件名稱 控件功能 屬性 DorpDownList 區(qū)域名稱 DDL_AreaName DorpDownList 區(qū)號(hào) DDL_AreaNum DJGFJKHF DKFH SKHF LHAK DHFHAKLH DJKHF JHFJK JKDHFKLH FKDH KFHDSKH FKLDSFL。H KFKL DHFDKH FKDS DorpDownList 樓棟號(hào) DDL_BuildingNum DorpDownList 宿舍類別 DDL_Type TextBox 占地面積 TB_LandArea TextBox 使用面積 TB_UseArea TextBox 建筑面積 TB_ArcArea DorpDownList 建成年代 DDL_ArcAge TextBox 樓層數(shù) TB_FloorNum TextBox 走廊面積 TB_CorridorArea TextBox 樓梯面積 TB_StairArea TextBox 總公共面積 TB_Pubtotalarea TextBox 公共衛(wèi)生間面積 TB_Pubwashroomarea TextBox 水房面積 TB_Waterroomarea TextBox 備注 TB_Remark ImageButton 添加 ImgBtn_Add 事件： ImgBtn_Add_Click() ImageButton 取消 ImgBtnCancel 事件： ImgBtnCancel_Click() /DormManage/ 該頁(yè)面提供編輯宿舍基本信息功能。 其詳細(xì)實(shí)現(xiàn)如表 33 所示： 表 33 宿舍基本信息管理頁(yè)面 編輯功能 詳細(xì)設(shè)計(jì) 控件名稱 控件功能 屬性 DorpDownList 區(qū)域名稱 DDL_AreaName DorpDownList 區(qū)號(hào) DDL_AreaNum DorpDownList 樓棟號(hào) DDL_BuildingNum DorpDownList 宿舍類別 DDL_Type TextBox 占地面積 TB_LandArea TextBox 使用面積 TB_UseArea TextBox 建筑面積 TB_ArcArea DorpDownList 建成年代 DDL_ArcAge TextBox 樓層數(shù) TB_FloorNum TextBox 走廊面積 TB_CorridorArea TextBox 樓梯面積 TB_StairArea TextBox 總公共面積 TB_Pubtotalarea TextBox 公共衛(wèi)生間面積 TB_Pubwashroomarea TextBox 水房面積 TB_Waterroomarea TextBox 備注 TB_Remark DJGFJKHF DKFH SKHF LHAK DHFHAKLH DJKHF JHFJK JKDHFKLH FKDH KFHDSKH FKLDSFL。H KFKL DHFDKH FKDS ImageButton 修改 ImgBtn_Edit 事件： ImgBtn_Edit_Click() ImageButton 取消 ImgBtnCancel 事件： ImgBtnCancel_Click() (2) 宿舍入住信息管理 /DormManage/ 該頁(yè)面提供宿舍入住信息查詢功能。 /DormManage/ 該頁(yè)面提供宿舍分配功能。 其詳細(xì)實(shí)現(xiàn)如表 34 所示： 表 34 宿舍 入住 信息管理頁(yè)面 分配功能 詳細(xì)設(shè)計(jì) 控件名稱 控件功能 屬性 DorpDownList 區(qū)域名稱 DDL_AreaName DorpDownList 區(qū)號(hào) DDL_AreaNum DorpDownList 樓棟號(hào) DDL_BuildingNum DorpDownList 宿舍類別 DDL_Type ImageButton 查詢空余房間 ImgBtn_Search 事件 : ImgBtn_Search_Click() DataGrid 空余房間信息 DG_RoomList CheckBox 選中房間 CB_Slected DorpDownList 選取床位數(shù) DDL_BedCount DorpDownList 選取分配院系 DDL_College Button 確認(rèn)分配 AssignButton 事件： AssignButton_Click () (3) 消息系統(tǒng)