Übungslab 5: – Externe Daten

In diesem Lab fügen Sie eine externe Datenquelle hinzu.

Lernziele

Sie müssen Folgendes abgeschlossen haben: Lab 4: Erstellen der Benutzeroberfläche

Wählen Sie im Power Apps Maker-Portal https://make.powerapps.com das App-Startfeld oben links im Browserfenster und dann SharePoint aus.
Wenn das Popupdialogfeld Willkommen auf der SharePoint-Startseite angezeigt wird, wählen Sie ✖ aus, um das Dialogfeld zu schließen.
Wählen Sie in SharePoint + Website erstellen aus.
Wählen Sie Teamwebsite, die Vorlage Standardteam und dann Vorlage verwenden aus.
Geben Sie Pet boarding als Websitename ein, und wählen Sie Weiter aus.
Wählen Sie Standort anlegen.
Wählen Sie Fertig stellenaus.
Wenn das Popupdialogfeld Mit dem Entwerfen Ihrer Website beginnen angezeigt wird, schließen Sie das Dialogfeld.

Wählen Sie auf der SharePoint-Website + Neu und dann Liste aus.
Wählen Sie Leere Liste aus.
Geben Sie Bookings als Name ein, und wählen Sie Erstellen aus.
Wählen Sie + Spalte hinzufügen und Text, und dann Weiter aus.
Geben Sie im Bereich Spalte erstellen die folgenden Werte ein, oder wählen Sie sie aus:
1. Name: Pet Name
2. Datentyp: Einzelne Textzeile
Wählen Sie Speichern.
Wählen Sie + Spalte hinzufügen und Text, und dann Weiter aus.
Geben Sie im Bereich Spalte erstellen die folgenden Werte ein, oder wählen Sie sie aus:
1. Name: Owner Name
2. Datentyp: Einzelne Textzeile
Wählen Sie Speichern.
Wählen Sie + Spalte hinzufügen und dann Datum und Uhrzeit aus, und wählen Sie Weiter aus.
Geben Sie im Bereich Erstellen einer Spalte die folgenden Werte ein, oder wählen Sie sie aus:
1. Name: Start Date
2. Datentyp: Datum und Uhrzeit
Wählen Sie Speichern.
Wählen Sie + Spalte hinzufügen und dann Datum und Uhrzeit aus, und wählen Sie Weiter aus.
Geben Sie im Bereich Erstellen einer Spalte die folgenden Werte ein, oder wählen Sie sie aus:
1. Name: End Date
2. Datentyp: Datum und Uhrzeit
Wählen Sie Speichern.
Kopieren Sie den ersten Teil der URL der SharePoint-Website, z. B. https://m365x99999999.sharepoint.com/sites/Petboarding/.

Navigieren Sie zum Power Apps Maker-Portal https://make.powerapps.com.
Stellen Sie sicher, dass Sie sich in der Umgebung Dev One befinden.
Wählen Sie im linken Navigationsmenü die Registerkarte Apps aus.
Wählen Sie die Buchungsanfrage-App, die Befehle (…) und dann Bearbeiten > Auf neuer Registerkarte bearbeiten aus.

Wählen Sie im App-Erstellungsmenü Daten aus.
Wählen Sie das Dropdown-Caretzeichen neben Daten hinzufügen aus, und geben Sie im Bereich Suche den Text SharePoint ein.
Wählen Sie SharePoint aus.
Wählen Sie Direkt verbinden (Clouddienste) und dann Verbinden aus.
Geben Sie die URL der SharePoint-Website ein, die Sie zuvor in diesem Lab erstellt haben.
Wählen Sie Verbinden aus.
Wählen Sie Buchungen aus.
Wählen Sie Verbinden aus.

Wählen Sie im Menü für die App-Erstellung Einfügen (+) aus.
Wählen Sie Vertikaler Katalog.
Wählen Sie Buchungen für die Datenquelle aus.
Wählen Sie Titel und Untertitel für Layout aus.
Wählen Sie 6 ausgewählt neben Felder aus.
Wählen Sie Name des Haustiers für Titel3 aus.
Wählen Sie Startdatum für Untertitel3 aus.
Schließen Sie den Bereich Daten.
Wählen Sie im Menü für die App-Erstellung Strukturansicht aus.
Ändern Sie den Namen des Katalogs in BookingList.
Legen Sie die Eigenschaften des Katalogs in der Bearbeitungsleiste wie folgt fest:
1. X = 1000
2. Y = 80
3. Höhe = 575
4. Breite = 250

Wählen Sie im Menü für die App-Erstellung Strukturansicht aus.
Erweitern Sie BookingRequestList.
Wählen Sie NextArrow aus.
Legen Sie die OnSelect-Eigenschaft von NextArrow in der Bearbeitungsleiste auf Folgendes fest:
```
 Collect(colRequests, ThisItem)
```
Wählen Sie im Menü für die App-Erstellung Strukturansicht aus.
Wählen Sie das App-Objekt aus.
Legen Sie die OnStart-Eigenschaft in der Bearbeitungsleiste auf Folgendes fest:
```
 Clear(colRequests)
```

Wählen Sie im Menü für die App-Erstellung Strukturansicht aus.
Wählen Sie BookingRequestList aus.
Wählen Sie oben links im Katalogsteuerelement das Bleistiftsymbol aus.
Wählen Sie im Menü für die App-Erstellung Einfügen (+) aus.
Erweitern Sie Symbole.
Wählen Sie Blocked (Blockiert) aus. Das Symbol wird jeder Zeile im Katalog hinzugefügt.
Legen Sie die Eigenschaften des Symbols in der Bearbeitungsleiste wie folgt fest:
1. X = 150
2. Y = 40
3. Höhe = 30
4. Breite=30
Wählen Sie im Menü für die App-Erstellung Strukturansicht aus.
Benennen Sie das Symbol in DeclineIcon um.
Legen Sie die OnSelect-Eigenschaft von DeclineIcon in der Bearbeitungsleiste auf Folgendes fest:
```
 Patch('Booking Requests', ThisItem, {Decision: 'Decision (Booking Requests)'.Declined})
```

Wählen Sie im App-Erstellungsmenü Daten aus.
Wählen Sie das Dropdown-Caretzeichen neben Daten hinzufügen aus, und geben Sie im Bereich Suche den Text Office 365 ein.
Wählen Sie Office 365-Benutzer aus.
Wählen Sie Verbinden aus.

Klicken Sie außerhalb des Katalogs im leeren Canvas-Panel, oder wählen Sie Hauptbildschirm in der Strukturansicht aus.
Wählen Sie im Menü für die App-Erstellung Einfügen (+) aus.
Textbeschriftung auswählen.
Ziehen Sie die Bezeichnung nach oben rechts auf dem Bildschirm neben „UserLabel“.
Wählen Sie im Menü für die App-Erstellung Strukturansicht aus.
Benennen Sie die Beschriftung in UserDetailsLabel um.
Legen Sie die Texteigenschaft von UserDetailsLabel in der Bearbeitungsleiste auf Folgendes fest:
```
 Office365Users.MyProfile().Country
```
Legen Sie die Eigenschaften der Beschriftung in der Bearbeitungsleiste wie folgt fest:
1. X = 930
2. Y = 20
3. Größe=18
4. Farbe=Color.White
Wählen Sie oben rechts in Power Apps Studio die Option Speichern aus.
Wählen Sie oben links in der Befehlsleiste die Schaltfläche <- Zurück und dann Verlassen aus, um die App zu beenden.