Erstellen einer Canvas-App von Grund auf mit Common Data ServiceCreate a canvas app from scratch using Common Data Service

Erstellen Sie eine Canvas-App, um Daten zu verwalten, die in Common Data Service gespeichert sind. Verwenden Sie dazu (integrierte) Standardentitäten, (von Ihrem Unternehmen erstellte) benutzerdefinierte Entitäten oder beides.Build a canvas app to manage data that's stored in Common Data Service, using standard entities (which are built in), custom entities (which your organization creates), or both.

Wenn Sie eine App mit Common Data Service erstellen, müssen Sie keine Verbindung über PowerApps herstellen, wie dies bei Datenquellen wie SharePoint, Dynamics 365 oder Salesforce erforderlich ist.When you build an app from Common Data Service, you don't need to create a connection from PowerApps, as you do with data sources such as SharePoint, Dynamics 365, or Salesforce. Sie müssen nur die Entitäten angeben, die Sie in der App anzeigen bzw. verwalten möchten.You need only to specify the entities that you want to show or manage in the app.

VorraussetzungenPrerequisites

Öffnen einer leeren AppOpen a blank app

  1. Melden Sie sich bei PowerApps an.Sign in to PowerApps.

  2. Wählen Sie unter Eigene App erstellen die Option Canvas-App ohne Vorlage aus.Under Make your own app, select Canvas app from blank.

    Kachel für leere App

  3. Geben Sie einen Namen für Ihre App an, wählen Sie Telefon aus, und klicken Sie dann auf Erstellen.Specify a name for your app, select Phone, and then select Create.

    Sie können auch für Tablets eine App von Grund auf neu erstellen. In diesem Thema geht es jedoch um das Erstellen einer App für Smartphones.You can build an app from scratch for tablets, but this topic shows building an app for phones.

Angeben einer EntitätSpecify an entity

  1. Wählen Sie in der Mitte des Bildschirms Mit Daten verbinden aus.In the middle of the screen, select connect to data.

  2. Klicken Sie im Bereich Daten auf Common Data Service, aktivieren Sie das Kontrollkästchen bei Konten, und klicken Sie anschließend auf Verbinden.In the Data pane, select Common Data Service, select the Accounts check box, and then select Connect.

  3. Schließen Sie den Bereich Daten, indem Sie in der oberen rechten Ecke das Symbol zum Schließen auswählen.Close the Data pane by selecting the close icon in the upper-right corner.

Hinzufügen einer ListenanzeigeAdd a list screen

  1. Wählen Sie auf der Registerkarte Start den Pfeil nach unten für Neuer Bildschirm aus, und klicken Sie dann auf Liste.On the Home tab, select the down arrow for New screen, and then select List.

    Hinzufügen einer Listenanzeige

  2. Klicken Sie in der linken Navigationsleiste auf BrowseGallery1, und legen Sie dann den Wert für die Eigenschaft Elemente auf die folgende Formel fest:In the left navigation bar, select BrowseGallery1, and then set the value of the Items property to this formula:

    SortByColumns(Search(Accounts; TextSearchBox1.Text; "name"); "name"; If(SortDescending1; SortOrder.Descending; SortOrder.Ascending))

    Diese Formel gibt Folgendes an:This formula specifies that:

    • Im Katalog sollten die Daten aus der Entität Accounts angezeigt werden.The gallery should show data from the Accounts entity.

    • Die Daten sollten in aufsteigender Reihenfolge angezeigt werden, bis der Benutzer auf die Schaltfläche „Sortieren“ klickt, um die Reihenfolge umzukehren.The data should be sorted in ascending order until a user selects the sort button to toggle the sort order.

    • Wenn der Benutzer mindestens ein Zeichen in die Suchleiste eintippt bzw. einfügt (TextSearchBox1), werden in der Liste nur die Konten angezeigt, in denen das Namensfeld die vom Benutzer angegebenen Zeichen enthält.If a user types or pastes one or more characters into the search bar (TextSearchBox1), the list will show only those accounts for which the name field contains the characters that the user specified.

      Sie können diese sowie viele weitere Funktionen verwenden, um anzugeben, wie Ihre App angezeigt werden und sich verhalten soll.You can use these and many other functions to specify how your app appears and behaves.

      Festlegen der Items-Eigenschaft des Katalogs

  3. Legen Sie das Layout des Katalogs fest, damit nur die Namen der einzelnen Konten angezeigt werden, und konfigurieren Sie die Titelleiste, um das Wort Durchsuchen anzuzeigen. Dies wird unter Customize a gallery (Anpassen eines Katalogs) beschrieben.Set the gallery's layout to show only the name of each account, and configure the title bar to show the word Browse, as Customize a gallery describes.

    Bildschirm zum Durchsuchen

  4. Zeigen Sie in der linken Navigationsleiste auf Screen1, klicken Sie auf die Auslassungspunkte (...), und klicken Sie anschließend auf Löschen.In the left navigation bar, hover over Screen1, select the ellipsis icon (...), and then select Delete.

  5. Zeigen Sie in der linken Navigationsleiste auf Screen2, klicken Sie auf die Auslassungspunkte (...), und klicken Sie anschließend auf Umbenennen.In the left navigation bar, hover over Screen2, select the ellipsis icon (...), and then select Rename.

  6. Geben bzw. fügen Sie BrowseScreen ein, und benennen Sie den Katalog in dieser Anzeige in BrowseGallery um.Type or paste BrowseScreen, and then rename the gallery in that screen as BrowseGallery.

    Katalog: Bildschirm zum Durchsuchen umbenennen

Hinzufügen eines FormularbildschirmAdd a form screen

  1. Wiederholen Sie den ersten Schritt des letzten Vorgangs, aber fügen Sie einen Formularbildschirm anstelle eines Listenbildschirms hinzu.Repeat the first step of the previous procedure, except add a Form screen instead of a List screen.

  2. Legen Sie die Formulareigenschaft DataSource auf Konten und die Eigenschaft Element auf BrowseGallery.Selected fest. Dies wird auf der Registerkarte Erweitert im rechten Bereich angezeigt.Set the form's DataSource property to Accounts and its Item property to BrowseGallery.Selected, as the Advanced tab of the right-hand pane shows.

    Festlegen der Eigenschaften „Datasource“ und „Item“ des Formulars

  3. Wählen Sie auf der Registerkarte Eigenschaften im rechten Bereich Felder bearbeiten aus, um den Bereich Felder zu öffnen.On the Properties tab of the right-hand pane, select Edit Fields to open the Fields pane.

  4. Klicken Sie auf Feld hinzufügen, und aktivieren Sie anschließend die Kontrollkästchen der folgenden Felder:Select Add field, and then select the check boxes for these fields:

    • KontonameAccount Name
    • Adresse 1: Straße 1Address 1: Street 1
    • Adresse 1: OrtAddress 1: City
    • Adresse 1: PostleitzahlAddress 1: ZIP/Postal code
    • Anzahl der MitarbeiterNumber of Employees
    • JahresumsatzAnnual Revenue

    Hinweis

    Außerhalb dieses Szenarios können Sie ein benutzerdefiniertes Feld erstellen, indem Sie Neues Feldauswählen, die erforderlichen Informationen bereitstellen und dann abgeschlossenauswählen.Outside of this scenario, you can create a custom field by selecting New field, providing the required information, and then selecting Done. Weitere Informationen finden Sie unter: Erstellen Sie ein Feld.More information: Create a field.

  5. Klicken Sie auf Hinzufügen.Select Add.

  6. Legen Sie die Text-Eigenschaft der Titelleiste auf Create/Edit (Erstellen/Bearbeiten) fest.Set the title bar's Text property to show Create/Edit.

    Auf dem Bildschirm werden dann die vorgenommenen Änderungen angezeigt.The screen reflects your changes.

    Festlegen der Eigenschaften „Datasource“ und „Item“ des Formulars

  7. Bennen Sie diese Anzeige in FormScreen um.Rename this screen FormScreen.

Konfigurieren von SymbolenConfigure icons

  1. Legen Sie unter BrowseScreen die Eigenschaft OnSelect für den kreisförmigen Pfeil im oberen Bereich des Bildschirms auf die folgende Formel fest:On the BrowseScreen, set the OnSelect property of the circular icon near the top of the screen to this formula:

    Refresh(Accounts)

    Symbol zum Aktualisieren

  2. Legen Sie die Eigenschaft OnSelect für das Pluszeichen auf die folgende Formel fest:Set the OnSelect property of the plus icon to this formula:

    NewForm(EditForm1);; Navigate(FormScreen; ScreenTransition.None)

    Symbol „Hinzufügen“

  3. Legen Sie die Eigenschaft OnSelect für den ersten Pfeil nach rechts auf die folgende Formel fest:Set the OnSelect property of the first arrow pointing to the right to this formula:

    EditForm(EditForm1);; Navigate(FormScreen; ScreenTransition.None)

    Symbol „Weiter“

  4. Legen Sie unter FormScreen die Eigenschaft OnSelect für das Symbol „Abbrechen“ auf die folgende Formel fest:On the FormScreen, set the OnSelect property of the cancel icon to this formula:

    ResetForm(EditForm1);;Navigate(BrowseScreen; ScreenTransition.None)

    Symbol „Abbrechen“

  5. Legen Sie die Eigenschaft OnSelect für das Häkchensymbol auf die folgende Formel fest:Set the OnSelect property of the checkmark icon to this formula:

    SubmitForm(EditForm1);; Navigate(BrowseScreen; ScreenTransition.None)

    Häkchensymbol

  6. Wählen Sie auf der Registerkarte Einfügen die Option Symbole und dann das Papierkorbsymbol aus.On the Insert tab, select Icons, and then select the Trash icon.

  7. Legen Sie für das Papierkorbsymbol die Color-Eigenschaft auf Weiß und die OnSelect-Eigenschaft auf die folgende Formel fest:Set the Trash icon's Color property to White and its OnSelect property to this formula:

    Remove(Accounts; BrowseGallery.Selected);; Navigate(BrowseScreen; ScreenTransition.None)

    Papierkorbsymbol

Testen der AppTest the app

  1. Klicken Sie in der linken Navigationsleiste auf BrowseScreen, und öffnen Sie dann die Vorschau, indem Sie F5 drücken (oder auf das Wiedergabesymbol in der oberen rechten Ecke klicken).In the left navigation bar, select BrowseScreen, and then open Preview by pressing F5 (or by selecting the play icon near the upper-right corner).

    Vorschau öffnen

  2. Lassen Sie die Liste abwechselnd in aufsteigender und absteigender Reihenfolge anzeigen, und filtern Sie diese nach einem oder mehreren Zeichen im Kontonamen.Toggle the list between ascending and descending sort orders, and filter the list by one or more characters in the account name.

  3. Fügen Sie ein Konto hinzu, bearbeiten Sie dieses, und beginnen Sie mit dem Update des Kontos. Verwerfen Sie jedoch Ihre Änderungen, und löschen Sie das Konto.Add an account, edit the account that you added, start to update the account but cancel your changes, and then delete the account.

Nächste SchritteNext steps