Übung – Die Listen‑ und Formularkomponenten verwenden

Abgeschlossen

Der Zweck dieser Übung ist es, Ihnen praktische Erfahrungen beim Hinzufügen einer Liste und eines Formulars zu einer Power Pages-Website zu vermitteln.

Lernziele

Das Ziel dieser Übungen ist es, Ihnen bei Folgendem zu helfen:

  • Eine Listenkomponente einer Webseite hinzufügen

  • Eine Formularkomponente einer Webseite hinzufügen

  • Die Listenkomponente so einrichten, dass ein Drilldown durchgeführt und Details der Zeile angezeigt werden

Voraussetzungen

Die Voraussetzungen zum Abschließen dieser Übungen umfassen:

  • Zugriff auf das Power Apps Maker Portal

  • Standardbeispiel-Microsoft Dataverse-Apps und Daten (idealerweise), aber Sie können andere Dataverse-Tabellen mit Daten verwenden

  • Eine bereitgestellte Power Pages-Website Wenn Sie keine Website bereitgestellt haben, navigieren Sie zu Eine Website mit Power Pages erstellen, um eins zu erstellen.

Tipp

Diese Übungen funktionieren am besten, wenn Sie mit einigen Beispieldaten arbeiten können. Wenn Sie eine Dataverse-Umgebung bereitstellen, können Sie Beispiel-Apps und ‑Daten hinzufügen. Sehen Sie sich die Schritte zu Umgebung erstellen an, um eine Dataverse-Umgebung mit Beispiel-Apps und ‑Daten bereitzustellen.

Szenario

Ihre Organisation hat eine Power Pages-Website bereitgestellt und möchte eine Liste von verfügbaren Produkten auf einer öffentlichen Webseite anzeigen. Eine andere Anforderung besteht darin, dass Besucher einen Drilldown durchführen und andere Details anzeigen können.

Wesentliche Schritte

Führen Sie die folgenden Aufgaben aus, um die Übung abzuschließen:

  • Erstellen Sie Tabellenberechtigungen, um Lesezugriff auf die Dataverse-Tabelle zu gewähren.

  • Erstellen Sie eine Webseite, und fügen Sie eine Listenkomponente hinzu, die mit der Dataverse-Tabelle verknüpft ist.

  • Erstellen Sie eine untergeordnete Webseite mit einer Formularkomponente, um Details für eine Dataverse-Tabelle anzuzeigen.

  • Ändern Sie die Listenkomponente, um Besuchern das Durchführen eines Drilldowns und das Anzeigen der Detailzeile auf der Formularseite zu ermöglichen.

Eine Tabellenberechtigungszeile erstellen

Zugriff auf jede Dataverse-Tabelle wird durch Tabellenberechtigungen gesteuert. Gehen Sie folgendermaßen vor, um schreibgeschützten Zugriff auf die Produkttabelle zu ermöglichen:

  1. Melden Sie sich bei Power Pages an.

  2. Wählen Sie in der oberen rechten Ecke die Zielumgebung aus.

  3. Suchen Sie Ihre Website, und wählen Sie Bearbeiten aus, um das Power Pages-Designstudio zu öffnen.

  4. Wählen Sie die Registerkarte Sicherheit aus.

  5. Wählen Sie im Abschnitt Schützen Tabellenberechtigungen aus.

    Screenshot des Links für Tabellenberechtigungen im Arbeitsbereich Einrichtung

  6. Wählen Sie + Neue Berechtigung aus, und füllen Sie dann die folgenden Informationen aus:

    • Name – Produkt

    • Tabelle – Produkttabelle

    • Zugriffstyp – Global Access

    • Berechtigung für – Lesen

  7. Wählen Sie Rollen hinzufügen aus, und fügen Sie dann Anonyme Benutzer und Authentifizierte Benutzer hinzu.

  8. Wählen Sie Speichern aus.

    Screenshot der globalen Leseberechtigung für die Produkttabelle

  9. Das Beispielproduktformular kann ein Unterraster mit Produktbewertungen enthalten. Um den Erhalt der Meldung „Zugriff verweigert“ für das Unterraster für Produktbewertungen zu vermeiden, wiederholen Sie die Schritte 4–6, und erstellen Sie die Tabellenberechtigungszeile „Globaler Lesezugriff“ für die Tabelle „Bewertung“.

Eine Webseite für die Liste erstellen

Gehen Sie folgendermaßen vor, um eine Webseite zu erstellen, die die Listenkomponente in Power Pages-Designstudio enthält:

  1. Wählen Sie die Registerkarte Seiten aus.

  2. Wählen Sie + Seite aus.

  3. Geben Sie als Seitenname Produkte ein.

  4. Stellen Sie sicher, dass die Seitenvorlage Leer starten ausgewählt ist, und klicken Sie dann auf die Option Hinzufügen.

Eine Listenkomponente hinzufügen und einrichten

Führen Sie die folgenden Schritte aus, um eine Listenkomponente hinzuzufügen und einzurichten:

  1. Wählen Sie auf dem Seitencanvas die Komponente Liste aus.

  2. Geben Sie im Dialogfeld Komponenteneigenschaften die folgenden Werte ein:

    • Eine Tabelle auswählen – Produkttabelle oder wählen Sie eine andere Tabelle aus Ihrer eigenen App aus

    • Die Datenansichten auswählen – Produkttabelle

    • Ihre Liste benennen – Produktliste

  3. Wählen Sie Fertig aus.

  4. Wählen Sie Vorschau > Desktop aus der Befehlsleiste aus, und stellen Sie dann sicher, dass eine Liste der Produktdatenzeilen von Dataverse angezeigt wird.

    Screenshot einer Beispielwebseite mit einer Laufzeitliste

Eine Webseite für das Formular erstellen

Ihre nächste Aufgabe besteht darin, eine Website zu erstellen, die die Komponente Formular zum Anzeigen von Zeilendetails enthält. Diese Webseite ist eine untergeordnete Seite der Seite Produkte.

  1. Wählen Sie die Registerkarte Seiten aus.

  2. Suchen Sie die Seite Produkte, die Sie zuvor erstellt haben.

  3. Wählen Sie die Auslassungspunkte () und anschließend Eine neue untergeordnete Seite hinzufügen aus.

  4. Geben Sie als Seitenname Produkt ein.

  5. Stellen Sie sicher, dass die Seitenvorlage Leer starten ausgewählt ist, und klicken Sie dann auf die Option Hinzufügen.

Eine Formularkomponente hinzufügen und einrichten

Führen Sie die folgenden Schritte aus, um eine Formularkomponente hinzuzufügen und einzurichten:

  1. Wählen Sie auf dem Seitencanvas die Komponente Formular aus.

  2. Wählen Sie Neues Formular aus, wenn Sie aufgefordert werden, ein vorhandenes Formular auszuwählen.

  3. Geben Sie im Dialogfeld Komponenteneigenschaften die folgenden Werte ein:

    • Tabelle auswählen – Produkttabelle

    • Ein Formular auswählen – Informationen

    • Kopie des ausgewählten Formulars benennen – Produktdetails

  4. Wählen Sie die Registerkarte Daten aus, und legen Sie dann die Dropdownliste Daten aus diesem Formular auf Ist schreibgeschützt fest.

  5. Wählen Sie OK aus. Die Formularvorschau sollte auf der Seitencanvas erscheinen.

    Screenshot der Produktseite im Designstudio mit hinzugefügter und eingerichteter Formularkomponente

Die Liste ändern, um zur Formularkomponente zu navigieren

Ihre letzte Aufgabe besteht darin, die Listenseite zu ändern, um zur Formularkomponente zu navigieren, wenn ein Benutzer eine Zeile auswählt.

  1. Wählen Sie die Registerkarte Seiten aus, und suchen Sie die Seite Produkte, die die Listenkomponente enthält.

  2. Wählen Sie die Listenkomponente auf der Canvas aus, und klicken Sie dann auf Liste bearbeiten.

  3. Klicken Sie im Dialogfeld Listeneinstellungen auf die Registerkarte Aktionen.

  4. Aktivieren Sie den Schalter Details anzeigen, und füllen Sie dann die folgenden Informationen aus:

    • Zieltyp – Formular

    • Formular – Produktdetails

  5. Wählen Sie Fertig aus.

  6. Wählen Sie Vorschau > Desktop aus der Befehlsleiste aus, und stellen Sie dann sicher, dass eine Liste der Produktzeilen von Dataverse angezeigt wird. Die Produktnamen sind jetzt Hyperlinks.

  7. Wählen Sie zum Anzeigen des Detailformulars einen Produktnamen aus.

Hinweis

Wenn Sie die Meldung „Sie verfügen nicht über die entsprechenden Berechtigungen“ für das Unterraster „Produktbewertungen“ erhalten, wiederholen Sie die Schritte in der Aufgabe Tabellenberechtigungszeile erstellen zum Erstellen der globalen Tabellenleseberechtigung für die Tabelle „Bewertung“.

Screenshot der Liste der Ideentabellenzeilen mit einem Popup-Fenster mit einem Formular mit ausgewählten Zeilendetails