Entwickeln von Sandbox-Anwendungen

In diesem Abschnitt kann die Anwendung jetzt, da die Vorlage im Abschnitt Initial Application eingerichtet wurde und die ersten Seiten im Abschnitt Initialinhalt erstellt wurden, mithilfe von Foundation-Skripten entwickelt werden, einschließlich der Möglichkeit, das Authoring mit Communities-Komponenten zu aktivieren. Am Ende dieses Abschnitts wird die Website funktionieren.

Verwenden von Foundation-Seitenskripten

Das Standardskript, das erstellt wird, wenn die Komponente, die die PayPage-Vorlage rendert, hinzugefügt wurde, wird geändert, um die head.jsp der Foundation-Seite und eine lokale body.jsp einzuschließen.

Super Resource Type

Der erste Schritt besteht darin, dem Knoten /apps/an-scf-sandbox/components/playpage eine Eigenschaft vom Typ resource super hinzuzufügen, damit er die Skripte und Eigenschaften des Supertyps übernimmt.

Verwenden von CRXDE Lite:

  • Name: sling:resourceSuperType
  • Typ: String
  • Wert: foundation/components/page
  1. Klicken Sie auf das grüne [+] Hinzufügen
  2. Klicken Sie auf Alle speichern

chlimage_1-231

Kopf- und Textskripte

  1. Navigieren Sie im Explorer-Bereich CRXDE Lite zu /apps/an-scf-sandbox/components/playpage und doppelklicken Sie auf die Datei playpage.jsp , um sie im Bearbeitungsfenster zu öffnen.

/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. Da Sie Skript-Tags zum Öffnen/Schließen kennen, ersetzen Sie " // TODO …". mit Skripten für die Kopf- und Körperteile von <html>.

    Mit dem Supertyp foundation/components/page wird jedes Skript, das nicht in diesem Ordner definiert ist, in ein Skript im Ordner /apps/foundation/components/page aufgelöst (sofern vorhanden), andernfalls in ein Skript im Ordner /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. Das Foundation-Skript head.jsp muss nicht überlagert werden, aber das Foundation-Skript body.jsp ist leer.

    Überlagern Sie zum Einrichten für die Bearbeitung body.jsp mit einem lokalen Skript und fügen Sie ein Absatzsystem (parsys) in den Text ein:

    1. Navigieren Sie zu /apps/an-scf-sandbox/components

    2. Wählen Sie den Knoten playpageaus.

    3. Klicken Sie mit der rechten Maustaste und wählen Sie Create > Create File... aus.

      • Name: body.jsp
    4. Klicken Sie auf Alle speichern

    Öffnen Sie /apps/an-scf-sandbox/components/playpage/body.jsp und fügen Sie Folgendes ein:

    <%--
    
        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. Klicken Sie auf Alle speichern

Zeigen Sie die Seite in einem Browser im Bearbeitungsmodus an:

Sie sollten nicht nur die Überschrift Community Play sehen, sondern auch die Benutzeroberfläche zum Bearbeiten von Seiteninhalten.

Das seitliche Bedienfeld "Assets/Komponente"wird angezeigt, wenn das seitliche Bedienfeld geöffnet ist und das Fenster breit genug ist, um sowohl den Seiteninhalt als auch den Seiteninhalt anzuzeigen.

chlimage_1-232

Im Folgenden wird gezeigt, wie die Wiedergabeseite in der klassischen Benutzeroberfläche einschließlich des Content Finders (cf) angezeigt wird:

chlimage_1-233

Communities-Komponenten

Um Communities-Komponenten für das Authoring zu aktivieren, befolgen Sie die folgenden Anweisungen:

Beginnen Sie für diese Sandbox mit den folgenden Communities-Komponenten (aktivieren Sie durch Aktivieren des Kontrollkästchens):

  • Kommentare
  • Forum
  • Bewertung
  • Reviews
  • Bewertungszusammenfassung (Anzeige)
  • Abstimmung

Wählen Sie außerdem die Komponenten Allgemein aus, z. B.

  • Bild
  • Tabelle
  • Text
  • Titel (Foundation)
HINWEIS

Die für die Seitenpar aktivierten Komponenten werden im Repository als Wert der Eigenschaft components der
/etc/designs/an-scf-sandbox/jcr:content/playpage/par node.

Landingpage

In einer mehrsprachigen Umgebung würde die Stammseite ein Skript enthalten, das die Anfrage vom Client analysiert, um die bevorzugte Sprache zu bestimmen.

In diesem einfachen Beispiel wird die Stammseite statisch so eingestellt, dass sie zur englischen Seite weitergeleitet wird, die in Zukunft als Haupt-Landingpage mit einem Link zur Wiedergabeseite entwickelt werden kann.

Ändern Sie die Browser-URL in die Stammseite: http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • Symbol Seiteninformationen auswählen

  • Wählen Sie Eigenschaften öffnen

  • Auf der Registerkarte ERWEITERT

    • Navigieren Sie für den Umleitungs-Eintrag zu Websites > SCF Sandbox Site > SCF Sandbox
    • Klicken Sie auf OK
  • Klicken Sie auf OK

Sobald die Site veröffentlicht wurde, wird das Browsen zur Stammseite in einer Veröffentlichungsinstanz zur englischen Seite weitergeleitet.

Der letzte Schritt vor dem Abspielen mit den SCF-Communities-Komponenten besteht darin, einen Client-Bibliotheksordner (clientlibs) hinzuzufügen … 🔗

Auf dieser Seite