Wie man eine Canvas App, die mit Microsoft Dataverse verbunden ist, von Grund auf erstellt

Microsoft Dataverse ist eine erstklassige Datenplattform für Power Platform. Mit Dataverse können Sie die von Ihren Apps verwendeten Daten sicher in einer Reihe von Tabellen speichern und verwalten.

In diesem Artikel erstellen wir eine App, die mit vorhandenen Daten in einer Power Platform-Umgebung verbunden ist.

Anforderungen

Für diese Lektion benötigen Sie eine Power Apps-Umgebung mit einer Dataverse-Datenbank, die mindestens eine Tabelle mit Daten enthält. Wenn Sie noch keine Lizenz haben, können Sie sich für den Power Apps Developer Plan anmelden oder einen Power Apps Test verwenden.

Testumgebung erstellen

Bei einer Umgebung in Power Apps handelt es sich um Speicherplatz zum Verwalten und Freigeben der Geschäftsdaten, Apps, Chatbots und Flows Ihrer Organisation. Sie dienen auch als Container zum Trennen von Apps, die über unterschiedliche Rollen, Sicherheitsanforderungen und Zielgruppen verfügen. Jede Umgebung kann eine eigene Dataverse-Datenbank haben.

Um sicherzustellen, dass Sie alles haben, was Sie für diese Lektion benötigen, erstellen wir eine neue Umgebung mit einer Dataverse Datenbank. Bei dieser Umgebung handelt es sich um einen 30-tägigen Test, der nach Ablauf der 30 Tage verschwindet, aber Sie können sie zu einer Sandbox- oder Produktionsumgebung upgraden, wenn Sie sie behalten möchten.

Wir erstellen eine Testumgebung, die eine Dataverse-Datenbank und die in diesem Artikel verwendeten Beispieldaten enthält.

1. Wechseln Sie zum Power Platform Admin Center.

2. Umgebungen auswählen.

3. Wählen Sie Neu.

4. Nennen Sie die Umgebung Dataverse Trial.

5. Wählen Sie Test als Umgebungstyp.

6. Schalten Sie Datenbank erstellen auf Ja um.

7. Wählen Weiter aus.

   

8. Schalten Sie Beispiel-Apps und -Daten bereitstellen auf Ja.

9. Wählen Sie Speichern aus.

Ihre Test Umgebung wird nun erstellt, einschließlich einer Dataverse Datenbank und Beispieldaten.

Erstellen Sie eine Canvas App

Ein Canvas-App mit Konten Tabelle in Dataverse erstellen. Wenn Sie fertig sind, wird Power Apps eine App für Sie generieren. Diese App enthält die folgenden Bildschirme:

• Bildschirm durchsuchen – ein Bildschirm zum Suchen, Sortieren und Auswählen eines Datensatzes und zum Starten des Bearbeitungsbildschirms, um einen neuen Datensatz zu erstellen.
• Detailbildschirm – ein schreibgeschützter Bildschirm, der die Details des im Durchsuchen-Bildschirm ausgewählten Datensatzes anzeigt.
• Bearbeitungsbildschirm – ein Formular, mit dem Sie die Details eines ausgewählten Datensatzes bearbeiten oder neue Datensätze erstellen können.

Testen Sie die App

Ab Power Apps Studio können Sie eine Vorschau Ihrer App anzeigen, um sie auszuprobieren.

1. Wählen Sie Spielen in der oberen rechten Ecke des Bildschirms.

2. Wählen Sie aus der Liste Konto Alpine Ski House.

3. Sehen Sie sich die Details von Alpine Ski House an.

4. Wählen Sie , um den Datensatz zu bearbeiten.

5. Entfernen Sie im Formular zum Bearbeiten (Beispiel) aus dem Feld Kontoname.

6. Wählen Sie , um die Änderungen im Datensatz zu speichern.

7. Zurück in der Kontenliste wählen Sie +, um ein neues Formular für den Datensatz zu öffnen.

8. Geben Sie die gewünschten Felder ein, z.B. Kontoname.

9. Speichern Sie den Datensatz.

10. Überprüfen Sie, ob der neu erstellte Datensatz im Katalog der Kontenliste erscheint.

11. Um den Vorschaumodus zu verlassen, wählen Sie in der oberen rechten Ecke des Bildschirms.

Verwenden der Baumansicht

Die Baumansicht befindet sich auf der linken Seite des Bildschirms (wenn Sie sie nicht sehen, wählen Sie die Schaltfläche ). Die Baumansicht ermöglicht Ihnen einen einfachen Zugriff auf die Komponenten in Ihrer Canvas App, wie z.B. Bildschirme, Kataloge, Texteingabeelemente und Textlabels.

Die Baumansicht kann nach Bildschirmen eingeklappt oder erweitert werden, so dass Sie sich leicht auf den Teil der App konzentrieren können, an dem Sie gerade arbeiten.

Derzeit ist der BrowseScreen1 erweitert. Um die Komponenten für andere Bildschirme zu sehen, wählen Sie > neben dem Namen des Bildschirms.

Ändern Sie den Katalog der Konten

Ein Katalog in Power Apps dient dazu, mehrere zusammenhängende Elemente anzuzeigen. In unserer App zum Beispiel zeigt BrowseGallery1 alle Datensätze unserer Konten an. Wenn eines der Elemente ausgewählt wird, wird ein Rahmen um das Element gelegt, um anzuzeigen, dass es ausgewählt wurde.

Dieser Katalog enthält standardmäßig die folgenden drei Felder: Kontoname, Telefonnummer und Stadt.

Wir können jedoch die in den Katalog aufgenommenen Felder ändern.

1. Wählen Sie in der Strukturansicht BrowseGallery1.

2. Wählen Sie im Eigenschaftenbereich auf der rechten Seite des Bildschirms Bearbeiten.

   

3. Das Felddatenfenster wird angezeigt. Ändern Sie Untertitel in Website.

4. Wählen Sie außerhalb des Felddatenfensters.

5. Die App zeigt nun den Wert des Website-Feldes anstelle der Telefonnummer an.

   

Suche aktualisieren, um den Kontonamen einzubeziehen

Bei der Vorschau der App ist Ihnen vielleicht aufgefallen, dass die Suche nach dem Kontonamen nicht funktioniert hat. Das liegt daran, dass die automatisch generierte Formel für die Suche in der App das Feld Kontoname nicht enthält. In dieser Lektion werden wir die Suchformel aktualisieren, so dass sie das Feld Kontoname enthält.

Tipp

Der Kontoname wird in einer Spalte namens Name gespeichert.

1. Wählen Sie in der Strukturansicht BrowseGallery1.

2. Stellen Sie sicher, dass die Eigenschaft Items im Eigenschaftsselektor ausgewählt ist.

3. Aktualisieren Sie in der Formelleiste die Formel wie folgt:

   Power Fx

   SortByColumns(Search([@Accounts], TextSearchBox1.Text, "name","address1_city","address1_composite"), "name", If(SortDescending1, Descending, Ascending))
   

   Die Formel besteht aus den Funktionen Sortieren nach Spalten, Suchen und Wenn, um die Tabelle Konten mit dem in das Suchfeld eingegebenen Text zu durchsuchen, der die übereinstimmenden Daten in den Feldern Name, Adresse1_Ort und Adresse1_Komposit enthält, und die Sortierung zuzulassen.

Die Kontenliste kann nun nach dem Feld Kontoname durchsucht und sortiert werden.

Fügen Sie Felder zum Konto-Detailbildschirm hinzu

DatenScreen1 enthält ein Formular, das die Daten des auf dem Durchsuchen-Bildschirm ausgewählten Datensatzes anzeigt. Die Steuerelemente des Formulars sind schreibgeschützt und sollen es Benutzern erlauben, Daten zu lesen, aber nicht zu erstellen oder zu bearbeiten.

1. Erweitern Sie in der Strukturansicht DetailScreen1.

2. Wählen Sie DetailForm1.

3. Wählen Sie im Eigenschaftsfenster auf der rechten Seite Felder bearbeiten.

4. Wählen Sie Feld hinzufügen aus.

5. Wählen Sie die folgenden Felder aus:

   • Adresse 1: Land
   • Adresse 1: Bundesland/Kanton
   • Adresse 1: Straße 1
   • Adresse 1: Postleitzahl

6. Wählen Sie Hinzufügen.

   

7. Sie sehen nun die ausgewählten Felder im Feldbedienfeld. Ordnen Sie die Felder neu an, indem Sie sie ziehen und ablegen oder indem Sie ... (Auslassungspunkte) rechts neben dem Feldnamen wählen und Nach oben verschieben oder Nach unten verschieben.

8. Ordnen Sie das Feld in der folgenden Reihenfolge an:

   • Firmenname
   • Primäre Telefonnummer
   • Adresse 1: Straße 1
   • Adresse 1: Ort
   • Adresse 1: Bundesland/Kanton
   • Adresse 1: Postleitzahl/Postleitzahl
   • Adresse 1: Land/Region

   

9. Wählen Sie eine beliebige Stelle außerhalb des Feldbereichs, um den Bereich zu schließen, und kehren Sie zum DetailScreen1 zurück.

Sie sehen nun die ausgewählten Felder in der richtigen Reihenfolge.

Kontobearbeitungsbildschirm ändern

BearbeitungsScreen1 lässt Benutzer zu, Datensätze für Konten zu bearbeiten oder zu erstellen. Dieser Bildschirm enthält ein Steuerelement Formular bearbeiten mit der Bezeichnung BearbeitenFormular1.

Hinweis

Da das Formular zum Bearbeiten eine der wichtigsten Methoden zum Erstellen oder Aktualisieren von Datensätzen ist, sollte es alle Felder enthalten, die Ihre Benutzer senden können sollen, und keine Felder, die schreibgeschützt sind oder von denen Sie nicht wollen, dass Ihre Benutzer sie ändern.

In dieser Lektion fügen wir dieselben Felder hinzu, die wir bereits dem Formular für die Anzeige hinzugefügt haben, und zusätzlich die Möglichkeit, Dateien anzuhängen.

1. Erweitern Sie in der Strukturansicht EditScreen1.

2. Wählen Sie BearbeitenFormular1.

3. Wählen Sie im Eigenschaftsfenster auf der rechten Seite Bearbeiten von Feldern.

4. Wählen Sie Feld hinzufügen aus.

5. Wählen Sie die folgenden Felder aus:

   • Adresse 1: Land
   • Adresse 1: Bundesland/Kanton
   • Adresse 1: Straße 1
   • Adresse 1: Postleitzahl

6. Sie sehen nun die ausgewählten Felder im Feldbereich. Ordnen Sie die Felder neu an, indem Sie sie ziehen und ablegen oder indem Sie ... (Auslassungspunkte) rechts neben dem Feldnamen wählen und Nach oben verschieben oder Nach unten verschieben.

7. Ordnen Sie das Feld in der folgenden Reihenfolge an:

   • Firmenname
   • Primäre Telefonnummer
   • Adresse 1: Straße 1
   • Adresse 1: Ort
   • Adresse 1: Bundesland/Kanton
   • Adresse 1: Postleitzahl/Postleitzahl
   • Adresse 1: Land/Region

8. Wählen Sie eine beliebige Stelle außerhalb des Feldfensters, um das Feldfenster zu schließen.

9. Um unnötiges Scrollen in der App zu minimieren, möchten wir, dass das Formular bearbeiten die Felder in zwei Spalten anordnet. Wählen Sie im Eigenschaftenbereich rechts in der Dropdown-Liste Spalten die Option 2.

10. Um das Formular übersichtlicher zu gestalten, wollen wir den Teil Adresse 1: aus den Beschriftungen der Adressfelder entfernen.

    • Erweitern Sie in der Strukturansicht EditForm1.
    • Wählen Sie das Steuerelement Adresse 1: City_DataCard2.
    • Wählen Sie im Eigenschaftsbereich auf der rechten Seite Erweitert.
    • Wählen Sie Sperre zum Ändern von Eigenschaften aufheben.
    • Ändern Sie die Eigenschaft DisplayName in Stadt.
    • Folgen Sie den obigen Schritten, um Adresse 1: aus den Feldern Straße 1, Land/Region, Status/Provinz und Postleitzahl zu entfernen.

EditScreen1 sollte nun wie folgt aussehen:

App speichern

Wenn Sie die App speichern, können Sie Ihre App verwenden und mit anderen teilen.

1. In Power Apps Studio wählen Sie Datei.

2. Geben Sie in das Feld Name Kontomanager ein.

3. Wählen Sie ein Symbol und eine Hintergrundfarbe aus dem Bereich Symbol. Dies wird zur Identifizierung Ihrer App in der App-Liste verwendet.

4. Wählen Sie Speichern aus.

5. Wählen Sie Speichern in der unteren rechten Ecke.

6. Sobald die App gespeichert ist, wählen Sie den Zurück-Pfeil, um zur Power Apps Studio zurückzukehren.

   

App ausführen

1. Melden Sie sich bei Power Apps an.

2. Vergewissern Sie sich, dass Sie sich in der Umgebung befinden, in der Sie die App erstellt haben, indem Sie in der oberen rechten Ecke des Bildschirms nachsehen. Falls nicht, wählen Sie Umgebung und wählen Sie die entsprechende Umgebung.

3. Wählen Sie Apps aus.

4. Wählen Sie in der Liste der Apps Kontomanager.

5. Wenn die App geladen wird, überprüfen Sie die vorgenommenen Änderungen.

   • Suchen Sie in der App-Liste nach Blue Yonder Airlines.
   • Wählen Sie den Datensatz Blue Yonder und überprüfen Sie, ob Sie die Felder sehen, die dem Formular anzeigen hinzugefügt wurden.
   • Wählen Sie , um den Datensatz zu bearbeiten.
   • Überprüfen Sie, ob das Formular zwei Spalten mit Feldern anzeigt.
   • Stellen Sie sicher, dass die Feldnamen in den Labels nicht Adresse 1: anzeigen.
   • Wählen Sie Datei anhängen im Bereich Anhang, wählen Sie eine Datei und wählen Sie Öffnen.
   • Überprüfen Sie, ob die hochgeladene Datei in der Liste der Anhänge erscheint.
   • Wählen Sie , um den Datensatz zu speichern.

hre App auf Mobilgeräten ausführen

Um Ihre Power Apps auf Ihrem mobilen Gerät zu testen:

1. Laden Sie die App aus Ihrem Mobile-App-Store herunter.
2. Melden Sie sich mit Ihrem Arbeits- oder Schulkonto an.
3. Wählen Sie Ihre App aus der Liste aus.

Siehe auch

• Eine Canvas-App anhand einer Vorlage erstellen
• Ein Steuereleent in Canvas-App hinzufügen und konfigurieren
• Erste Schritte mit Canvas-App-Formeln