第11讲 Tiles标签库的使用.ppt

知识回顾 1 比较运算标签的工作原理及主要标签的应用 2 判断指定内容是否存在标签 字符串匹配的功能 属性及实例的应用 3 遍历标签 转发和重定向标签的功能 属性 J2EE之Struts架构应用 教学课件 第11讲Tiles标签库的使用教学目标 1 主要了解Tiles标签库的提出背景 特点 特性及使用前提条件 2 进一步掌握通过include元素实现复合视图的使用 3 掌握Tiles模板实现复合视图 基于XML文件与Tiles模板实现复合式网页 Action类调用Tiles模板 Tiles组件的可扩展特性 J2EE之Struts架构应用 教学课件 一 Tiles标签库的概述 1 提出背景利用布局管理器来创建GUI界面有以下优点 可重用性可扩展性可维护性但JSP技术本身没有直接提供布局或布局管理器 为优化Web页面的开发 提高可重用性和可扩展性 从而使用Tiles模板 2 Tiles模板的特点1 让网页的配置元素与内空分离 同一模板可以被多个Web页面共用2 抽换每一个内容网页 也可重用每一个版面配置3 简单的Tiles组件可以被组合或扩展成为更复杂的Tiles组件3 Tiles标签库的主要内容通过标签实现复合式网页通过Tiles模板实现复合式网页通过StrutsAction类来调用Tiles组件应用通过Tiles组件实现组合应用Tiles组件的扩展应用 4 Tiles框架的特性构建模板能力强创建可重用的模板 支持布局重用支持多业务通道动态构建和装载页面定义可重用的Tiles组支持国际化 5 使用前提条件1 Web xml中加入Tiles标签库 struts html WEB INF struts html tld2 使用标签库所需要的jar文件commons beanutils 1 8 0 jar commons digester 1 8 jarcommons fileupload 1 1 1 jar commons logging 1 0 4 jarcommons validator 1 3 1 jar struts jar3 页面加入 二 通过include元素实现复合视图 1 作用使用include指令与其他文件可在编辑时或在运行时动态引入到一个JSP页面2 类型1 静态2 动态 3 使用include元素实现复合网页的应用例11 1使用include元素实现复合网页的应用 代码 见项目jiang110缺点 存在一些局限性 因为仍然存在可能要进行大量的复制 引入通用部分的每个JSP都将复制include定义 若要包含一个或多个文件的名称发生更改 需要列新包含他们的各自文件 三 Tiles模板实现复合视图1 标签1 作用用于指定模板文件 以及将Tiles定义或属性插入到JSP页面中 2 优势 同一模板可以被多个Web页面共用 容易实现Web应用的所有页面保持相同的外观和布局 采用Tiles模板机制 大大提高了代码的可重用性和可维护性 可以利用Tiles组件的可扩展特性来进一步消除冗余代码 3 属性 2 标签1 作用用于指定各个组件对应的实际文件 以及指定相关的属性或参数 2 格式head3 基本的应用 3 和标签1 作用前者用于定义包含中各个属性组成的有序集合的列表属性 定义为until list类 后者用于实例的设置 2 实例 4 标签1 作用使得某个Tiles组件的上下文属性在整个页面上下文中有效 2 属性 例11 2Tiles模块的应用代码 见项目jiang111说明 index jsp是各个组件或页面的实际文件 而通过其他页面具体指定实际位置 forward只定义了在什么位置插入某组件 而该组件对应的实际文件则定义到其他页面中 改变index jsp中的实际文件名称时 只需在该文件中作相应修改 而且其它文件使用该文件时 只需使用其对应的name属性的名称即可 四 基于XML文件与Tiles模板实现复合式网页 1 Tiles模板文件的描述说明 的name指定Tiles模板的名称 path指定Tiles所使用的模板文件 的子元素用于向模块中插入具体的网页内容 2 基于XML与Tiles模板的使用1 使用的前提条件在struts config xml中导入Tiles插件TilesPlugin 并且使用多个初始化参数 2 XML文件中Tiles模板的使用例11 3复合式网页的形成 步骤 A 创建项目jiang112 并导入支持Struts框架所需的文件 B 在web xml文件中配置所需要的Struts标签文件C 在WebRoot下新建一个文件夹image 用于存放图片 向文件夹中导入事先准备好的图片 D 在WebRoot下新建一个文件夹css 用于存入CSS样式文件style css E 新建floorOne jsp的页面文件 使用元素加载floorOne jpg图片 同理新建bootem jsp left jsp right jsp文件 加载相应位置上的图片 F 创建forward jsp 该文件为网页的模板文件 使用标签在相应的位置上定义要插入的文件 G 在WEB INF中定义一个XML文件tiles defs xml配置文件 用来定义一个模版 进行编码 通过该配置文件将前面所创建的JSP文件映射指定的标识符 H 打开struts config xml进行配置 I 创建本项目首页文件index jsp 首先使用taglib指令引用tiles标签 然后使用标签引模块 J 发布或布暑到服务器中 并运行 五 通过Struts中Action类调用Tiles模板例如若通过StrutsAction来调用名为 index definition 的Tiles组件 则在Struts配置文件中配置相应的Action映射 运行过程 http localhost 8080 jiang112 index do 六 Tiles组件的可扩展特性 1 利用Tiles组件的可扩展特性来进一步消除冗余代码 方法 先在tiles defs xml文件中定义一个包含这两个Tiles组件的共同内容的父类Tiles组件 命名为 base definition 然后再让 index definition 和 product definition 这两个Tiles组件继承这个父类组件 2 定义父类Tiles组件 3 Tiles组件继承另一个Tiles组件 说明 其中definition元素的extends属性指定被扩展的父类Tiles组件 小结 通过本次的讲解分析 让大家主要了解Tiles标签库的提出背景