Facelets模板的使用

最新推荐文章于 2018-04-27 14:00:01 发布

星.河.璀.璨

最新推荐文章于 2018-04-27 14:00:01 发布

阅读量1.4k

点赞数

分类专栏： JSF专题文章标签： ui insert include xhtml html encoding

本文链接：https://blog.csdn.net/zavens/article/details/4663384

版权

JSF专题专栏收录该内容

25 篇文章 0 订阅

订阅专栏

Facelets模板涉及到3类文件：一类是模板文件，一类是视图文件（页面文件），一类是内容文件。
模板文件是具有视图文件中相同界面元素部分，并在其中定义了可插入的编辑区域来加入不相同的部分，使用“<ui:insert name="zoneName">默认内容</ui:insert>”来定义编辑区域；
视图文件是我们具体要实现的页面，也就是在地址栏引用的页面，在该文件中使用<ui:composition>标签来定义该页面使用的模板（<ui:composition>的template属性来定义），以及在模板中各个插入区域要显示的内容（在<ui:composition>内容区域使用<ui:define name="zoneName">来定义），<ui:define>标签对中的内容可以使用普通标签，也可以使用<ui:include>来包含第三类文件（内容文件）；
内容文件是普通的含有HTML或其他标签的文件，它将被视图文件中的<ui:include>来引用。
请看如下例子：
模板文件：2ji.xhtml

<?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Facelets Template</title> </h:head> <h:body> <div id="top"> <ui:insert name="top">Top</ui:insert> </div> </h:body> </html>

视图文件：index.xhtml

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" template="2ji.xhtml"> <ui:define name="top"> <ui:include src="/top.xhtml" mce_src="top.xhtml"/> </ui:define> </ui:composition>

内容文件：top.xhtml

<p>top pages</p>

其实如果内容文件简单，可以省去，将内容直接放入视图文件中。