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

　　

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