Jsp页面开发规范.pdf

Jsp页面设计规范

一、编写目的

为了规范jsp页面的设计，特制定本规范手册。

二、适用范围

本规范文件所提及的内容仅对本部门范围内的jsp页面设计有

效。Jsp页面包含列表页面和编辑(增加和修改)页面。

三、标签命名规则

1、每个标签需设置id和key两个属性。

2、常规标签

常规标签id属性建议用前缀名+对应的表字段名来描述(全部

小写),key即显示出来的中文名称，用业务名称描述;如果标签与数

据库字段绑定，就不适合以下规则，直接使用表字段名。

标签前缀
checkboxcb
radiord
texttxt
selectInputsipt
treetre
3、按钮标签

按钮IDkeyhotKey
查询btnQuery查询[Q]q
删除btnDelete删除[D]d
增加btnAdd增加[A]a
修改btnEdit修改[E]e
重置btnRetset重置[R]r
保存btnSave保存[S]s
关闭btnClose关闭[C]c
4、容器标签

1
标签前缀
formfrm
buttonLayoutbtnlyt
checkboxgroupcbgrp
fieldsetflt
panelpnl
radiogrouprdgrp
panelToolBarpnltbr

4、表格标签

标签前缀
datagriddg
datagridItem直接使用表字段名
gridToolButtongdtbn

四、列表页面设计

1、设计准备

新建一jsp页面并清除所有代码，再将jsp页面模板中的代码复

制到新建的页面中去。

在自定义页面代码区域添加完成业务功能模块需要的标签。

2、页面布局

每个列表页面布局大体分为查询条件设置区域、数据主操作按

钮区域和数据列表展示区域。如下图所示：

2
其中:

查询条件设置区域包含查询条件标签和“查询”、“重置”等按钮。

数据主操作按钮区域包含“增加”、“打印”、“导出”等按钮。建

议不提供批量删除功能，即该区域不设计“删除”按钮；

数据列表展示区域包含表格标签，为了实现单记录的操作，可在

表格每行最后一列中加“删除”和“编辑”功能；同时表格实现分页

功能。

3、页面模版

见《jsp列表页面模版.jsp》文件。

五、编辑页面设计

1、编辑包含增加和修改两个功能，这两个功能页面用一个页面来

维护，而且编辑页面须在当前列表页面上用模式窗口展现；

2、设计准备

新建一jsp页面并清除所有代码，再将jsp编辑页面模板中的代

码复制到新建的页面中去。

在自定义区域添加完成业务功能模块需要的标签。

3
4、页面布局

每个列表页面布局大体分为数据项设置区域和数据主操作按钮

区域。如下图所示：

保存按;钮：保存数据并关闭页面
关闭按钮：放弃数据修改关闭页面；
5、页面模版

见《jsp编辑页面模版.jsp》文件。

4