Dans cette section, maintenant que le modèle est configuré dans la variable application initiale et les pages initiales établies dans la section contenu initial , vous pouvez développer l’application. Pour ce faire, vous utilisez des scripts de base qui incluent la possibilité d’activer la création avec les composants Communities. À la fin de cette section, vous disposez d’un site web entièrement fonctionnel.
Le script par défaut, créé lorsque le composant qui effectue le rendu du modèle de page de lecture a été ajouté, est modifié afin d’inclure le fichier head.jsp de la page de base et un fichier body.jsp local.
La première étape consiste à ajouter une propriété de super type de ressource à la propriété /apps/an-scf-sandbox/components/playpage
afin qu’il hérite des scripts et des propriétés du super type.
Utilisation de CRXDE Lite:
Sélectionner un noeud /apps/an-scf-sandbox/components/playpage
.
Dans l’onglet Propriétés , saisissez une nouvelle propriété avec les valeurs suivantes :
Nom : sling:resourceSuperType
Type : String
Valeur : foundation/components/page
Cliquez sur le vert +Ajouter bouton .
Cliquez sur Enregistrer tout.
Dans CRXDE Lite volet d’exploration, accédez à /apps/an-scf-sandbox/components/playpage
et double-cliquez sur le fichier playpage.jsp
pour l’ouvrir dans le volet d’édition.
/apps/an-scf-sandbox/components/playpage/playpage.jsp
<%--
An SCF Sandbox Play Component component.
This is the component which renders content for An SCF Sandbox page.
--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %><%
%><%
// TODO add your code here
%>
Conscient des balises de script d’ouverture/de fermeture, remplacez "/ TODO …" par includes
des scripts pour les parties head et body de <html>.
Avec un super type de foundation/components/page
, tout script non défini dans ce même dossier est résolu sur un script dans /apps/foundation/components/page
(s’il existe) ou à un script dans /libs/foundation/components/page
dossier.
/apps/an-scf-sandbox/components/playpage/playpage.jsp
<%--
An SCF Sandbox Play Component component: playpage.jsp
This is the component which renders content for An SCF Sandbox page.
--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %>
<html>
<cq:include script="head.jsp"/>
<cq:include script="body.jsp"/>
</html>
Recouvrement du script de base head.jsp
n’est pas nécessaire, mais le script de base body.jsp
est vide.
Pour configurer la création, superposez body.jsp
avec un script local et inclure un système de paragraphes (parsys) dans le corps :
Accédez à /apps/an-scf-sandbox/components
.
Sélectionnez le nœud playpage
.
Cliquez avec le bouton droit et sélectionnez Create > Create File...
Cliquez sur Enregistrer tout.
Ouvrir /apps/an-scf-sandbox/components/playpage/body.jsp
et collez-les dans le texte suivant :
<%--
An SCF Sandbox Play Component component: body.jsp
This is the component which renders content for An SCF Sandbox page.
--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %>
<body>
<h2>Community Play</h2>
<cq:include path="par" resourceType="foundation/components/parsys" />
</body>
Cliquez sur Enregistrer tout.
Affichez la page dans un navigateur en mode d’édition :
http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html
Vous ne devriez pas seulement voir l’en-tête Jeu communautaire, mais également l’interface utilisateur pour la modification du contenu de la page.
Le panneau latéral Ressources/Composant s’affiche lorsque le panneau latéral est ouvert avec un bouton de basculement et que la fenêtre est suffisamment large pour que le contenu latéral et le contenu de la page s’affichent.
http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html
Voici comment la page de lecture s’affiche dans l’IU classique, y compris avec l’outil de recherche de contenu (cf) :
Pour activer les composants Communities pour la création, commencez par suivre les instructions suivantes :
Pour les besoins de cet environnement de test, commencez par ces Communautés composants (activer en cochant la case) :
En outre, choisissez Général les composants, tels que
Les composants activés pour la partie page sont stockés dans le référentiel comme valeur de la propriété components
de la propriété
Nœud /etc/designs/an-scf-sandbox/jcr:content/playpage/par
.
Dans un environnement multilingue, la page racine inclut un script qui analyse la requête du client pour déterminer la langue souhaitée.
Dans cet exemple, la page racine est automatiquement définie pour rediriger vers la page en anglais, qui peut être développée ultérieurement pour être la page d’entrée principale avec un lien vers la page de lecture.
Remplacez l’URL du navigateur par la page racine : http://localhost:4502/editor.html/content/an-scf-sandbox.html
Sélectionner l’icône Informations sur la page
Sélectionner Ouvrir les propriétés
Dans l’onglet AVANCÉ
Cliquez sur OK
Une fois le site publié, l’accès à la page racine d’une instance de publication redirige vers la page en anglais.
La dernière étape avant de lire les composants SCF Communities consiste à ajouter un dossier de bibliothèque cliente (clientlibs) … Ajout de bibliothèques clientes