Initial Sandbox Application

In diesem Abschnitt erstellen Sie Folgendes:

• Die template, die zum Erstellen von Inhaltsseiten in der Beispiel-Website verwendet wird.
• Die Komponente und das Skript, die zum Rendern der Webseiten verwendet werden.

Erstellen der Inhaltsvorlage

Eine Vorlage definiert den Standardinhalt einer neuen Seite. Bei komplexen Websites werden ggf. auch mehrere Vorlagen für die Erstellung der verschiedenen Seitentypen der Website verwendet. Darüber hinaus kann der Vorlagensatz zu einem Entwurf werden, mit dem Änderungen in einem Servercluster eingeführt werden.

Bei dieser Übung basieren jedoch alle Seiten auf einer einfachen Vorlage.

1. Im Explorer-Bereich "CRXDE Lite":

   • Wählen Sie nun eine der folgenden Optionen aus /apps/an-scf-sandbox/templates
   • Erstellen > Vorlage erstellen

2. Geben Sie im Dialogfeld „Vorlage erstellen“ die folgenden Werte ein und klicken Sie anschließend auf Weiter:

   • Bezeichnung: playpage
   • Titel: An SCF Sandbox Play Template
   • Beschreibung: An SCF Sandbox template for play pages
   • Ressourcentyp: an-scf-sandbox/components/playpage
   • Rangansicht: <Als Standard beibehalten>

   Die Beschriftung wird für den Knotennamen verwendet.

   Der Ressourcentyp wird auf dem Knoten "jcr:content"von playpage als Eigenschaft sling:resourceType angezeigt. Er identifiziert die Komponente (Ressource), die den Inhalt auf Anforderung eines Browsers rendert.

   In diesem Fall werden alle mit der Vorlage playpage erstellten Seiten von der Komponente an-scf-sandbox/components/playpage gerendert. Standardmäßig ist der Pfad zur Komponente relativ, sodass Sling zuerst im Ordner /apps und, falls nicht gefunden, im Ordner /libs nach der Ressource suchen kann.

   

3. Stellen Sie bei Verwendung von "Kopieren/Einfügen"sicher, dass der Wert "Ressourcentyp"keine Leerzeichen am Anfang oder Ende enthält.

   Klicken Sie auf Weiter.

4. "Zulässige Pfade"bezieht sich auf die Pfade von Seiten, die diese Vorlage verwenden, sodass die Vorlage für das Dialogfeld Neue Seite aufgelistet wird.

   Um einen Pfad hinzuzufügen, klicken Sie auf die Plusschaltfläche + und geben Sie /content(/.*?lang=de)? in das angezeigte Textfeld ein. Wenn Sie Kopieren/Einfügen verwenden, stellen Sie sicher, dass keine Leerzeichen am Anfang oder am Ende vorhanden sind.

   Hinweis: Der Wert der Eigenschaft allowed path ist ein regulärer Ausdruck. Inhaltsseiten mit einem Pfad, der dem Ausdruck entspricht, können die Vorlage verwenden. In diesem Fall stimmt der reguläre Ausdruck mit dem Pfad des Ordners /content und allen zugehörigen Unterseiten überein.

   Wenn ein Autor eine Seite unterhalb von /content erstellt, wird die Vorlage playpage mit dem Titel "Eine SCF-Sandbox-Seitenvorlage"in einer Liste der zu verwendenden Vorlagen angezeigt.

   Nachdem die Stammseite aus der Vorlage erstellt wurde, kann der Zugriff auf die Vorlage auf diese Website eingeschränkt werden, indem die Eigenschaft geändert wird, um den Stammpfad in den regulären Ausdruck einzuschließen, d. h.

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

   

5. Klicken Sie auf Weiter.

   Klicken Sie im Bereich Zulässige Eltern auf Weiter.

   Klicken Sie auf Weiter in den Feldern Zulässige Kinder.

   Klicken Sie auf OK.

6. Nachdem Sie auf OK geklickt haben und die Vorlage erstellt haben, werden rote Dreiecke angezeigt, die in den Ecken der Registerkarte Eigenschaften für die neue Vorlage playpage erscheinen. Diese roten Dreiecke zeigen Bearbeitungen an, die noch nicht gespeichert wurden.

   Klicken Sie auf Alle speichern, um die neue Vorlage im Repository zu speichern.

   

Erstellen der Rendering-Komponente der Vorlage

Erstellen Sie die Komponente, die den Inhalt definiert und alle Seiten rendert, die auf der PLATZIERUNGSVorlage erstellt wurden.

1. Klicken Sie in CRXDE Lite mit der rechten Maustaste auf /apps/an-scf-sandbox/components und dann auf Erstellen > Komponente.

2. Durch Festlegen des Knotennamens (Beschriftung) auf playpage lautet der Pfad zur Komponente

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

   was dem Ressourcentyp der PayPal-Vorlage entspricht (optional minus dem initialen /apps/-Teil des Pfades).

   Geben Sie im Dialogfeld Komponente erstellen die folgenden Eigenschaftswerte ein:

   • Beschriftung: playpage
   • Titel: Eine SCF-Sandbox-Abspielkomponente
   • Beschreibung: Dies ist die Komponente, die Inhalt für eine SCF-Sandbox-Seite rendert.
   • Super Type: <leer lassen>
   • Gruppe: <leer lassen>

   

3. Klicken Sie auf Weiter, bis das Fenster Zulässige Kinder des Dialogfelds angezeigt wird:

   • Klicken Sie auf OK.
   • Klicken Sie auf Alle speichern.

4. Überprüfen Sie, ob der Pfad zur Komponente und der resourceType der Vorlage übereinstimmen.

   VORSICHT

   Die Korrespondenz zwischen dem Pfad zur PayPal-Komponente und der sling:resourceType-Eigenschaft der PayPal-Vorlage ist für das ordnungsgemäße Funktionieren der Website von entscheidender Bedeutung.