web功能界面设计规范

《web功能界面设计规范》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Web应用界面设计规范Web页面通用规范XXXX软件技术有限公司Web应用界面设计规范修订记录版本修订说明作者审核审核日期1.0Web应用界面设计规范目录WEB页面通用规范11引言11.1目的11.2范围12一般页面功能说明12.1新增12.2修改12.3删除12.4查询22.5取消22.6提交22.7重置22.8返回22.9分页22.10全选33一般页面规则说明33.1默认值33.2必填项33.3界面传递33.4窗口嵌套33.5输入框44页面元素交互44.1操作结果确认44.2其他规则4Web应用界面设计规范1引言1.1目的本文

2、用于规范我公司所开发的产品中对于页面的通用需求设计工作，明确在设计中所要遵循的准则和方法，web页面中各个通用功能元素的规格要求，确保所实现的通用功能按钮在结构和功能上的统一，提升软件产品的品质。1.2范围本规范适用于公司所有的软件产品。2一般页面功能说明2.1新增当新增一条或多条记录，要求：l新增的记录必须排在首页首行；l必填项字段必须有特殊标示；l提交时需对必填项字段进行重复值、空值（空格）判断；l新增内容提交失败后，须保留用户修改的内容，以便再次修改提交；l新增成功后必须有成功提示。2.2修改当进行单条或多条记录的修改时，要

3、求：l如界面存在复选按钮，勾选多条记录进行修改时，每次只能对一条记录进行修改，默认修改内容为第一条的提示信息；l必填项字段必须有特殊标示；l修改后加载的内容应为的实际内容，而不再为默认值；l修改完成后须回到原记录所在位置，且刷新显示修改后的值；l修改内容提交失败后，须保留用户修改的内容，以便再次修改提交；l在查询条件下修改后返回，如不满足查询条件则不显示；l需对主标识字段进行重复值、空值（空格）判断；l修改成功后必须有成功提示。2.3删除当删除一条或多条记录，要求：第4页Web应用界面设计规范l必须有确认删除的提示信息；l删除成功

4、后刷新，不显示删除的记录；l当被删除的记录与其他记录存在关联时，提示界面给予不允许删除、更明细提示等信息；l删除成功后必须有成功提示。1.1查询当按照条件查询时，要求：l每次查询后保留当前输入的查询条件；l当未查询到任何记录时，需给予未查找到相关记录的提示信息；l除了用户明确要求不需要外，需提供模糊查询功能；1.2取消当进行取消当前修改并返回时，要求：l取消请给予提示；l取消返回到原记录所在状态；1.3提交当提交内容时，要求：l当提交所费的时间较长时，需给出等待的提示，如：沙漏；l提交成功后不可重复提交；1.4重置重置是恢复变更前

5、的状态，要求：l必须保证重置后与初始进入此页面时一致性；1.5返回当需要返回前一个页面时，要求：l当从一个页面点击按钮或链接进入子页面时，子页面必须提供返回按钮；1.6分页当需要分页显示数据时，要求：l当对查询结果进行分页时，分页的同时需要能够执行查询功能；l当页数较多时，允许输入具体页数进行查询；第4页Web应用界面设计规范1.1全选当在一个页面上存在多个同类内容的复选框时，需要提供全选的功能，要求：l勾选全选，则选中当前页面所有记录；l去掉当前页面某个记录的勾选，则全选也去掉勾选；l刷新页面后，自动去掉已勾选的记录及全选的勾选

6、；2一般页面规则说明2.1默认值各个页面都会存在默认值。要求：l当输入框不存在默认值时，默认为空，当存在默认值时，请显示默认值l当选择下拉框不存在默认值时，则默认为“请选择”，当存在默认值时，请显示默认值；2.2必填项对界面必填项的要求：l界面的必填项必须以红色*号标识出来（或者有特殊提示说明）。l当必填项没有填写时，可在光标准备移走时，在文本框后以“请输入”红色文字标识；l如果必填项没有填，可以通过弹出信息的方式来提示，或者光标移走时弹出，或者最后提交时弹出。2.3界面传递对于程序执行过程中，会出现父窗体与子窗体参数同步传递的情

7、况，规则是：l当父窗体与子窗体都存在同样的查询条件时，父窗体已输入的查询条件必须被带到子窗体中；l当子窗体的任何操作影响了父窗体的数据时，子窗体关闭返回，但必须刷新父窗体的数据；l关闭父窗体必须连同子窗体一同关闭；l子窗体的大小不能超过父窗体，且不要遮住父窗体的主要信息；2.4窗口嵌套针对多层页面窗口的嵌套情况，要求：l如果存在多层嵌套页面窗口，每层页面窗口弹出时都自动往右下移动一点点，以保证不遮盖上层页面窗口标题为准；l页面窗口嵌套层次最好不超过3层；2.5输入框第4页Web应用界面设计规范对于输入框操作的限制，规则是：l只允许

8、输入数字的输入框需要控制其它字符的输入，或在输入非法值时给予提示，或在输入框内不再捕获非法值；l只允许输入日期、时间的输入框需要通过格式化方式约束输入，而不是输入非法值后给出提示；l当输入的内容达到了字段的长度限制时，不显示新输入的的数值，并提示不