编程规范
第一部分:界面设计标准
:屏幕设置为800*600/1024*768
:风格必须统一
:使用框架/模板
(Table)进行格式设置。
最外面的表格设置:width=778px align=center border=0
:bgcolor="#"
:bottomMargin="0" leftMargin="0"
:文字(标签)右对齐;数字(数据)右对齐;文字(数据)左对齐,比较短的可以居中对齐;金额,需加上千位符
:尽可能使用Html控件,需要提交而又不用在客户端使用Javasrcipt的可以使用Web控件
:
(1)控件外观设置:
链接类:
a:link {font-size: 12px;line-height: 20px;text-decoration: none; color: #666666}
a:visited {font-size: 12px;line-height: 20px;color: #666666;text-decoration:
none;}
a:hover {font-size: 12px;line-height: 20px;color: #FF6600;text-decoration:
underline;}
a:active {font-size: 12px;line-height: 20px;color: #666666;text-decoration:
underline;}
表格类:
td{font-size: 12px; line-height: 20px; text-decoration: none;}
文本框类:
.inputPM{BORDER-RIGHT: #ff 1px solid; BORDER-TOP: #ff 1px solid;
BORDER-LEFT: #ff 1px solid; BORDER-BOTTOM: #ff 1px solid;
HEIGHT: 22px}
datagrid类:
.dg_grid /* Grid-总体*/
{font-size:12px; border-style:solid; border-width:2px; border-color:White;
text-align:center; vertical-align:middle;}
.dg_header /* Grid-页眉*/
{font-weight :bold ; color:#E7E7FF; background-color :#; text-align:center;
vertical-align:middle; height:25px;}
.dg_alter /* Grid-交替行*/
{background-color :AliceBlue; height:22px;}
.dg_item /* Grid-普通行*/
{color :Black; background-color:WhiteSmoke; height:22px;}
.dg_page /* Grid-页导航*/
{color:Black; text-align:right; vertical-align:middle; height:22px;}
.dg_select{font-weight :bold ; color:White; background-color :#9471DE;} /* Grid-选择行*/
(2)几点补充:
控件datagrid的数据显示:文字(短)居中对齐;文字(长)左对齐;日期左对齐;数字左对齐;金额左对齐,千位符
控件text的长度MaxLength按数据结构要求设置
因为操作主要跟数据库相关,所以控件类型可以与数据表字段(field)类型形成对应,此处约定为:
u 字段类型为文本、数字时,控件使用文本框
u 字段类型为布尔值时,控件使用单项选择按钮(checkbox控件)或下拉框
u 字段内容在固定的几个值中选择时(不论其类型),控件使用下拉框
u 字段类型为日期时间时,控件使用文本框+按钮(按钮可以选择日期,=”…”)
u 字段为其它表的外键,则分为两种情况:
a)、如果是属于基本资料的,控件使用下拉框。
b)、如果不是属于基本资料的,控件使用文本框+按钮(按钮用于跳
编程规范 来自淘豆网www.taodocs.com转载请标明出处.