WEB项目前端设计开发规范

《WEB项目前端设计开发规范》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、WEB项目前端设计开发规范页面设计规则页面命名规则1、每个功能页面在系统中配置菜单时统一使用index.jsp或index.html。例如客户管理配置的URL为http://Server:Port/cc/custmgr/index.jsp。2、每个页面的title必须设置为和菜单配置中相同的中文，例如在菜单项中配置为“客户管理”，则此页面的title也要设置为“客户管理”。3、对于JSP页面都需要在页面的最开始部分增加以下语句<%@pagecontentType="text/html;charset=UTF-8"%>4、对于HTML页面都需要在页面的最开始部分增加以下语句

2、equiv="Content-Language"content="zh-cn">5、对于页面中控件的属性设置都需要用双引号包括起来。控件命名规则页面编码过程中用到的所有控件命名都需要遵循相应规则，方便程序的可读性。采用控件类型缩写前缀（小写）+英文单词（第一个字母大写）的方法来命名每一个控件。具体规则如下：控件类型前缀ButtonbtnFormfrmSelectselTextAreatxtInputiptImageimgDIVdiv变量定义规则页面编码过程中用到的

3、所有变量定义都需要遵循相应规则，方便程序的可读性。采用数据类型缩写前缀（小写）+英文单词（第一个字母大写）的方法来命名每一个变量。具体规则如下：数据类型前缀整数i小数f字符s布尔b日期d数组arr函数定义规则页面编码过程中用到的所有函数定义都需要遵循相应规则，方便程序的可读性。采用前缀（fuc）+英文单词（第一个字母大写）的方法来命名每一个函数。例如：fucAcceptOrderCSS文件使用n页面的规范关键字说明body页面内容基本样式n表格的规范关键字说明table表格的基本样式n层的规范关键字说明div层的基本样式n链接的规范关键字说明a超链接的基本样式nDataGrid的规范关键字说

4、明table.datatable数据表的基本样式table.datatablethead数据表的页眉样式table.datatabletbody数据表的表格体样式table.datatabletfoot数据表的页脚样式table.datatabletr.row_odd数据表的奇数行样式table.datatabletr.row_even数据表的偶数样式table.datatabletr.row_selected数据表的选中行样式table.datatabletr.row_active数据表的当前激活表格的选中行样式table.datatabletd.indicate数据表的指示器样式n下拉表

5、格的规范关键字说明table.dropdowntable下拉表格的基本样式table.dropdowntablethead下拉表格的页眉样式table.dropdowntabletbody下拉表格的表格体样式table.dropdowntabletfoot下拉表格的页脚样式table.dropdowntabletr.row_odd下拉表格的奇数行样式table.dropdowntabletr.row_even下拉表格的偶数行样式table.dropdowntabletr.row_selected下拉表格的选中行样式n编辑框关键字说明.editor编辑框的基本样式.editor_active激

6、活的编辑框的基本样式n按钮关键字说明.button按钮的基本样式.button_down被按下按钮的基本样式n数据导航条控件关键字说明table.datapilot数据导航条的基本样式n树状列表控件关键字说明table.tree树状列表的基本样式table.treetr.row_odd树状列表奇数行的基本样式table.treetr.row_even树状列表偶数行的基本样式table.treetr.row_selected树状列表当前行的基本样式table.treetr.row_rightclick树状列表的响应当前鼠标右击的行基本样式table.tree.expandbutton树状列表展

7、开按钮的基本样式table.tree.icon树状列表的图标样式n字段标题控件关键字说明.fieldlabel字段标题的样式n数据标签控件关键字说明.datalabel数据标签的基本样式n标签页控件关键字说明.tabset标签页的基本样式.tab标签页中的单个标签的样式n菜单控件关键字说明table.menu菜单的基本样式table.menutr菜单行的基本样式table.menutr.row_selecte