jsf
Modelli JSF
Ricerca…
Osservazioni
JSF fornisce tag speciali per creare layout comuni per un'applicazione Web denominata tag facelets . Questi tag offrono flessibilità per gestire parti comuni di più pagine in un unico posto.
Namespace:
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
Come creare un modello
Impostazione di un modello per un'applicazione
Creare un file denominato template.xhtml nella cartella /WEB-INF , in questo modo i file del modello saranno accessibili solo per il framework.
/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>
Questo file fungerà da modello per l'applicazione. Ora definiremo una vista specifica nella nostra directory di visualizzazione.
/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>
Dai un'occhiata all'attributo del template in questa vista client, questo dice a JSF di usare il modello che vogliamo. Quindi, usando <ui:define> definiamo il contenuto specifico da inserire dove viene detto nel modello. L'accesso a /home.xhtml nel client renderà l'intero risultato.