Erste Sandbox-Anwendung

In diesem Abschnitt erstellen Sie Folgendes:

  • Die template wird verwendet, um Inhaltsseiten in der Beispiel-Website zu erstellen.
  • Die Komponente und Skript wird zum Rendern der Website-Seiten verwendet.

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 Blueprint werden, der zum Rollout von Änderungen an einem Servercluster verwendet wird.

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

  1. Im Explorer-Bereich der 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
    • Ranking: <leave as="" default="">

    Der Titel wird für den Knotennamen verwendet.

    Der Ressourcentyp wird auf der Seite playpageDer Knoten jcr:content der Eigenschaft sling:resourceType. Er identifiziert die Komponente (Ressource), die den Inhalt rendert, wenn sie von einem Browser angefordert wird.

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

    create-content-template

  3. Stellen Sie bei Verwendung von "Kopieren/Einfügen"sicher, dass der Wert "Ressourcentyp"keine führenden oder nachfolgenden Leerzeichen aufweist.

    Klicken Sie auf Weiter.

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

    Um einen Pfad hinzuzufügen, klicken Sie auf die Schaltfläche mit dem Pluszeichen + und Typ /content(/.&ast;)? in das angezeigte Textfeld ein. Wenn Sie Kopieren/Einfügen verwenden, stellen Sie sicher, dass keine führenden oder nachfolgenden Leerzeichen vorhanden sind.

    Hinweis: Der Wert der zulässigen Pfadeigenschaft 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 der /content Ordner und alle zugehörigen Unterseiten.

    Wenn ein Autor eine Seite unten erstellt /content, die playpage Vorlage mit dem Titel "Eine SCF-Sandbox-Seitenvorlage"wird 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 beschränkt werden, indem die Eigenschaft so geändert wird, dass der Stammpfad in den regulären Ausdruck eingefügt wird, d. h.

    /content/an-scf-sandbox(/.&ast;)?

    configure-template-path

  5. Klicken Sie auf Weiter.

    Klicken Nächste im Zugelassene übergeordnete Elemente Bereich.

    Klicken Nächste im Zugelassene Kinder Bedienfelder.

    Klicken Sie auf OK.

  6. Wenn Sie auf OK klicken und die Erstellung der Vorlage abgeschlossen haben, werden rote Dreiecke in den Ecken der Registerkarte Eigenschaften für die neue playpage Vorlage. Diese roten Dreiecke zeigen Bearbeitungen an, die nicht gespeichert wurden.

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

    verify-content-template

Erstellen der Rendering-Komponente der Vorlage

Erstellen Sie die component definiert den Inhalt und rendert alle Seiten, die basierend auf der Paketvorlage.

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

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

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

    , der dem Ressourcentyp der Paketvorlage entspricht (optional abzüglich der ersten /apps/ Teil des Pfads).

    Geben Sie im Dialogfeld Komponente erstellen die folgenden Eigenschaftswerte ein:

    • Titel: playpage
    • Titel: Eine SCF-Sandbox-Abspielkomponente
    • Beschreibung: Dies ist die Komponente, die Inhalte für eine SCF-Sandbox-Seite rendert.
    • Super Type: <leave blank="">
    • Gruppe: <leave blank="">

    create-template-component

  3. Klicken Nächste bis zum Zugelassene Kinder wird angezeigt:

    • Klicken Sie auf OK.
    • Klicken Sie auf Alle speichern.
  4. Überprüfen Sie, ob der Pfad zur Komponente und der resourceType für die Vorlage übereinstimmen.

    VORSICHT

    Die Korrespondenz zwischen dem Pfad zur PayPage-Komponente und der sling:resourceType-Eigenschaft der PayPal-Vorlage ist für die korrekte Funktionsweise der Website von entscheidender Bedeutung.

    verify-template-component

Auf dieser Seite