ASP.NET编程规范之界面设计标准浅析

开发 后端
ASP.NET编程规范之界面设计标准都有什么呢?那么本文就向你介绍在ASP.NET编程规范中界面设计标准方面一些常用的规范,希望对你有所帮助。

ASP.NET编程规范之界面设计标准都有哪些呢?那么我们首先来

ASP.NET编程规范之界面设计标准1.开发环境设置:

屏幕设置为800*600/1024*768

ASP.NET编程规范之界面设计标准2.界面设计原则:

风格必须统一

ASP.NET编程规范之界面设计标准3.B/S结构开发原则:

使用框架/模板

ASP.NET编程规范之界面设计标准4.页面使用表格(Table)进行格式设置。

最外面的表格设置:width=778px align=center border=0

ASP.NET编程规范之界面设计标准5.主页面Body设置:

bgcolor="#cccccc"

ASP.NET编程规范之界面设计标准6.框架子页面Body设置:

bottomMargin="0" leftMargin="0"

ASP.NET编程规范之界面设计标准7.对齐:

文字(标签)右对齐;数字(数据)右对齐;文字(数据)左对齐,比较短的可以居中对齐;金额,需加上 千位符

ASP.NET编程规范之界面设计标准8.冒号必须是在中文输入状态下键入

ASP.NET编程规范之界面设计标准9.控件使用原则:

尽可能使用Html控件,需要提交而又不用在客户端使用Javasrcipt的可以使用Web控件

ASP.NET编程规范之界面设计标准10.

控件使用约定:

(1)控件外观设置:style.css

i.i 链接类:

  1. a:link {font-size: 12px;line-height: 20px;text-decoration: none; color: #666666}  
  2.  
  3. a:visited {font-size: 12px;line-height: 20px;color: #666666;text-decoration:  
  4.  
  5. none;}  
  6.  
  7. a:hover {font-size: 12px;line-height: 20px;color: #FF6600;text-decoration:  
  8.  
  9. underline;}  
  10.  
  11. a:active {font-size: 12px;line-height: 20px;color: #666666;text-decoration:  
  12.  
  13. underline;} 

i.ii 表格类:

td{font-size: 12px; line-height: 20px; text-decoration: none;}

i.iii 文本框类:

  1. .inputPM{BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid;  
  2.  
  3. BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid;  
  4.  
  5. HEIGHT: 22px} 

i.iv datagrid类:

  1. .dg_grid /* Grid-总体 */ 
  2.  
  3. {font-size:12px; border-style:solid; border-width:2px; border-color:White;  
  4.  
  5. text-align:center; vertical-align:middle;}  
  6.  
  7. .dg_header /* Grid-页眉 */ 
  8.  
  9. {font-weight :bold ; color:#E7E7FF; background-color :#3366CC; text-align:center;  
  10.  
  11. vertical-align:middle; height:25px;}  
  12.  
  13. .dg_alter /* Grid-交替行 */ 
  14.  
  15. {background-color :AliceBlue; height:22px;}  
  16.  
  17. .dg_item /* Grid-普通行 */ 
  18.  
  19. {color :Black; background-color:WhiteSmoke; height:22px;}  
  20.  
  21. .dg_page /* Grid-页导航 */ 
  22.  
  23. {color:Black; text-align:right; vertical-align:middle; height:22px;}  
  24.  
  25. .dg_select{font-weight :bold ; color:White; background-color :#9471DE;} /* Grid-选择行 */ 

(2)几点补充:

ii.i 控件datagrid的数据显示:文字(短)居中对齐;文字(长)左对齐;日期左对齐;数字左对齐;金额左对齐,千位符

ii.ii 控件text的长度MaxLength按数据结构要求设置

ii.iii 因为操作主要跟数据库相关,所以控件类型可以与数据表字段(field)类型形成对应,此处约定为:

◆字段类型为文本、数字时,控件使用文本框

◆字段类型为布尔值时,控件使用单项选择按钮(checkbox控件)或下拉框

◆字段内容在固定的几个值中选择时(不论其类型),控件使用下拉框

◆字段类型为日期时间时,控件使用文本框+按钮(按钮可以选择日期,按钮.Value=”…”)

◆字段为其它表的外键,则分为两种情况:

a)、如果是属于基本资料的,控件使用下拉框。

b)、如果不是属于基本资料的,控件使用文本框+按钮(按钮用于跳出查询窗口,按说钮.Value=”…”

◆数据操作窗口一般为DataGrid+录入框

a)、DataGrid用于显示数据

b)、录入框用于输入/显示数据

c)、浏览窗口基本样式,主要以表格形式显示纪录,单表控件使用DataGrid/DataList/Repeater,多表使用NestedDataGrid

ASP.NET编程规范之界面设计标准就向你介绍到这里,希望你对ASP.NET编程规范之界面设计标准有所了解。

【编辑推荐】

  1. ASP.NET编程模型HTTP工作原理
  2. ASP.NET编程模型HTTP协议浅析
  3. ASP.NET编程模型之ASP.NET页面构成浅析
  4. ASP.NET编程模型之ASP.NET页面生命周期图解
  5. ASP.NET编程模型之页面生命周期十一步详解
责任编辑:仲衡 来源: 博客园
相关推荐

2009-08-03 17:07:13

ASP.NET编程规范

2009-08-03 16:57:42

ASP.NET编程规范

2009-08-10 13:32:15

ASP.NET TimASP.NET组件设计

2009-08-03 13:38:18

ASP.NET编程模型

2009-07-24 18:02:46

ASP.NET编程

2009-08-03 11:21:47

ASP.NET编程模型

2009-08-05 16:53:14

ASP.NET组件设计

2009-08-10 14:38:29

ASP.NET组件设计

2009-08-10 16:07:44

ASP.NET Lin

2009-08-10 15:42:33

ASP.NET Che

2009-08-07 17:49:44

控件设计器

2009-08-03 13:12:34

ASP.NET编程模型

2009-07-27 13:34:15

ASP.NET编程

2009-08-05 16:59:55

ASP.NET组件设计

2009-08-07 16:32:52

ASP.NET控件设计时支

2009-08-07 17:59:35

控件设计器

2009-07-24 13:41:15

ASP.NET AJA

2009-08-05 18:36:12

ASP.NET Che

2009-07-31 12:43:59

ASP.NET MVC

2009-08-05 15:50:13

ASP.NET优点
点赞
收藏

51CTO技术栈公众号