《高级Web技术》参考资料：3-应用web_5-J2EE框架_阅读参考资料_J2EE高级框架实战教学视频PPT_PPT_12Tiles布局

guokehua(@yahoo.com.cn oy Java 1010 12 Tiles布局 2008-3-10 郭克华EE框架实战教学视频

2008-3-10 1 oy Java! J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 12Tiles 12Tiles布局

guokehua(@yahoo.com.cn 了场景 B:业务信息区,如输入检查 错误信息、数据操作成功信息 等,使用 Action errors收集管理 考试成绩输入 在该区域显示 补考成绩输入 考试成绩查询 C:业务区,以下 画面功能均在业务 A:menu区 区中实现 008-3-10 郭克华JEE框架实战教学视频

2008-3-10 2 J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 场景 － □ × 考试成绩输入 补考成绩输入 考试成绩查询 A：menu区 C：业务区，以下 画面功能均在业务 区中实现 B：业务信息区，如输入检查 错误信息、数据操作成功信息 等，使用ActionErrors收集管理 ，在该区域显示

guokehua a(@yahoo.com.cn 了以上页面有什么特点? 页面大部分内容是相同的,只有业务区 的内容不一样 1010 你采用什么办法来解决这个问题? 用框架可以解决这个问题。 但是框架不是很灵活 1·不用框架你用什么方法实现? 页面上画表格 008-3-10 郭克华J2EE框架实战教学视频

2008-3-10 3 J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 以上页面有什么特点？ 以上页面有什么特点？ • 页面大部分内容是相同的，只有业务区 页面大部分内容是相同的，只有业务区 的内容不一样 • 你采用什么办法来解决这个问题？ 你采用什么办法来解决这个问题？ • 用框架可以解决这个问题。 用框架可以解决这个问题。 • 但是框架不是很灵活 但是框架不是很灵活 • 不用框架你用什么方法实现？ 不用框架你用什么方法实现？ • 页面上画表格

guokehua(@yahoo.com.cn 了几种传统的办法 1:页面上画表格 缺陷:重复代码多,见版本1 1010 2:利用JSP的 include指令 缺陷: include指令也会大量重复 JsP数量增加了,这个不好 见版本2 008-3-10 郭克华J2E框架实战教学视频

2008-3-10 4 J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 几种传统的办法 几种传统的办法 • 1：页面上画表格 ：页面上画表格 – – 缺陷：重复代码多，见版本 缺陷：重复代码多，见版本1 • 2：利用JSP的include include指令 – – 缺陷：include include指令也会大量重复 指令也会大量重复 – – JSP数量增加了，这个不好 数量增加了，这个不好 – – 见版本2

guokehua(@yahoo.com.cn 了采用 tilesHinsert标签 tilesinsert>标签和 JSP include有相同 功能,都由page属性来决定添加的页面 叫·1:导入 struts中相关的包 2:引入标签库 但是大家可以看出,和前面那种方法没有本质 区别 008-3-10 郭克华J2EE框架实战教学视频

2008-3-10 5 J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 采用tiles:insert tiles:insert标签 • 标签和JSP include JSP include有相同 功能，都由page属性来决定添加的页面 属性来决定添加的页面 • 1：导入struts中相关的包 • 2：引入标签库 – • 但是大家可以看出，和前面那种方法没有本质 但是大家可以看出，和前面那种方法没有本质 区别

guokehua(@yahoo.com.cn 了采用tues模版解决这个问题 造成我们窘境的是:页面的内容我们可 以只写一次,但是页面的布局必须写多 1010 次,因为多个页面可能有相同的布局 我们的方法是:将页面布局统一写成模 Q版,让别的页面调用这个模版 008-3-10 郭克华J2EE框架实战教学视频

2008-3-10 6 J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 采用tiles模版解决这个问题 模版解决这个问题 • 造成我们窘境的是：页面的内容我们可 造成我们窘境的是：页面的内容我们可 以只写一次，但是页面的布局必须写多 以只写一次，但是页面的布局必须写多 次，因为多个页面可能有相同的布局 次，因为多个页面可能有相同的布局 • 我们的方法是：将页面布局统一写成模 我们的方法是：将页面布局统一写成模 版，让别的页面调用这个模版 版，让别的页面调用这个模版

guokehua(@yahoo.com.cn J_步骤 方法:定义模版文件 layout jsp,在页 面布局的代码中定义时, 1010 用 attribute定义逻辑名称 各个页面在使用时,利用 tiles: put name=逻辑名称〃va1ue=N页 1面名称"/> 008-3-10 郭克华J2EE框架实战教学视频

2008-3-10 7 J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 步骤 • 方法：定义模版文件 方法：定义模版文件layout. layout.jsp，在页 面布局的代码中定义 面布局的代码中定义时， 用attribute attribute定义逻辑名称 • 各个页面在使用时，利用： 各个页面在使用时，利用：

guokehua(@yahoo.com.cn 了练习 页面分为左右两部分,左边有两个链接 显示学生资料和模糊查询学生资料,点 1010 击相应链接,在右边可以出现相应的页 面 ·自学Ties组件 008-3-10 郭克华J2EE框架实战教学视频

2008-3-10 8 J guokehua@yahoo.com.cn 郭克华J2EE框架实战教学视频 练习 • 页面分为左右两部分，左边有两个链接： 页面分为左右两部分，左边有两个链接： 显示学生资料和模糊查询学生资料，点 显示学生资料和模糊查询学生资料，点 击相应链接，在右边可以出现相应的页 击相应链接，在右边可以出现相应的页 面 • 自学:Tiles组件