Applicazione sandbox iniziale

In questa sezione, creerete i seguenti elementi:

• Il modello che verrà utilizzato per creare pagine di contenuto nel sito Web di esempio.
• Il componente e lo script che verranno utilizzati per il rendering delle pagine del sito Web.

Creare il modello di contenuto

Un modello definisce il contenuto predefinito di una nuova pagina. I siti Web complessi possono utilizzare diversi modelli per la creazione di diversi tipi di pagine nel sito. Inoltre, il set di modelli potrebbe diventare un blueprint utilizzato per il rollout delle modifiche a un cluster di server.

In questo esercizio, tutte le pagine sono basate su un modello semplice.

1. Nel riquadro di esplorazione del CRXDE Lite:

   • Seleziona /apps/an-scf-sandbox/templates
   • Crea > Crea modello

2. Nella finestra di dialogo Crea modello, digitate i seguenti valori e fate clic su Avanti:

   • Etichetta: playpage
   • Titolo: An SCF Sandbox Play Template
   • Descrizione: An SCF Sandbox template for play pages
   • Tipo risorsa: an-scf-sandbox/components/playpage
   • Classificazione: <lasciare come predefinito>

   Etichetta utilizzata per il nome del nodo.

   Il tipo di risorsa viene visualizzato sul nodo jcr:content di playpage come proprietà sling:resourceType. Identifica il componente (risorsa) che esegue il rendering del contenuto quando richiesto da un browser.

   In questo caso, tutte le pagine create con il modello playpage vengono rappresentate dal componente an-scf-sandbox/components/playpage. Per convenzione, il percorso del componente è relativo, consentendo a Sling di cercare la risorsa prima nella cartella /apps e, se non trovata, nella cartella /libs.

   

3. Se si utilizza Copia/Incolla, assicurarsi che il valore Tipo risorsa non contenga spazi iniziali o finali.

   Fai clic su Avanti.

4. Per "Percorsi consentiti" si intendono i percorsi delle pagine che utilizzano questo modello, in modo che il modello sia elencato per la finestra di dialogo Nuova pagina.

   Per aggiungere un percorso, fare clic sul pulsante più + e digitare /content(/.*?lang=it)? nella casella di testo visualizzata. Se usate Copia/Incolla, accertatevi che non vi siano spazi iniziali o finali.

   Nota: Il valore della proprietà path consentita è un'espressione regolare. Le pagine di contenuto con un percorso che corrisponde all'espressione possono utilizzare il modello. In questo caso, l'espressione regolare corrisponde al percorso della cartella /content e di tutte le relative sottopagine.

   Quando un autore crea una pagina sotto /content, il modello playpage denominato "An SCF Sandbox Page Template" viene visualizzato in un elenco di modelli disponibili da utilizzare.

   Una volta creata la pagina principale dal modello, l'accesso al modello potrebbe essere limitato a questo sito Web modificando la proprietà per includere il percorso principale nell'espressione regolare, ovvero

   /content/an-scf-sandbox(/.*?lang=it)?

   

5. Fai clic su Avanti.

   Fare clic su Next nel pannello Genitori consentiti.

   Fare clic su Next nei pannelli Bambini consentiti.

   Fai clic su OK.

6. Dopo aver fatto clic su OK e aver completato la creazione del modello, agli angoli dei valori della scheda Proprietà per il nuovo modello playpage verranno visualizzati triangoli rossi. Questi triangoli rossi indicano le modifiche che non sono state salvate.

   Fare clic su Salva tutto per salvare il nuovo modello nella directory archivio.

   

Creare il componente di rendering del modello

Create il componente che definisce il contenuto ed esegue il rendering di tutte le pagine create in base al modello di pagina di riproduzione.

1. In CRXDE Lite, fare clic con il pulsante destro del mouse su /apps/an-scf-sandbox/components e scegliere Crea > Componente.

2. Impostando il nome del nodo (Etichetta) su playpage, il percorso del componente è

   /apps/an-scf-sandbox/components/playpage

   che corrisponde al Tipo risorsa del modello della pagina di riproduzione (facoltativamente meno la parte iniziale /apps/ del percorso).

   Nella finestra di dialogo Crea componente, digitare i seguenti valori di proprietà:

   • Etichetta: pagina di riproduzione
   • Titolo: Un componente di riproduzione sandbox SCF
   • Descrizione: Questo è il componente che esegue il rendering del contenuto per una pagina sandbox SCF.
   • Super Type: <lasciare vuoto>
   • Gruppo: <lasciare vuoto>

   

3. Fare clic su Next fino a quando non viene visualizzato il pannello Allowed Children della finestra di dialogo:

   • Fai clic su OK.
   • Fare clic su Salva tutto.

4. Verifica che il percorso del componente e il resourceType per il modello corrispondano.

   ATTENZIONE

   La corrispondenza tra il percorso del componente della pagina di riproduzione e la proprietà sling:resourceType del modello della pagina di riproduzione è fondamentale per il corretto funzionamento del sito Web.