jsf
JSF-Vorlagen
Suche…
Bemerkungen
JSF bietet spezielle Tags zum Erstellen eines allgemeinen Layouts für eine Webanwendung, die als Facelets- Tags bezeichnet wird. Mit diesen Tags können Sie gemeinsame Teile mehrerer Seiten an einem Ort verwalten.
Namensräume:
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
So erstellen Sie eine Vorlage
Einrichten einer Vorlage für eine Anwendung
Erstellen Sie im Ordner /WEB-INF eine Datei mit dem Namen template.xhtml diese Weise sind die Vorlagendateien nur für das Framework zugänglich.
/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>
Diese Datei dient als Vorlage für die Anwendung. Jetzt definieren wir eine bestimmte Ansicht in unserem Ansichtsverzeichnis.
/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>
Schauen Sie sich das template in dieser Clientansicht an. Dies weist JSF an, die gewünschte Vorlage zu verwenden. Mit <ui:define> wir dann den spezifischen Inhalt, der dort eingefügt werden soll, wo er in der Vorlage angezeigt wird. Durch den Zugriff auf /home.xhtml im Client wird das gesamte Ergebnis /home.xhtml .