1按钮
当功能按钮为图片等,鼠标经过按钮时给予适当的文字提示信息。
2列表
a)列表样式应统一,不应该存在差异;
b)注意列表的排列顺序,一般会按创建时间倒序排列。
c)列表文字、行高、列表头应符合应用环境;
d)数据精度要统一;例如仪表参数的上限、下限显示的小数点位数要一致;
e)确保相同含义属性/字段名的统一。例如同样是“创建时间”字段,有的列表显示月日年时分秒有的地方显示月日年时分就不太合适;
f)列表中父类的选择问题.例如有药品大类A B C,A类包含a1 a2 a3三种药品类别,B类包含1 b2 b3三种药品类别,下拉表中显示A B C及ABC下的子分类。要控制A或B或C不能被选则,
选择实际的药品分类a1 a2 a3 b1 b2 b3等;
g)列表中内容过长;
当信息比较长,会显示不全,建议添加title属性,开发人员考虑实际情况添加。
自己开发时最好也不要加fhdjfh或123这样的数据,尽量考虑到实际。
例如:公司地址一般是比较长的,要加上title属性;
3文本框
a)滤特殊字符“@%#¥%’<iframe. src="www.baidu.com"></iframe>
<script>alert("hello");</script>
<B>粗体</B>”:添加信息时,填写了非法字符,有可能造成数据库被注入;
b)验证空格:只填写空格也可以保存成功。例如,添加药品信息时,我填写项中敲个空格也可以添加成功;查询时没有验证空格:查询企业信息,在企业信息名中输入“山东方明”(山东方明
+空格)是查不出来的,应该使用trim()过滤掉空格;
c)数据类型验证:例如需要输入数字的文本框不允许输入字母、中文等信息;
d)数据长度验证:当用户输入的数据长度过长时需要给用户一定的提示,而不是保存时自动截断;
4下拉列表
a)下拉表有重复数据。例如很多药品名字是一样的,但规格不一样,所以采用名字+规格的方式加以区别
b)下拉列表中内容过长:。如果下拉表名字太长,信息显示不全,可以采用加title的方式。
c)当选择下拉框不存在默认值时,则默认为“请选择”;当存在默认值时,请绑定显示默认值。
5图片
页面中的图片大小以适合用户屏幕分辨率为佳,同时兼顾图像文件大小以适应网络传输;
6时间控件
a)时间选择
某些时间要限制不能选择未来的时间。例如填写事故维修单,选择事故发生时间,不可以选择未来的某个时间。要限制选择今天之前的时间。
选择开始时间不能大于结束时间(OPCMES项目中已经做了统一的设置,不合理的数据限制用户选择);
b)时间查询
只填写开始时间:查询开始时间之后的记录;
只填写结束时间:查询结束时间之前的记录;
开始时间、结束时间都填写:查询本时间段的记录;
查询容易犯的错误
只填写开始时间或结束时间查询无结果。因为sql语句涉及了开始和结束两个时间,这个地方要特别注意一下。
7报表控件
导出报表
报表显示时应考虑数据显示宽度的自适应或自动换行;
8滚动条
要设置页面或窗口的适当宽、高。默认情况下尽量不要显示滚动条,只有某个字段过长时显示滚动条。例如企业信息查看时,企业名称一般情况下只占一行,这时不要显示滚动条,当企业名称过长,占到了两行时显示滚动条;
9提示语
a)提示信息中标点符号请统一为全角符号。
b)提示信息如有主语,请统一为‘您’。
c)复杂的操作在成功后给予提示信息。
d)需要后续操作的操作在成功后给予提示信息。
e)提示信息不宜太长,宽度不能超过当前窗口的1/2;当超过此比例时,请视具体情况进行换行。
10界面传递
a)当父窗体与子窗体都存在同样的查询条件时,父窗体已输入的查询条件必须被带到子窗体中;
b)当子窗体的任何操作影响了父窗体的数据时,子窗体关闭返回必须刷新父窗体的数据;
c)关闭父窗体必须连同子窗体一同关闭。
d)子窗体的大小最好不要超过父窗体,且最好不要遮住父窗体的主要信息。
11.窗口嵌套
a)如果存在多层嵌套窗口,每层窗口弹出时都自动往右下移动一点点,以保证不遮盖上层窗口标题为准;
b)窗口嵌套层次最好不超过3层;
12快捷键的限制
由于IE本身的一些原因,避免一些不必要的错误,故对其进行限制。
a)在用户没有提供明确需求情况下,限制F5、IE工具栏、退格键(仅限页面不限输入框)、Ctrl+N的使用;
b)限制右键菜单的使用。避免重复刷新提交引起错误;
13界面布局 对界面布局、分辨率的规范
a)必须要能自适应多种分辨率。
b)界面层次不宜超过3层。
c)默认窗口设置下,不应出现水平、垂直滚动条。