Vytvorenie úplne novej plátnovej aplikácie pomocou služby Common Data Service for AppsCreate a canvas app from scratch using Common Data Service for Apps

Pomocou štandardných entít (ktoré sú vstavané) alebo vlastných entít (ktoré vytvára organizácia) vytvorte plátnovú aplikáciu na správu údajov uložených v službe Common Data Service for Apps.Build a canvas app to manage data that's stored in Common Data Service for Apps, using standard entities (which are built in), custom entities (which your organization creates), or both.

Keď vytvárate aplikáciu zo služby Common Data Service, nemusíte vytvárať spojenie zo služby PowerApps tak, ako sa to robí v prípade iných zdrojov údajov, napr. SharePoint, Dynamics 365 alebo Salesforce.When you build an app from the 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. Musíte iba určiť entity, ktoré chcete zobrazovať, spravovať alebo používať v aplikáciách pre obe aktivity.You only need to specify the entities that you want to show, manage, or use for both activities in the app.

PredpokladyPrerequisites

Otvorenie prázdnej aplikácieOpen a blank app

  1. Prihláste sa do služby PowerApps.Sign in to PowerApps.

  2. V časti Vytvoriť vlastnú aplikáciu ukážte na dlaždicu Začnite úplne od začiatku pre plátnové aplikácie, kliknite alebo ťuknite na ikonu telefónu a potom kliknite alebo ťuknite na položku Vytvoriť túto aplikáciu.Under Make your own app, hover over the Start from blank tile for canvas apps, click or tap the phone icon, and then click or tap Make this app.

    Dlaždica prázdnej aplikácie

    Môžete navrhnúť aplikáciu úplne od začiatku pre telefóny alebo iné zariadenia (napr. tablety). V tejto téme sa zameriame na navrhovanie aplikácie pre telefóny.You can design an app from scratch for phones or other devices (such as tablets); this topic will focus on designing an app for phones.

Zadanie entitySpecify an entity

  1. V strede obrazovky kliknite alebo ťuknite na položku Pripojiť sa k údajom a potom na table Údaje kliknite alebo ťuknite na pripojenie Common Data Service.In the middle of the screen, click or tap connect to data and then, in the Data pane, click or tap the Common Data Service connection.

  2. Do vyhľadávacieho poľa zadajte alebo prilepte niekoľko prvých písmen výrazu Kontá na filtrovanie zoznamu entít, začiarknite políčko Kontá a potom kliknite alebo ťuknite na položku Pripojiť.In the search box, type or paste the first few letters of Accounts to filter the list of entities, select the Accounts check box, and then click or tap Connect.

    Zadanie entity Kontá

  3. Zavrite tablu Údaje kliknutím alebo ťuknutím na ikonu Zavrieť v pravom hornom rohu.Close the Data pane by clicking or tapping the close icon in the upper-right corner.

Pridanie obrazovky so zoznamomAdd a list screen

  1. Na karte Domov kliknite alebo ťuknite na šípku nadol pri položke Nová obrazovka a potom kliknite alebo ťuknite na položku Obrazovka so zoznamom.On the Home tab, click or tap the down arrow for New screen, and then click or tap List screen.

    Pridanie obrazovky so zoznamom

  2. V ľavom navigačnom paneli kliknutím alebo ťuknutím vyberte položku TemplateGalleryList1 a potom nastavte hodnotu vlastnosti Items na tento vzorec:In the left navigation bar, click or tap TemplateGalleryList1 to select it, 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))

    Tento vzorec určuje, že:This formula specifies that:

    • Galéria by mala zobrazovať údaje z entity Kontá.The gallery should show data from the Accounts entity.

    • Údaje by mali byť zoradené vo vzostupnom poradí, kým používateľ neklikne alebo neťukne na tlačidlo Zoradiť na prepnutie poradia zoradenia.The data should be sorted in ascending order until a user clicks or taps the sort button to toggle the sort order.

    • Ak používateľ zadá alebo prilepí jeden alebo viacero znakov do panela hľadania, v zozname sa zobrazia iba tie kontá, pre ktoré pole názvu obsahuje znaky, ktoré používateľ zadal.If a user types or pastes one or more characters into the search bar, the list will show only those accounts for which the name field contains the characters that the user specified.

      Pomocou týchto a mnohých ďalších funkcií môžete určiť, ako sa vaša aplikácia zobrazí a bude správať.You can use these and many other functions to specify how your app appears and behaves.

      Nastavenie vlastnosti galérie Items

  3. Nastavte rozloženie galérie na zobrazenie iba názvu každého konta a nakonfigurovať záhlavie okna na zobrazenie slova Prehľadávať, ako je popísané v časti Prispôsobenie galérie.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.

    Obrazovka prehľadávania

  4. V ľavom navigačnom paneli ukážte myšou na položku Screen1, kliknite alebo ťuknite na ikonu troch bodiek (…) a potom kliknite alebo ťuknite na položku Odstrániť.In the left navigation bar, hover over Screen1, click or tap the ellipsis icon (...), and then click or tap Delete.

  5. V ľavom navigačnom paneli ukážte myšou na položku Screen2, kliknite alebo ťuknite na ikonu troch bodiek (…) a potom kliknite alebo ťuknite na položku Premenovať.In the left navigation bar, hover over Screen2, click or tap the ellipsis icon (...), and then click or tap Rename.

  6. Zadajte alebo prilepte text BrowseScreen a potom premenujte galériu na tejto obrazovke na BrowseGallery.Type or paste BrowseScreen, and then rename the gallery in that screen as BrowseGallery.

    Premenovanie obrazovky prehľadávania, galérie

Pridanie obrazovky s formuláromAdd a form screen

  1. Zopakujte prvý krok predchádzajúceho postupu s výnimkou pridania obrazovky s formulárom namiesto obrazovky so zoznamom.Repeat the first step of the previous procedure, except add a Form screen instead of a List screen.

  2. Nastavenie vlastnosť formulára DataSource na Accounts a jeho vlastnosť Item na BrowseGallery.Selected, ako je zobrazené na karte Spresnenie na pravej table.Set the form's DataSource property to Accounts and its Item property to BrowseGallery.Selected, as shown on the Advanced tab of the right-hand pane.

    Nastavenie vlastností formulára DataSource a Item

  3. Na karte Vlastnosti na pravej table kliknutím alebo ťuknutím na položku Kontá otvorte tablu Údaje a potom začiarknite políčka pre tieto polia:On the Properties tab of the right-hand pane, click or tap Accounts to open the Data pane, and then select the checkboxes for these fields:

    • Názov kontaAccount name
    • Address 1: Street 1Address 1: Street 1
    • Address 1: CityAddress 1: City
    • Address 1: ZIP/Postal CodeAddress 1: ZIP/Postal code
    • Number of EmployeesNumber of Employees
    • Annual RevenueAnnual Revenue
  4. Nastaviť vlastnosť záhlavia okna Text na vytvorenie alebo úpravy.Set the title bar's Text property to show Create/Edit.

    Na obrazovke sa prejavia vykonané zmeny.The screen reflects your changes.

    Nastavenie vlastností formulára DataSource a Item

  5. Premenujte túto obrazovku na FormScreen.Rename this screen FormScreen.

Konfigurácia ikonConfigure icons

  1. Na obrazovke BrowseScreen kliknite alebo ťuknite na kruhovú ikonu v hornej časti obrazovky a nastavte jej vlastnosť OnSelect na tento vzorec:On the BrowseScreen, click or tap the circular icon near the top of the screen, and set its OnSelect property to this formula:

    Refresh(Accounts)

    Ikona obnovenia

  2. Kliknite alebo ťuknite na ikonu so znamienkom plus a nastavte jej vlastnosť OnSelect na tento vzorec:Click or tap the plus icon, and set its OnSelect property to this formula:

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

    Ikona Pridať

  3. Kliknite alebo ťuknite na prvú šípku ukazujúcu doprava a nastavte jej vlastnosť OnSelect na tento vzorec:Click or tap the first arrow pointing to the right, and set its OnSelect property to this formula:

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

    Ikona Ďalej

  4. Na obrazovke FormScreen, kliknite alebo ťuknite na ikonu Zrušiť a nastavte jej vlastnosť OnSelect na tento vzorec:On the FormScreen, click or tap the cancel icon, and set its OnSelect property to this formula:

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

    Ikona Zrušiť

  5. Kliknite alebo ťuknite na ikonu v tvare značky začiarknutia a nastavte jej vlastnosť OnSelect na tento vzorec:Click or tap the checkmark icon, and set its OnSelect property to this formula:

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

    Ikona v tvare značky začiarknutia

  6. Na karte Vložiť kliknite alebo ťuknite na položku Ikony a potom kliknite alebo ťuknite na ikonu koša.On the Insert tab, click or tap Icons, and then click or tap the Trash icon.

  7. Vlastnosť ikony koša Color nastavte na hodnotu White a jej vlastnosť OnSelect na tento vzorec:Set the Trash icon's Color property to White and its OnSelect property to this formula:

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

    Ikona koša

Otestovanie aplikácieTest the app

  1. Na ľavom navigačnom paneli vyberte položku BrowseScreen a potom stlačením tlačidla F5 otvoríte Ukážku (prípadne kliknite alebo ťuknite na ikonu prehrávania v pravom hornom rohu).In the left navigation bar, select BrowseScreen, and then open Preview by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).

    Otvorenie ukážky

  2. Môžete prepínať medzi vzostupným a zostupným poradím zoradenia zoznamu a filtrovať zoznam podľa konkrétnych znakov v názve každého konta.Toggle the list between ascending and descending sort orders, and filter the list by specific characters in each account name.

  3. Môžete pridať konto, upraviť konto, ktoré ste pridali, spustiť aktualizáciu konta, ale zmeny sa zrušia a potom odstráni konto.Add an account, edit the account that you added, start to update the account but cancel your changes, and then delete the account.

Ďalšie krokyNext steps