jsf
Szablony JSF
Szukaj…
Uwagi
JSF zapewnia specjalne tagi do tworzenia wspólnego układu aplikacji internetowej o nazwie facelets tags. Te tagi zapewniają elastyczność zarządzania wspólnymi częściami wielu stron w jednym miejscu.
Przestrzenie nazw:
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
Jak stworzyć szablon
Konfigurowanie szablonu dla jednej aplikacji
Utwórz plik o nazwie template.xhtml w folderze /WEB-INF , w ten sposób pliki szablonów będą dostępne tylko dla frameworka.
/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>
Ten plik będzie działał jako szablon dla aplikacji. Teraz zdefiniujemy konkretny widok w naszym katalogu widoków.
/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>
Spójrz na atrybut template w tym widoku klienta, to mówi JSF, aby używał szablonu, który chcemy. Następnie za pomocą <ui:define> definiujemy konkretną treść do wstawienia tam, gdzie jest to wskazane w szablonie. Dostęp do /home.xhtml w kliencie spowoduje wyświetlenie całego wyniku.