《界面设计规范》word版
- 格式:doc
- 大小:30.00 KB
- 文档页数:2
界面设计规范
1界面命名规范
1.1页面命名
●功能说明书中每一大章对应界面设计中的一个目录,每一小节,对应一个子
目录。
目录名字已在界面中添加。
●在每个目录中,首页名字都为Default.aspx。
其余为Details.aspx,
Operation.aspx,OperationConfirm.aspx,等等。
请自行甄别,有不能对好入座的情况请提出。
在界面中用到的JS脚本(非公用),也放在该目录中。
●公用的内容放在Common目录中。
Common目录又分为章节的和小节的。
Common中可能包括的目录有:CSS, Image, JS, UserControl。
2界面要素使用规范
2.1显示
●单个要素:
⏹有自定义的控件(例如:MyTextBox)则不使用默认的。
⏹日期控件使用MyTextBox,并添加相应的属性。
⏹界面的样式和风格目前全部采用默认的,以后统一修改。
●组合数据:
⏹单条记录的显示:使用MyDetails控件。
需要对字典值进行转换的要采用
统一的方式(参见SampleSolution中的做法)。
⏹多条记录的显示:使用MyGridView控件。
◆行操作按钮原则上一律放在左边,以便用户操作。
◆查看详细不另外使用按钮,而是将记录的主键字段做成超链接形式
(TBD)
◆在源代码中,要将缩进对齐,以便查看修改
◆请注意何时需要使用分页,何时不需要分页
2.2更改
原则上,行记录中都需要有新添、修改和删除按钮,这些按钮应该位于记录的右边。
●新建:
⏹使用现有的JavaScript控件实现,使用时注意规定的样式
⏹新建时原则上不跳出新的窗口,而是在原有的界面中做。
⏹提交时跳出messageBox提示成功或失败,再进行相应的页面流转,例如
转到上一页面或下一页面。
(暂定的做法,以后将改成不需干预的提交)。
●修改:
⏹类似新建做法
●删除
⏹删除后需要有确认消息,暂时采用MessageBox实现
3界面layout规范
●所有的WEB窗体须继承PageBase,所有的用户控件须继承ModuleBase
●凡公用页面中提供的方法,不可直接采用.Net实现,或另行实现。
●所有的CSS,JS文件须放在页面的</title>和</head>之间
●每个页面须引用公用CSS<link rel="Stylesheet" type="text/css"
href="../../../Common/css/index.css" />
●所有的控件,表格等,开始不要自己添加样式,默认即可,最后美化统一加
样式,否则加不了
●页面中需要加必要的注释如:<!--TAB的显示地方--><table width="100%"
style="height:100%">,要对齐,尽量保证每个标签都是有用的。