【文章內(nèi)容簡介】 應(yīng)在相關(guān)理論指導(dǎo)下，注意處理好各種媒體間的關(guān)系,恰當(dāng)選用。 CSS介紹在設(shè)計(jì)用戶界面的時(shí)候，遇到了一個(gè)比較棘手的問題是在頁面布局，以及一些涉及到HTML頁面標(biāo)簽的樣式調(diào)整的時(shí)候，由于沒有一個(gè)系統(tǒng)的規(guī)范，從而使工作展開出現(xiàn)了一定困難。這個(gè)時(shí)候，我們運(yùn)用了一個(gè)目前解決這類問題的一種比較好的解決方案，那就是CSS(Cascading Style Sheets)。CSS語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言).在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁內(nèi)容(XHTML),它包含了一些CSS標(biāo)記,改變網(wǎng)頁的整體表現(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)需要用到查詢操作，這里簡單介紹系統(tǒng)中進(jìn)行的一般數(shù)據(jù)庫查詢?cè)O(shè)計(jì)實(shí)現(xiàn)過程。用戶登陸系統(tǒng)后，進(jìn)入相應(yīng)模塊，用戶操作界面將提供給用戶一個(gè)或者多個(gè)查詢條件，可以是一系列聯(lián)動(dòng)的DorpDownList，也可以是一些TextBox，或者是一些其他控件（如常用的時(shí)間控件），選定查詢條件后，用戶點(diǎn)擊一個(gè)Button、ImageButton或者是其他控件而觸發(fā)一個(gè)Click()事件。在Click()事件中，將處理用戶這一次的查詢操作。首先要做的是將用戶提交的一系列查詢條件，和這些查詢條件之間的一些邏輯關(guān)系反映到相應(yīng)的SQL語句中，建立一個(gè)SQL字符串。如： “select id from students”這一類的查詢SQL語句。其生成過程可能要做一些條件判斷，因?yàn)樵谟脩暨x擇查詢條件的時(shí)候，可能沒有匹配到所有的查詢條件。生成了查詢語句，我們還需要做的是使用該查詢SQL語句查找需要的數(shù)據(jù)庫記錄。所以我們要做的是建立一個(gè)數(shù)據(jù)庫連接，并執(zhí)行上面的SQL語句。其一般過程代碼如下所示：[connection].ConnectionString。 //；SqlCommand cmd = new SqlCommand(spName, connection)。 //新建命令對(duì)象，這里使用的是Microsoft 的SqlHelper類， Framework的數(shù)據(jù)庫操作組件，組件中包含數(shù)據(jù)庫操作方法；Dataset ds= new Dataset()。//新建 Dataset 數(shù)據(jù)集對(duì)象；ds=(, , sql)。//用生成好的SQL語句sql和數(shù)據(jù)庫連接字符串ConnectionString，以及CommandType得到查詢數(shù)據(jù)集，并填充到ds 數(shù)據(jù)集對(duì)象中；以上展示了查詢操作流程中與數(shù)據(jù)庫交互的過程，在從數(shù)據(jù)庫中查找出所要結(jié)果之后，接下來要做的是將數(shù)據(jù)記錄展示到用戶界面，這里使用到的是像DataGrid或者DataList這一類的數(shù)據(jù)綁定控件，其中也有可能涉及到一些細(xì)節(jié)處理，查找出來的信息可能要經(jīng)過一些轉(zhuǎn)換、組合或者是隱藏再轉(zhuǎn)而展現(xiàn)給用戶。至此，一般的查詢操作流程到此結(jié)束。(2) 信息添加、修改操作流程實(shí)現(xiàn)與查詢操作一樣，對(duì)于信息的添加、修改操作也是系統(tǒng)中經(jīng)常要碰到的業(yè)務(wù)流程，與查詢操作流程處理類似，添加、刪除操作也是先通過從用戶界面獲取用戶填寫或者是選擇的數(shù)據(jù)信息，生成添加或者修改的SQL語句，然后通過創(chuàng)建數(shù)據(jù)庫連接，執(zhí)行相應(yīng)的SQL語句，然后關(guān)閉數(shù)據(jù)庫連接。稍有不同的是，在添加或者修改的時(shí)候，一般建立的不是Dataset 對(duì)象，而是DataCommand對(duì)象，通過調(diào)用其ExecuteNonQuery()方法（執(zhí)行并返回受影響記錄條數(shù)），而實(shí)現(xiàn)數(shù)據(jù)庫更新。特別針對(duì)修改操作，用戶選定一條記錄后，點(diǎn)擊修改，這時(shí)候要做的處理是系統(tǒng)跳轉(zhuǎn)到一個(gè)新的修改頁面，將用戶選取記錄的ID或者是標(biāo)識(shí)符，通過URL的方式傳遞給新的頁面，從而在新的頁面進(jìn)行查找對(duì)應(yīng)記錄的數(shù)據(jù)綁定。(3) 信息刪除操作流程實(shí)現(xiàn)刪除操作也是系統(tǒng)中常見的流程，類似上述操作，獲取用戶選定的記錄標(biāo)識(shí)符，生成相應(yīng)的刪除SQL語句，并執(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) 用戶信息保存變量Session[userName]保存在Response對(duì)象里的Session對(duì)象,用于保存用戶登陸后，該登陸用戶基本信息。其他功能模塊通過此來獲取用戶基本信息。(2) 數(shù)據(jù)庫連接字符串保存變量ConnectionString 。，可以在服務(wù)器運(yùn)行期間長久保存數(shù)據(jù)。數(shù)據(jù)庫連接字符串也可以保存在Application對(duì)象里，其他模塊要用到數(shù)據(jù)庫連接，通過Application獲取連接字符串。 功能點(diǎn)詳細(xì)設(shè)計(jì)示例(1) 用戶基本信息管理/User /該頁面提供用戶基本信息查詢功能。其詳細(xì)實(shí)現(xiàn)如表31所示：表31 用戶基本信息管理查詢頁面功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性Lable顯示用戶名信息LbUserNameLable顯示用戶真實(shí)姓名LbRealNameLable顯示用戶聯(lián)系電話LbTelLable顯示用戶性別 LbSexLable顯示用戶聯(lián)系郵箱LbEmailLable顯示用戶籍貫LbBirthPlaceLable顯示用戶聯(lián)系地址LbAddressLable顯示用戶注冊(cè)時(shí)間LbAddTimeButton返回BtnReback事件：BtnReback_Click()/User /該頁面提供用戶修改密碼功能。其詳細(xì)實(shí)現(xiàn)如表32所示：表32 用戶修改密信息管理頁面添加功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性Lable顯示用戶名LbUserNameTextBox輸入舊密碼txtOldPwdTextBox輸入新密碼txtNewPwdTextBox輸入確認(rèn)密碼txtConfirmNewPwdRequiredFieldValidator驗(yàn)證必須密碼必須輸入RFVpwdRequiredFieldValidator驗(yàn)證新密碼必須輸入RFVComPwdCompareValidator驗(yàn)證確認(rèn)密碼是否一致CVpwdButton確認(rèn)修改btnUpdtPwd事件：btnUpdtPwd_Click()/User /該頁面提供修改用戶基本信息功能。其詳細(xì)實(shí)現(xiàn)如表33所示：表33修改用戶信息頁面編輯功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性Lable顯示用戶名LbUserNameLable顯示注冊(cè)時(shí)間LbAddTimeTextBox輸入真實(shí)姓名txtrealNameTextBox輸入性別txtSexTextBox輸入聯(lián)系txtTextBox輸入聯(lián)系郵箱txtEmailTextBox輸入備注信息txtPsTextBox輸入聯(lián)系電話txtTelTextBox輸入籍貫txtBirthPlaceTextBox輸入聯(lián)系地址txtAddressRegularExpressionValidator驗(yàn)證郵箱格式REVEmailButton修改btnUpdtUserInfo事件：btnUpdtUserInfo_Click()(2)科研信息管理/User/該頁面提供用戶申報(bào)學(xué)術(shù)專著信息查詢功能。其詳細(xì)實(shí)現(xiàn)如表34所示：表34用戶學(xué)術(shù)專著申報(bào)信息功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性TextBox輸入學(xué)術(shù)專著名稱txtPaperNameTextBox輸入專著總字?jǐn)?shù)txtAllNumTextBox輸入個(gè)人編撰字?jǐn)?shù)txtNumCheckBox選擇是否個(gè)人專著ckbPersonalCheckBox選擇是否第一作者ckbFirstButton確認(rèn)提交btnComfirm事件：btnComfirm_Click ()/User/該頁面提供用戶論文申報(bào)信息功能。其詳細(xì)實(shí)現(xiàn)如表35所示：表35用戶論文申報(bào)信息功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性TextBox輸入論文名稱txtPaperNameDropDownList選擇發(fā)表期刊級(jí)別DLLevelCheckBox選擇是否海外發(fā)表ckOverseasCheckBox選擇是否個(gè)人專著ckbPersonalCheckBox選擇是否第一作者ckbFirstButton確認(rèn)提交btnComfirm事件：btnComfirm_Click ()/User/該頁面提供用戶課題研究申報(bào)信息功能。其詳細(xì)實(shí)現(xiàn)如表36所示：表36用戶課題研究申報(bào)信息功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性TextBox輸入論文名稱txtPaperNameTextBox輸入課題經(jīng)費(fèi)txtNumRadioButtonList選擇發(fā)表課題級(jí)別RBLLevelRadioButtonList選擇課題完成情況RBLCompleteCheckBox選擇是否個(gè)人專著ckbPersonalCheckBox選擇是否第一作者ckbFirstButton確認(rèn)提交btnComfirm事件：btnComfirm_Click ()/User/該頁面提供用戶專著轉(zhuǎn)摘申報(bào)信息功能。其詳細(xì)實(shí)現(xiàn)如表37所示：表37用戶專著轉(zhuǎn)摘申報(bào)信息功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性TextBox輸入論文名稱txtPaperNameRadioButtonList選擇轉(zhuǎn)摘類型RBLLevelDropDownList選擇轉(zhuǎn)摘期刊名稱DLReshipCheckBox選擇是否個(gè)人專著ckbPersonalCheckBox選擇是否第一作者ckbFirstButton確認(rèn)提交btnComfirm事件：btnComfirm_Click ()/User/該頁面提供用戶編譯專著申報(bào)信息功能。其詳細(xì)實(shí)現(xiàn)如表38所示：表38用戶轉(zhuǎn)摘申報(bào)信息功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性TextBox輸入著作名稱txtPaperNameTextBox輸入著作總字?jǐn)?shù)txtAllNumTextBox輸入個(gè)人編撰字?jǐn)?shù)txtNumCheckBox選擇是否個(gè)人專著ckbPersonalCheckBox選擇是否第一作者ckbFirstButton確認(rèn)提交btnComfirm事件：btnComfirm_Click () (3) 科研申報(bào)查詢/User/ 該頁面提供用戶學(xué)術(shù)專著申報(bào)查詢功能。其詳細(xì)實(shí)現(xiàn)如表39所示：表39 用戶學(xué)術(shù)專著查詢頁面發(fā)送功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性DataList用來顯示用戶學(xué)術(shù)專著申報(bào)列表DLAca/User/ 該頁面提供用戶論文申報(bào)查詢功能。其詳細(xì)實(shí)現(xiàn)如表310所示：表310用戶論文專著查詢頁面發(fā)送功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性DataList用來顯示用戶學(xué)術(shù)專著申報(bào)列表DLPa /User/ 該頁面提供用戶編譯申報(bào)查詢功能。其詳細(xì)實(shí)現(xiàn)如表311所示：表311用戶編譯專著查詢頁面發(fā)送功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性DataList用來顯示用戶編譯專著申報(bào)列表DLTra/User/ 該頁面提供用戶轉(zhuǎn)摘申報(bào)查詢功能。其詳細(xì)實(shí)現(xiàn)如表312所示：表312用戶編譯專著查詢頁面發(fā)送功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性DataList用來顯示用戶轉(zhuǎn)摘專著申報(bào)列表DLTRes/User/ 該頁面提供用戶課題研究申報(bào)查詢功能。其詳細(xì)實(shí)現(xiàn)如表312所示：表312用戶編譯專著查詢頁面發(fā)送功能詳細(xì)設(shè)計(jì)控件名稱控件功能屬性DataList用來顯示用戶轉(zhuǎn)摘專著申報(bào)列表DLTRea 本章總結(jié)本章主要內(nèi)容是介紹系統(tǒng)的設(shè)計(jì)思路、設(shè)計(jì)方案以及設(shè)計(jì)階段的工作成果。首先給出了系統(tǒng)的部署情況和系統(tǒng)的功能結(jié)構(gòu)設(shè)計(jì)