界面開發(fā)規(guī)范

1、WEB界面開發(fā)規(guī)范頁面設(shè)計規(guī)則頁面命名規(guī)則1、每個功能頁面在系統(tǒng)中配置菜單時統(tǒng)一使用index.jsp或index.html。例如客戶管理配置的URL為http:/Server:Port/cc/custmgr/index.jsp。2、每個頁面的title必須設(shè)置為和菜單配置中相同的中文，例如在菜單項中配置為“客戶管理”，則此頁面的title也要設(shè)置為“客戶管理”。3、對于JSP頁面都需要在頁面的最開始部分增加以下語句<% page contentType="text/html; charset=UTF-8" %>4、對于HTML頁面都需要在頁面的最開始部分增加以

2、下語句<meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">5、對于頁面中控件的屬性設(shè)置都需要用雙引號包括起來?？丶?guī)則頁面編碼過程中用到的所有控件命名都需要遵循相應(yīng)規(guī)則，方便程序的可讀性。采用控件類型縮寫前綴（小寫）+英文單詞（第一個字母大寫）的方法來命名每一個控件。具體規(guī)則如下：控件類型前綴Butt

3、onbtnFormfrmSelectselTextAreatxtInputiptImageimgDIVdiv變量定義規(guī)則頁面編碼過程中用到的所有變量定義都需要遵循相應(yīng)規(guī)則，方便程序的可讀性。采用數(shù)據(jù)類型縮寫前綴（小寫）+英文單詞（第一個字母大寫）的方法來命名每一個變量。具體規(guī)則如下：數(shù)據(jù)類型前綴整數(shù)i小數(shù)f字符s布爾b日期d數(shù)組arr函數(shù)定義規(guī)則頁面編碼過程中用到的所有函數(shù)定義都需要遵循相應(yīng)規(guī)則，方便程序的可讀性。采用前綴（fuc）+英文單詞（第一個字母大寫）的方法來命名每一個函數(shù)。例如：fucAcceptOrderCSS文件使用n 頁面的規(guī)范關(guān)鍵字說明body頁面內(nèi)容基本樣式n 表格的規(guī)范關(guān)

4、鍵字說明table表格的基本樣式n 層的規(guī)范關(guān)鍵字說明div層的基本樣式n 鏈接的規(guī)范關(guān)鍵字說明a超鏈接的基本樣式n DataGrid的規(guī)范關(guān)鍵字說明table.datatable數(shù)據(jù)表的基本樣式table.datatable thead數(shù)據(jù)表的頁眉樣式table.datatable tbody數(shù)據(jù)表的表格體樣式table.datatable tfoot數(shù)據(jù)表的頁腳樣式table.datatable tr.row_odd數(shù)據(jù)表的奇數(shù)行樣式table.datatable tr.row_even數(shù)據(jù)表的偶數(shù)樣式table.datatable tr.row_selected數(shù)據(jù)表的選中行樣式tabl

5、e.datatable tr.row_active數(shù)據(jù)表的當(dāng)前激活表格的選中行樣式table.datatable td.indicate數(shù)據(jù)表的指示器樣式n 下拉表格的規(guī)范關(guān)鍵字說明table.dropdowntable下拉表格的基本樣式table.dropdowntable thead下拉表格的頁眉樣式table.dropdowntable tbody下拉表格的表格體樣式table.dropdowntable tfoot下拉表格的頁腳樣式table.dropdowntable tr.row_odd下拉表格的奇數(shù)行樣式table.dropdowntable tr.row_even下拉表格的偶數(shù)

6、行樣式table.dropdowntable tr.row_selected下拉表格的選中行樣式n 編輯框關(guān)鍵字說明.editor編輯框的基本樣式.editor_active激活的編輯框的基本樣式n 按鈕關(guān)鍵字說明.button按鈕的基本樣式.button_down被按下按鈕的基本樣式n 數(shù)據(jù)導(dǎo)航條控件關(guān)鍵字說明table.datapilot數(shù)據(jù)導(dǎo)航條的基本樣式n 樹狀列表控件關(guān)鍵字說明table.tree樹狀列表的基本樣式table.tree tr.row_odd樹狀列表奇數(shù)行的基本樣式table.tree tr.row_even樹狀列表偶數(shù)行的基本樣式table.tree tr.row_s

7、elected樹狀列表當(dāng)前行的基本樣式table.tree tr.row_rightclick樹狀列表的響應(yīng)當(dāng)前鼠標(biāo)右擊的行基本樣式table.tree .expandbutton樹狀列表展開按鈕的基本樣式table.tree .icon樹狀列表的圖標(biāo)樣式n 字段標(biāo)題控件關(guān)鍵字說明.fieldlabel字段標(biāo)題的樣式n 數(shù)據(jù)標(biāo)簽控件關(guān)鍵字說明.datalabel數(shù)據(jù)標(biāo)簽的基本樣式n 標(biāo)簽頁控件關(guān)鍵字說明.tabset標(biāo)簽頁的基本樣式.tab標(biāo)簽頁中的單個標(biāo)簽的樣式n 菜單控件關(guān)鍵字說明table.menu菜單的基本樣式table.menu tr菜單行的基本樣式table.menu tr.row

8、_selected菜單選中行的基本樣式table.menu tr.row_disabled菜單無效行的基本樣式n 菜單工具條控件關(guān)鍵字說明table.menubar菜單工具條的基本樣式table.menubar .button菜單工具條中按鈕的基本樣式table.menubar .button_active菜單工具條中當(dāng)前按鈕的基本樣式table.menubar .button_hot菜單工具條相應(yīng)鼠標(biāo)的按鈕的基本樣式n 下拉選單的邊框控件關(guān)鍵字說明.dropdown_frame下拉選單的邊框的樣式n 日歷控件關(guān)鍵字說明.calendar日歷控件的基本樣式.calendar .title日歷控件頁眉的基本樣式.calendar .foot