頁(yè)面設(shè)計(jì)規(guī)則
頁(yè)面命名規(guī)則
1、每個(gè)功能頁(yè)面在系統(tǒng)中配置菜單時(shí)統(tǒng)一使用index.jsp或index.html。例如客戶管理配置的URL為http://Server:Port/cc/custmgr/index.jsp。
2、每個(gè)頁(yè)面的title必須設(shè)置為和菜單配置中相同的中文，例如在菜單項(xiàng)中配置為“客戶管理”，則此頁(yè)面的title也要設(shè)置為“客戶管理”。
3、對(duì)于JSP頁(yè)面都需要在頁(yè)面的最開始部分增加以下語(yǔ)句
<%@ page contentType="text/html; charset=UTF-8" %>
4、對(duì)于HTML頁(yè)面都需要在頁(yè)面的最開始部分增加以下語(yǔ)句
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
5、對(duì)于頁(yè)面中控件的屬性設(shè)置都需要用雙引號(hào)包括起來(lái)。
控件命名規(guī)則
頁(yè)面編碼過(guò)程中用到的所有控件命名都需要遵循相應(yīng)規(guī)則，方便程序的可讀性。采用控件類型縮寫前綴（小寫）+英文單詞（第一個(gè)字母大寫）的方法來(lái)命名每一個(gè)控件。具體規(guī)則如下：
控件類型 | 前綴 |
Button | btn |
Form | frm |
Select | sel |
TextArea | txt |
Input | ipt |
Image | img |
DIV | div |
變量定義規(guī)則
頁(yè)面編碼過(guò)程中用到的所有變量定義都需要遵循相應(yīng)規(guī)則，方便程序的可讀性。采用數(shù)據(jù)類型縮寫前綴（小寫）+英文單詞（第一個(gè)字母大寫）的方法來(lái)命名每一個(gè)變量。具體規(guī)則如下：
數(shù)據(jù)類型 | 前綴 |
整數(shù) | i |
小數(shù) | f |
字符 | s |
布爾 | b |
日期 | d |
數(shù)組 | arr |
函數(shù)定義規(guī)則
頁(yè)面編碼過(guò)程中用到的所有函數(shù)定義都需要遵循相應(yīng)規(guī)則，方便程序的可讀性。采用前綴（fuc）+英文單詞（第一個(gè)字母大寫）的方法來(lái)命名每一個(gè)函數(shù)。
例如：fucAcceptOrder
CSS文件使用
頁(yè)面的規(guī)范
關(guān)鍵字 | 說(shuō)明 |
body | 頁(yè)面內(nèi)容基本樣式 |
表格的規(guī)范
關(guān)鍵字 | 說(shuō)明 |
table | 表格的基本樣式 |
層的規(guī)范
關(guān)鍵字 | 說(shuō)明 |
div | 層的基本樣式 |
鏈接的規(guī)范
關(guān)鍵字 | 說(shuō)明 |
a | 超鏈接的基本樣式 |
DataGrid的規(guī)范
關(guān)鍵字 | 說(shuō)明 |
table.datatable | 數(shù)據(jù)表的基本樣式 |
table.datatable thead | 數(shù)據(jù)表的頁(yè)眉樣式 |
table.datatable tbody | 數(shù)據(jù)表的表格體樣式 |
table.datatable tfoot | 數(shù)據(jù)表的頁(yè)腳樣式 |
table.datatable tr.row_odd | 數(shù)據(jù)表的奇數(shù)行樣式 |
table.datatable tr.row_even | 數(shù)據(jù)表的偶數(shù)樣式 |
table.datatable tr.row_selected | 數(shù)據(jù)表的選中行樣式 |
table.datatable tr.row_active | 數(shù)據(jù)表的當(dāng)前激活表格的選中行樣式 |
table.datatable td.indicate | 數(shù)據(jù)表的指示器樣式 |
下拉表格的規(guī)范
關(guān)鍵字 | 說(shuō)明 |
table.dropdowntable | 下拉表格的基本樣式 |
table.dropdowntable thead | 下拉表格的頁(yè)眉樣式 |
table.dropdowntable tbody | 下拉表格的表格體樣式 |
table.dropdowntable tfoot | 下拉表格的頁(yè)腳樣式 |
table.dropdowntable tr.row_odd | 下拉表格的奇數(shù)行樣式 |
table.dropdowntable tr.row_even | 下拉表格的偶數(shù)行樣式 |
table.dropdowntable tr.row_selected | 下拉表格的選中行樣式 |
編輯框
關(guān)鍵字 | 說(shuō)明 |
.editor | 編輯框的基本樣式 |
.editor_active | 激活的編輯框的基本樣式 |
按鈕
關(guān)鍵字 | 說(shuō)明 |
.button | 按鈕的基本樣式 |
.button_down | 被按下按鈕的基本樣式 |
數(shù)據(jù)導(dǎo)航條控件
關(guān)鍵字 | 說(shuō)明 |
table.datapilot | 數(shù)據(jù)導(dǎo)航條的基本樣式 |
樹狀列表控件
關(guān)鍵字 | 說(shuō)明 |
table.tree | 樹狀列表的基本樣式 |
table.tree tr.row_odd | 樹狀列表奇數(shù)行的基本樣式 |
table.tree tr.row_even | 樹狀列表偶數(shù)行的基本樣式 |
table.tree tr.row_selected | 樹狀列表當(dāng)前行的基本樣式 |
table.tree tr.row_rightclick | 樹狀列表的響應(yīng)當(dāng)前鼠標(biāo)右擊的行基本樣式 |
table.tree .expandbutton | 樹狀列表展開按鈕的基本樣式 |
table.tree .icon | 樹狀列表的圖標(biāo)樣式 |
字段標(biāo)題控件
關(guān)鍵字 | 說(shuō)明 |
.fieldlabel | 字段標(biāo)題的樣式 |
數(shù)據(jù)標(biāo)簽控件
關(guān)鍵字 | 說(shuō)明 |
.datalabel | 數(shù)據(jù)標(biāo)簽的基本樣式 |
標(biāo)簽頁(yè)控件
關(guān)鍵字 | 說(shuō)明 |
.tabset | 標(biāo)簽頁(yè)的基本樣式 |
.tab | 標(biāo)簽頁(yè)中的單個(gè)標(biāo)簽的樣式 |
菜單控件
關(guān)鍵字 | 說(shuō)明 |
table.menu | 菜單的基本樣式 |
table.menu tr | 菜單行的基本樣式 |
table.menu tr.row_selected | 菜單選中行的基本樣式 |
table.menu tr.row_disabled | 菜單無(wú)效行的基本樣式 |
菜單工具條控件
關(guān)鍵字 | 說(shuō)明 |
table.menubar | 菜單工具條的基本樣式 |
table.menubar .button | 菜單工具條中按鈕的基本樣式 |
table.menubar .button_active | 菜單工具條中當(dāng)前按鈕的基本樣式 |
table.menubar .button_hot | 菜單工具條相應(yīng)鼠標(biāo)的按鈕的基本樣式 |
下拉選單的邊框控件
關(guān)鍵字 | 說(shuō)明 |
.dropdown_frame | 下拉選單的邊框的樣式 |
日歷控件
關(guān)鍵字 | 說(shuō)明 |
.calendar | 日歷控件的基本樣式 |
.calendar .title | 日歷控件頁(yè)眉的基本樣式 |
.calendar .footer | 日歷控件頁(yè)腳的基本樣式 |
.calendar .cell_day | 日歷控件日期單元格的基本樣式 |
.calendar .cell_selected | 日歷控件當(dāng)前單元格的基本樣式 |
.calendar .cell_trailing | 日歷中前月和后月的日期單元格的基本樣式 |
jakarta-taglibs-standard-current.tar.gzjakarta-taglibs-standard-1.1.2/tld/c.tld 拷貝到
WEB/INF/tlds 目錄jakarta-taglibs-standard-1.1.2/lib 中的所有JAR文件拷貝到
WEB-INF/lib 目錄(jstl.jar和standard.jar)WEB-INF/web.xml 部署描述符中????????? < taglib-uri > http://java.sun.com/jsp/jstl/core </ taglib-uri >
????????? < taglib-location > /WEB-INF/tlds/c.tld </ taglib-location >
</ taglib >
? 6. 在 JSP 頁(yè)面添加了JSTL taglib之后，可以使用核心庫(kù)中的任何標(biāo)記，只需把標(biāo)記的前綴改為
c
?<%@taglib?uri="http://java.sun.com/jsp/jstl/core"?prefix="c"%>?
<c:if?test="${param.sayHello}">
????????<!--?Let's?welcome?the?user?${param.name}?-->
????????Hello?${param.name}!
</c:if>
<c:out?value="Hello?World"/>
????
function ?ltrim(s){
? return ?s.replace(? /^ \s */ ,? "" );
}
// 去右空格;
function ?rtrim(s){
? return ?s.replace(? / \s * $ / ,? "" );
}
// 去左右空格;
function ?trim(s){
? return ?rtrim(ltrim(s));
}