Erste Sandbox-Anwendung

Letzte Aktualisierung: 2023-10-19
  • Erstellt für:
  • User

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. Komplexe Websites können mehrere Vorlagen verwenden, um die verschiedenen Seitentypen auf der Site zu erstellen. Darüber hinaus kann der Vorlagensatz zu einem Blueprint werden, der verwendet wird, um Änderungen auf einem Servercluster durchzuführen.

In dieser Übung basieren alle Seiten auf einer einfachen Vorlage.

  1. Im Explorer-Bereich von CRXDE Lite:

    • Klicken Sie auf /apps/an-scf-sandbox/templates
    • Erstellen > Vorlage erstellen
  2. Geben Sie im Dialogfeld „Komponente erstellen“ die folgenden Eigenschaftswerte ein und klicken Sie dann 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 playpages jcr:content Knoten als 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 Plusschaltfläche + und Typ /content(/.&ast;)? in das angezeigte Textfeld ein. Stellen Sie bei Verwendung von Kopieren/Einfügen 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 bearbeitet wird, um den Stammpfad in den regulären Ausdruck einzuschließen.

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

    configure-template-path

  5. Klicken Sie auf Weiter.

    Klicks Nächste im Zugelassene übergeordnete Elemente Bedienfeld.

    Klicks Nächste im Zugelassene Kinder Bedienfeld.

    Klicken Sie auf OK.

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

    Klicks 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 CRXDE Lite mit der rechten Maustaste auf /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. Klicks Nächste bis zum Zugelassene Kinder -Bereich des Dialogfelds 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 Paketkomponente und der sling:resourceType -Eigenschaft der PayPage-Vorlage ist für die korrekte Funktionsweise der Website von entscheidender Bedeutung.

    verify-template-component

Auf dieser Seite