社保核心平台三版培训资料-页面开发指南.doc

文档编号 B10-TR-C07-JB_HXPT-01 版本号 V1.0 发放号 F01 受控状态 受控 社会保险管理信息系统核心平台三版 培训资料 页面开发指南 编制部门： 社会保险管理信息系统核心平台三版项目组 编制人： 技术支持组 编制日期： 2008-11-17 审核人： 魏文麟 审核日期： 2008-12-15 批准人： 批准日期： 北京利博赛社保信息技术有限公司发布 文档修改历史 版本 修改记录 修改日期 修改人 目 录 1 概述 - 1 - 2 JSP开发及典型页面 - 1 - 3 常用标签说明 - 7 - 3.1 HTML小标签 - 7 - 3.1.1 基本标签 - 8 - 3.1.2 显示标签 - 13 - 3.1.3 录入标签 - 16 - 3.1.4 选择标签 - 25 - 3.1.5 查询标签 - 31 - 3.1.6 按钮标签 - 33 - 3.1.7 布局标签 - 34 - 3.1.8 图像标签 - 36 - 3.1.9 地区树标签 - 37 - 3.2 其他HTML小标签 - 38 - 3.2.1 verifycodeinp标签： - 38 - 3.2.2 verifycode标签： - 38 - 3.2.3 继承struts-html的小标签： - 39 - 3.3 支持el表达式的标签 - 39 - 3.4 大型标签 - 39 - 3.4.1 Grid标签 - 39 - 3.4.2说明： - 39 - 3.4.3 图示效果： - 40 - 3.4.4 标签特点（优点） - 40 - 3.4.5 样例 - 42 - 3.4.6重点问题说明 - 47 - 3.4.7 注意事项 - 60 - 4 JSP标记 - 60 - 4.1 JSP标记简介 - 60 - 4.2 JSP标记的使用 - 60 - 4.2.1 tag文件 - 61 - 4.2.2 JSP引用 - 62 - 5 附录： - 62 - 5.1 Grid常用JS说明 - 62 - 5.2 mask属性值列表 - 65 - 5.3 text,codeselect标签中，disable,disabled,readonly说明 - 66 - 概述 核心平台三板采用了BSS结构的模式进行开发，JSP页面是系统最主要的展示界面，直接影响用户对应用系统的接受度，因此需要规范来统一界面风格，提高代码的可维护性。 目标 本文档描述了核心平台三版的JSP书写规范及常用标签的用法，用于指导JSP页面的开发。 阅读对象 本文适用于以下读者： 在核心平台开发中承担开发工作的页面开发人员； 在核心平台开发中承担任开发工作的系统开发人员； JSP开发及典型页面 一般的JSP页面需要包括以下几部分： Attribute区：主要通过request.getAttribute () 从Action中得到相关参数，用于页面的控制，还有一些初始变量的定义； Head区：在html标签之内，主要包含程序中即将应用的css和js文件与页面显示标题。可选用base标签或head标签 Body区：主要是Html代码，实现界面的显示。可选用body标签。 Body区的开发需要大量使用框架提供的XartWebui标签。 Javascript区：JS逻辑代码； JSP的模板代码如下 (template.jsp) : %@page contentType=text/html;charset=GBK language=java pageEncoding=gbk% %@ taglib uri=/WEB-INF/sicp3.tld prefix=sicp3% html % String ctxpath = request.getContextPath()； % sicp3:head script type=text/javascript !-- // 修改数据 function editGrid(rowId) { Grid1.Edit(Grid1.GetRowFromClientId(rowId))； } // 提交修改的数据 function editRow(actionUrl) { Grid1.EditComplete(null，actionUrl)； } // 删除选中的数据 function deleteRow(rowId，actionURI) { Grid1.Delete(Grid1.GetRowFromClientId(rowId)，null，actionURI)； } // 添加数据行 function