Sviluppo di applicazioni sandbox

In questa sezione, ora che il modello è stato impostato nella sezione applicazione iniziale e nelle pagine iniziali stabilite nella sezione contenuto iniziale, l'applicazione può essere sviluppata utilizzando script di base, inclusa la possibilità di abilitare l'authoring con i componenti Community. Alla fine di questa sezione, il sito Web sarà funzionale.

Utilizzo degli script di pagina di Foundation

Lo script predefinito, creato al momento dell'aggiunta del componente che esegue il rendering del modello della pagina di riproduzione, viene modificato in modo da includere il file head.jsp della pagina di base e il file body.jsp locale.

Super Resource Type

Il primo passaggio consiste nell'aggiungere una proprietà super type della risorsa al nodo /apps/an-scf-sandbox/components/playpage in modo che erediti gli script e le proprietà del super type.

Utilizzo del CRXDE Lite:

  • Nome: sling:resourceSuperType
  • Tipo: String
  • Valore: foundation/components/page
  1. Fare clic sul simbolo verde [+] Aggiungi
  2. Fare clic su Salva tutto

chlimage_1-231

Script head e body

  1. Nel riquadro CRXDE Lite dell'elenco delle cartelle, passare a /apps/an-scf-sandbox/components/playpage e fare doppio clic sul file playpage.jsp per aprirlo nel riquadro di modifica.

/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
%>

  1. Essendo a conoscenza dei tag script aperti/chiusi, sostituire " // TODO …" con include gli script per le parti head e body di <html>.

    Con un super tipo di foundation/components/page, qualsiasi script non definito nella stessa cartella verrà risolto in uno script nella cartella /apps/foundation/components/page (se presente), in uno script nella cartella /libs/foundation/components/page.

/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>

  1. Lo script di base head.jsp non deve essere sovrapposto, ma lo script di base body.jsp è vuoto.

    Per impostare l’authoring, sovrapponete body.jsp con uno script locale e includete un sistema paragrafo (parsys) nel corpo:

    1. passare a /apps/an-scf-sandbox/components

    2. selezionare il nodo playpage

    3. fare clic con il pulsante destro del mouse e selezionare Create > Create File...

      • Nome: body.jsp

    4. Fare clic su Salva tutto

    Aprite /apps/an-scf-sandbox/components/playpage/body.jsp e incollate il testo seguente:

    <%--

    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>

  2. Fare clic su Salva tutto

Visualizzare la pagina in un browser in modalità di modifica:

È consigliabile non solo visualizzare l'intestazione Riproduzione community, ma anche l'interfaccia utente per la modifica del contenuto della pagina.

Il pannello laterale Risorse/Componente viene visualizzato quando il pannello laterale è aperto e la finestra è sufficientemente ampia da consentire la visualizzazione del contenuto laterale e del contenuto della pagina.

chlimage_1-232

Di seguito viene illustrata l’aspetto della pagina di riproduzione nell’interfaccia classica, incluso con Content Finder (cf):

chlimage_1-233

Componenti di Communities

Per abilitare i componenti di Communities per la creazione, attenetevi alle istruzioni seguenti:

Ai fini di questa sandbox, iniziate con i seguenti componenti Communities (attivabili selezionando la casella):

  • Commenti
  • Forum
  • Valutazione
  • Recensioni
  • Riepilogo recensioni (visualizzazione)
  • Votazione

Inoltre, scegliete i componenti Generale, ad esempio

  • Immagine
  • Tabella
  • Testo
  • Titolo (Foundation)
NOTA

I componenti abilitati per la pari pagina vengono memorizzati nella directory archivio come valore della proprietà components della variabile
/etc/designs/an-scf-sandbox/jcr:content/playpage/par node.

Pagina di destinazione

In un ambiente multilingue, la pagina principale includerebbe uno script che analizzerebbe la richiesta del client per determinare la lingua preferita.

In questo semplice esempio, la pagina principale viene impostata statisticamente per reindirizzare alla pagina inglese, che in futuro potrebbe essere la pagina di destinazione principale con un collegamento alla pagina di riproduzione.

Modificate l’URL del browser nella pagina principale: http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • Selezionate l’icona Informazioni pagina

  • Selezionare Apri proprietà

  • Nella scheda AVANZATE

    • Per la voce Redirect, andate a Siti Web > Siti sandbox SCF > SCF Sandbox
    • Fai clic su OK

  • Fai clic su OK

Una volta pubblicato il sito, quando si passa alla pagina principale di un’istanza di pubblicazione si passa alla pagina inglese.

L'ultimo passaggio prima di giocare con i componenti SCF delle community è aggiungere una cartella libreria client (clientlibs) … ⇒

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free