I am a newbie to JSF and facelets. I am trying to create a facelets template based on this tutorial. The common.xhtml
does not display any text in header/content/footer.xhtml
. I've read several posts relevant to this topic on stackoverflow, and tries several different exps based on those posts, but none of them works. localhost:8080/AppName/templates/common.xhtml
always a blank page but localhost:8080/AppName/templates/header.xhtml
renders correctly.
Any help is appreciated. What did I miss here?
header.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">
<body>
<ui:composition>
<h1>Default Header</h1>
</ui:composition>
</body>
</html>
footer.xhtml and content.xhtml are similar so they are omitted here.
common.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"
xmlns:f="http://java.sun.com/jsf/core">
<h:head></h:head>
<h:body>
<div id="header">
<ui:insert name="header">
<ui:include src="/templates/header.xhtml" ></ui:include>
I've tried the followings header.xhtml, templates/header.xhtml, ./header.xhtml, #{request.contextPath}/templates/header.xhtml but the common.xhtml still shows a blank page
</ui:insert>
<br></br>
</div>
<div id="content">
<ui:insert name="content">
<ui:include src="/templates/content.xhtml" ></ui:include>
</ui:insert>
<br></br>
</div>
<div id="footer">
<ui:insert name="footer">
<ui:include src="/templates/footer.xhtml" ></ui:include>
</ui:insert>
<br></br>
</div>
</h:body>
</html>
project file structures:
WebContent
|->META-INF
|->WEB-INF
|->templates
|-> common.xhtml
|-> footer.xhtml
|-> header.xhtml
|-> content.xhtml
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
id="WebApp_ID"
version="3.0">
<display-name>MathTrainerJSFDemo</display-name>
<welcome-file-list>
<welcome-file>pages/common.xhtml</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/*</url-pattern>
</servlet-mapping>
<context-param>
<description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
<param-value>client</param-value>
</context-param>
<context-param>
<param-name>javax.servlet.jsp.jstl.fmt.localizationContext</param-name>
<param-value>resources.application</param-value>
</context-param>
<listener>
<listener-class>com.sun.faces.config.ConfigureListener</listener-class>
</listener>
</web-app>