Sviluppa applicazione sandbox

Ultimo aggiornamento: 2023-10-19
  • Argomenti:
  • Communities
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • User

In questa sezione, ora che il modello è configurato nel applicazione iniziale e le pagine iniziali definite nella sezione contenuto iniziale sezione, puoi sviluppare l’applicazione. A tale scopo, puoi utilizzare script di base che includono la possibilità di abilitare l’authoring con i componenti di Communities. Alla fine di questa sezione, il sito Web è completamente funzionante.

Utilizzo degli script di pagina di Foundation

Lo script predefinito, creato quando è stato aggiunto il componente che esegue il rendering del modello di pagina playlist, viene modificato per includere il file head.jsp della pagina di base e un body.jsp locale.

Tipo di risorsa super

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

Utilizzo di CRXDE Lite:

  1. Seleziona nodo /apps/an-scf-sandbox/components/playpage.

  2. Nella scheda delle proprietà, immetti una nuova proprietà con i seguenti valori:

    Nome: sling:resourceSuperType

    Tipo: String

    Valore: foundation/components/page

  3. Fai clic sul pulsante verde +Aggiungi pulsante.

  4. Clic Salva tutto.

    page-script

Script per la testa e il corpo

  1. In entrata CRXDE Liti riquadro di esplorazione, 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
    %>
    
  2. Tenendo conto dei tag script aperti/chiusi, sostituisci " // TODO …" con includes di script per le parti della testa e del corpo di <html>.

    Con un super tipo di foundation/components/page, qualsiasi script non definito nella stessa cartella viene risolto in uno script in /apps/foundation/components/page cartella (se esiste), oppure a uno script in /libs/foundation/components/page cartella.

    /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>
    
  3. Sovrapposizione dello script di base head.jsp non è necessario, ma lo script di foundation body.jsp è vuoto.

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

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

    2. Seleziona la playpage nodo.

    3. Fai clic con il pulsante destro del mouse e seleziona (Copia negli Appunti) Create > Create File...

      • Nome: body.jsp
    4. Clic Salva tutto.

    Apri /apps/an-scf-sandbox/components/playpage/body.jsp e incolla 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>
    
  4. Clic Salva tutto.

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

  • Interfaccia standard: http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html

Non dovresti vedere solo l’intestazione Community Play, ma anche l’interfaccia utente per la modifica del contenuto della pagina.

Il pannello laterale Risorse/Componenti viene visualizzato quando entrambi i pannelli laterali sono aperti e la finestra è sufficientemente ampia da consentire la visualizzazione sia del contenuto laterale che del contenuto della pagina.

view-page

  • Interfaccia classica: http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html

Di seguito è riportato l’aspetto della pagina di riproduzione nell’interfaccia classica, incluso con content finder (cf):

play-page-view

Componenti community

Per abilitare i componenti Community per l’authoring, inizia seguendo queste istruzioni:

Ai fini di questa sandbox, inizia con questi Community componenti (abilitare selezionando la casella):

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

Inoltre, scegli Generale componenti, come

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

I componenti abilitati per la parte page vengono memorizzati nell’archivio come valore della proprietà components proprietà del

Nodo /etc/designs/an-scf-sandbox/jcr:content/playpage/par.

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 esempio, la pagina principale viene impostata in modo statico per il reindirizzamento alla pagina inglese, che potrebbe essere sviluppata in futuro come pagina di destinazione principale con un collegamento alla pagina di riproduzione.

Modifica l’URL del browser con la pagina root: http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • Seleziona l’icona Informazioni pagina

  • Seleziona Apri proprietà

  • Nella scheda AVANZATE

    • Per la voce Reindirizza, selezionare Siti Web > Sito sandbox SCF > Sandbox SCF
    • Fai clic su OK
  • Fai clic su OK

Dopo la pubblicazione del sito, l’accesso alla pagina principale di un’istanza Publish viene reindirizzato alla pagina inglese.

L’ultimo passaggio prima di riprodurlo con i componenti SCF di Communities è aggiungere una … Cartella libreria client (clientlibs) Aggiungi Clientlibs

In questa pagina