Ho giocato con JSF e ho un progetto che funziona con pannelli header/footer/navigazione/contenuto . Il progetto, tuttavia, va dalla pagina 1 alla pagina 2, ecc., Con ogni pagina con un layout diverso. Come posso creare un modello riutilizzabile che mantenga lo stesso aspetto e aspetto da una pagina all'altra, vale a dire intestazione/piè di pagina/navigazione rimangono gli stessi, ma il contenuto viene aggiornato?Come creare un modello riutilizzabile con intestazione/piè di pagina/navigazione?
8
A
risposta
22
Questo suona come un caso classico di un modello principale. In tale modello si inserisce tutto ciò che è comune a tutte le pagine e quindi le pagine effettive fanno riferimento a questo modello e "riempiono gli spazi vuoti". In un certo senso è il contrario del classico anche include.
E.g.
/WEB-INF/templates/masterTemplate.xhtml:
<!DOCTYPE html>
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
>
<h:head>
<title>
<ui:insert name="title">Some title</ui:insert>
</title>
</h:head>
<ui:include src="header.xhtml"/>
<h:body>
<ui:insert name="content" />
</h:body>
<ui:include src="footer.xhtml"/>
</html>
Una pagina utilizza ciò come segue, per esempio
/hello.xhtml
<ui:composition template="/WEB-INF/templates/masterTemplate.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
>
<ui:define name="title">hello</ui:define>
<ui:define name="content">
Hi, this is the page
</ui:define>
</ui:composition>
Problemi correlati
- 1. Come creare un modello riutilizzabile in Django?
- 2. AngularJS come creare un modello riutilizzabile per Bootstrap modale
- 3. Come creare un widget riutilizzabile in Yii2
- 4. Come creare una mappa di base riutilizzabile
- 5. Come posso creare un blocco/proc/lambda riutilizzabile in Ruby?
- 6. Come creare un componente riutilizzabile in D3 con un'API che manipola ciascuna istanza del componente?
- 7. Come rendere ListBox.ItemTemplate riutilizzabile/generico
- 8. Come riutilizzare un app riutilizzabile in Django
- 9. Come creare un modello diverso di JTable?
- 10. WPF - Come creare un pulsante immagine con modello
- 11. Come confrontare un modello di modello con un'istanza di modello?
- 12. Poligono riutilizzabile
- 13. Come creare un modello Yii2 senza database
- 14. Pattern per HttpHandler asincrono riutilizzabile
- 15. Posso creare un modello di pulsante Android?
- 16. Come scrivere codice glsl riutilizzabile?
- 17. Come creare un evento cloudwatch utilizzando un modello di cloudformation?
- 18. Creare un modello di tratteggio in WPF
- 19. Servizio AngularJS riutilizzabile all'interno di un'app
- 20. Come posso creare un partial riutilizzabile per il markup duplicato in ember.js?
- 21. Creare un modulo da un modello ricorsivo
- 22. C++: Come posso creare il modello di modello dinamico
- 23. Come creare un mix di campi modello django
- 24. Come creare un modello di strategia in Objective-C?
- 25. Come posso creare un MODELLO DI SOSTITUZIONE in SQL?
- 26. Modale riutilizzabile in angolare/ionico
- 27. Cella riutilizzabile personalizzata
- 28. Come creare una finestra di dialogo modale generica/riutilizzabile per WPF dopo MVVM
- 29. come creare un modello yii senza una tabella di database
- 30. Come creare un modello di progetto personalizzato in Android Studio
Breve e dolce .. !!! – kark