J2EE界面开规范.docVIP

WEB界面开发规范 文件更改摘要： 日期 版本号 修订说明 修订人 审核人 批准人 目录 1. 引言 4 1.1. 编写目的 4 1.2. 适用范围 4 2. 美工 4 2.1. 分辨率适应 4 2.2. 全局项 4 3. 规范 4 3.1. 浏览器 4 3.2. 滚动条 4 3.3. 工具按钮 5 3.4. 字段描述 5 3.5. 列表呈现 5 3.6. 查询条件 5 3.7. 编辑表单 6 3.8. 数据引用 6 3.9. 时间项 6 3.10. 数据提交 7 3.11. 提示信息 7 3.12. 数据呈现 7 3.13. 快捷键 8 3.14. 重新登录 8 4. 图示 8 4.1. 滚动条 8 4.2. 管理界面 9 4.3. 编辑表单 9 4.4. 数据效验 10 4.5. 布局块 10 5. 评分 11  引言 编写目的 此文档描述了J2EE界面开发时需要遵守的一些规范及建议，包括界面样式、布局、元素、操作等规范。针对规范项，会有考核评分标准。 项目在编写需求规格说明书或详设时，参照此规范。 项目在编码前，项目组必须组织详细阅读此规范，从而统一开发标准，提高开发质量。 质管测试时，以此文档的规范项，对界面开发进行质量考核评分。 适用范围 J2EE开发人员，美工，产品经理，开发经理，质管。 美工 分辨率适应 界面调整需要在1024*768的分辨率下进行。 要适应1024*768 及以上的主流分辨率，比如：1280*768，1366*768。 全局项 界面开发前，由美工设计出系统全局样式风格，并确定全局样式文件。 统一调用样式文件 规范 浏览器 要求必须能兼容IE6、7、8、9，FireFox。 滚动条 浏览器body标签，不允许出现滚动条，只允许布局块有滚动条(是以下两点的前提)。 含查询块，工具栏与列表块的管理界面，查询块与工具栏不允许被滚动条滚出视野，只允许列表有滚动条。 不需要滚动条的地方不出现滚动条；不能出现多层嵌套的滚动条，不美观，也不易操作。 工具按钮 系统前期，由美工确定一组可用按钮图标，样式文件，并明确每个图标的功能；开发过程中，如需要新图标，统一向美工订制，不允许自己随意加图标。 同一组工具栏内，不可出现重复的按钮图标；即使功能相似，也要区分。 同一系统内，按钮名称相同，按钮图标也要相同。 不可用的按钮不在界面显示。 字段描述 任何字段描述或者表头描述，尽量以4个汉字简明的表达意思，不能用英文，或数据库中的英文字段名（一般在需求或详设时已经确定字段及表头描述，所以在做需求或详设时尽量以此为准；不能以4个字描述清楚或项目组要求按pdm模型设计为准的除外；行业标准认定的英文可用；）。（建议，以需求或设计为准） 同一模块内对同一字段描述要一致； 列表呈现 列表字段宽度要尽量适应内容宽度，单列最宽不超过350px（30个中文），字段较少时，最后一列除外；如果内容过多，则以省略号...表示，但光标移上要有tip提示（前提是列表控件支持，普通表格，程序员自行实现）；数值列和时间列，界面初始时内容一定要全显。时间值，最多显示到秒（特殊业务要求除外）；ID列不显示（用户要求除外）。 列表不需要使用复选框时，复选框不允许出现。 列表不需要分页时，分页栏不允许出现；需要时，默认置于列表右下角（除非用户要求放其它位置）；分页数据量，系统要统一标准，建议以下几种标准：30行、50行、100行、200行。 列表数据呈现时，要求第一行默认被选中（由列表控件统一实现，普通表格则程序员自己实现）。 假分页 查询条件 当查询条件与结果列表在同一界面： 列表中未显示的字段，不允许作为查询条件；查询条件字段描述必须与列表表头描述一致。 当某个查询条件输入框要输入的内容较长时，输入框允许跨列。 当查询条件在一个单独的页面，可当作编辑表单处理，见2.9。 编辑表单 针对必填项，必须要有提示，如红色星号或高亮显示等。 数值字段，只允许输入数值；时间字段，只可选取时间。电话号码，邮箱地址（XX@XX.XX，包含”@”和”.”符号），IP地址（XXX.XXX.XXX.XXX，XXX代表=255的数字）以及其它有特定格式的字段，都要求符合格式。 必须在前端提示与限制文本框可输入字符个数（以pdm模型设计为准），不允许文字过长保存时直接被数据库截断甚至报异常。 提交的字段数据，应忽略前后空格，中间空格不忽略。