jsf
JSF-mallar
Sök…
Anmärkningar
JSF tillhandahåller speciella taggar för att skapa gemensam layout för en webbapplikation som kallas fasetter- taggar. Dessa taggar ger flexibilitet att hantera vanliga delar av flera sidor på en plats.
namnrymderna:
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
Hur man skapar en mall
Ställa in en mall för en applikation
Skapa en fil med namnet template.xhtml under mappen /WEB-INF , på det sättet kommer mallfilerna endast att vara tillgängliga för ramverket.
/WEB-INF/template.xhtml
<!DOCTYPE html>
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<h:head>
<title><ui:define name="title">Default title</ui:define></title>
</h:head>
<h:body>
<!-- Some styles that we might include for our whole application -->
<h:outputStylesheet name="css/template.css" />
<!-- Shared content for the application, e.g. a header, this can be an include -->
<div>
Application Header
</div>
<!-- The content we want to define in our template client -->
<div>
<ui:insert name="content" />
</div>
</h:body>
</html>
Den här filen fungerar som en mall för applikationen. Nu definierar vi en specifik vy i vår visningskatalog.
/home.xhtml
<ui:composition template="/WEB-INF/template.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<ui:define name="title">Home</ui:define>
<ui:define name="content">
Welcome to the application!
</ui:define>
</ui:composition>
Titta på template i den här klientvyn, detta berättar för JSF att använda den mall vi vill ha. Sedan använder vi <ui:define> vi specifikt innehåll som ska infogas där det berättas i mallen. Åtkomst till /home.xhtml i klienten ger hela resultatet.