Projets
Pages enfant
  • 1.9.1 Généralités

Comparaison des versions

Ancienne version 2

changes.mady.by.user Céline Didier

Sauvegardée le

comparé à

Nouvelle version 3

changes.mady.by.user Raymond Bourges

Sauvegardée le

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

...

Exemple de page

Bloc de code
<%@include<?xml fileversion="_include.jsp"%>
<e:page
    stringsVar="msgs"
    menuItem="preferences"
   1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view locale="#{sessionController.locale}">
	<t:htmlTag value="head">
	<!-- Commentaire  authorized-->
		<title><h:outputText value="#{preferencesControllerapplicationService.pageAuthorizedname}">
  <%@include file="_navigation.jsp"%>
  <h:form id="preferencesForm">
    <e:section value="#{msgs['PREFERENCES.TITLE'] /></title>
		<ui:repeat value="#{tagsConfigurator.stylesheets}" var="path">
			<t:stylesheet path="#{path}" />
    <e:messages />
    <e:panelGrid columns="2">
      <e:outputLabel
          for="locale"
          value="#{msgs['PREFERENCES.TEXT.LANGUAGE']		</ui:repeat>
		<ui:repeat value="#{tagsConfigurator.scripts}" var="path">
			<script type="text/javascript" src="#{path}" />
      <h:panelGroup>
        <e:selectOneMenu
            id="locale"
            onchange="submit();"
            value="#{preferencesController.locale}"
            converter="#{localeConverter}" >
          <f:selectItems
              value="#{preferencesController.localeItems}" />
        </e:selectOneMenu>
        <e:commandButton
            value="#{msgs['_.BUTTON.CHANGE']}"
            id="localeChangeButton" />
      </h:panelGroup>
    </e:panelGrid>
  </h:form>
  <script type="text/javascript">
    hideButton("preferencesForm:localeChangeButton");
  </script>
</e:page>		</ui:repeat>
	</t:htmlTag>
	<t:htmlTag value="body" styleClass="fl-theme-app">
		<ui:include src="_include/_header.xhtml" />
		<t:div id="welcomepages">
			<t:div id="navigationHeader" styleClass="app-pagebar">
				<h:form id="nav_header" styleClass="app-form" />
			</t:div>
			<t:div styleClass="app-body">
				<t:div styleClass="app-navigation">
				</t:div>
				<t:div styleClass="app-content">
					<t:htmlTag value="br" />
					<ui:insert name="allContent" />
				</t:div>
				<t:div style="clear:both;" />
			</t:div>
			<t:div id="navigationFooter"
				styleClass="fl-container-flex app-pagebar">
				<h:form id="nav_footer" styleClass="app-form" />
			</t:div>
		</t:div>
		<t:div styleClass="app-footer">
			<h:outputText value="#{applicationService.name} " />
			<h:outputText value="v#{applicationService.version} - " />
			<h:outputText value="#{applicationService.copyright}" />
		</t:div>
	</t:htmlTag>
</f:view>
</html>

Dans la page ci-dessus :

  • la balise JSP <%@include file="_include.jsp"%> permet d'inclure toutes les librairies nécessaires (voir plus loin).
  • La balise JSF <e:page> se charge de la mise en forme globale, que l'on soit en servlet ou en portlet.
  • La balise JSP <%@include file="_navigation.jsp"%> permet d'inclure la barre de navigation, commune à toutes les pages.
  • La balise JSF <e:section> affiche le titre de la page.
  • La balise JSF <h:form> encadre un formulaire.
  • La balise JSF <e:outputLabel> affiche le label d'un formulaire, celui qui possède l'identifiant locale.
  • La balise JSF <e:selectOneMenu> propose un choix simple de valeurs dans une boite déroulante.
  • La balise JSF <f:selectItems> renseigne la balise précédente sur les choix possibles, fournis par la méthode getLocaleItems() du bean preferencesController.
  • La balise JSF <e:commandButton> est un bouton de soumission du formulaire. Lors de la soumission du formulaire, la méthode setLocale() du bean preferencesController est appelée avec la valeur sélectionnée dans la boite déroulante.

...