Vytvorenie plátnovej aplikácie úplne od začiatku pomocou služby Common Data ServiceCreate a canvas app from scratch using Common Data Service

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.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.

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, akými sú napríklad SharePoint, Dynamics 365 alebo Salesforce.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. Iba potrebujete určiť entity, ktoré chcete v aplikácii zobrazovať alebo spravovať.You need only to specify the entities that you want to show or manage 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 Vytvorte svoju vlastnú aplikáciu vyberte položku Plátnová aplikácia z prázdnej.Under Make your own app, select Canvas app from blank.

    Dlaždica prázdnej aplikácie

  3. Zadajte názov svojej aplikácie, vyberte položku Telefón a potom vyberte možnosť Vytvoriť.Specify a name for your app, select Phone, and then select Create.

    Aplikáciu môžete vytvoriť úplne od začiatku aj pre tablety. Táto téma sa však venuje vytváraniu aplikácie pre telefóny.You can build an app from scratch for tablets, but this topic shows building an app for phones.

Zadanie entitySpecify an entity

  1. V strede obrazovky vyberte možnosť pripojenia k údajom.In the middle of the screen, select connect to data.

  2. Na table Údaje vyberte položku Common Data Service, začiarknite políčko Kontá a potom vyberte položku Pripojiť.In the Data pane, select Common Data Service, select the Accounts check box, and then select Connect.

  3. Výberom ikony na zatvorenie v pravom hornom rohu zatvorte tablu Údaje.Close the Data pane by selecting the close icon in the upper-right corner.

Pridanie obrazovky so zoznamomAdd a list screen

  1. Na karte Domov vyberte šípku nadol pre možnosť Nová obrazovka a potom vyberte položku Zoznam.On the Home tab, select the down arrow for New screen, and then select List.

    Pridanie obrazovky so zoznamom

  2. V ľavom navigačnom paneli vyberte položku BrowseGallery1 a potom hodnotu vlastnosti Items nastavte na tento vzorec: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))

    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ľ nevyberie tlačidlo Zoradiť na prepnutie poradia zoradenia.The data should be sorted in ascending order until a user selects the sort button to toggle the sort order.

    • Ak používateľ do vyhľadávacieho panela (TextSearchBox1) zadá alebo prilepí aspoň jeden znak, v zozname sa zobrazia iba tie kontá, ktorých polia názvu obsahujú znaky, ktoré používateľ zadal.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.

      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 na prehľadávanie záznamov

  4. Na ľavom navigačnom paneli ukážte kurzorom myši na položku Screen1, vyberte ikonu troch bodiek (...) a potom vyberte položku Odstrániť.In the left navigation bar, hover over Screen1, select the ellipsis icon (...), and then select Delete.

  5. Na ľavom navigačnom paneli ukážte kurzorom myši na položku Screen2, vyberte ikonu troch bodiek (...) a potom vyberte položku Premenovať.In the left navigation bar, hover over Screen2, select the ellipsis icon (...), and then select 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. Nastavte vlastnosť formulára DataSource na Accounts a vlastnosť Item na BrowseGallery.Selected, ako je zobrazené na karte Rozšírené na pravej table.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.

    Nastavenie vlastností formulára DataSource a Item

  3. Na vlastnosti tably na pravej strane, vyberte na karte upraviť polia na otvorenie polia table.On the Properties tab of the right-hand pane, select Edit Fields to open the Fields pane.

  4. Vyberte položku Pridať pole a potom začiarknite políčka týchto polí:Select Add field, and then select the check boxes for these fields:

    • Názov kontaAccount Name
    • Adresa 1: Ulica 1Address 1: Street 1
    • Adresa 1: MestoAddress 1: City
    • Adresa 1: PSČAddress 1: ZIP/Postal code
    • Počet zamestnancovNumber of Employees
    • Ročný výnosAnnual Revenue

    Poznámka

    Mimo tento scenár, môžete vytvoriť vlastné pole tak, že vyberiete nové pole, poskytnutie požadovaných informácií a potom vyberú Hotovo.Outside of this scenario, you can create a custom field by selecting New field, providing the required information, and then selecting Done. Ďalšie informácie: Vytvorí pole.More information: Create a field.

  5. Vyberte položku Pridať.Select Add.

  6. 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

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

Konfigurácia ikonConfigure icons

  1. Na obrazovke BrowseScreen nastavte vlastnosť OnSelect kruhovej ikony v hornej časti obrazovky na tento vzorec:On the BrowseScreen, set the OnSelect property of the circular icon near the top of the screen to this formula:

    Refresh(Accounts)

    Ikona obnovenia

  2. Vlastnosť OnSelect ikony znamienka plus nastavte na tento vzorec:Set the OnSelect property of the plus icon to this formula:

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

    Ikona Pridať

  3. Vlastnosť OnSelect prvej šípky smerujúcej doprava nastavte na tento vzorec:Set the OnSelect property of the first arrow pointing to the right to this formula:

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

    Ikona Ďalej

  4. Na obrazovke FormScreen nastavte vlastnosť OnSelect ikony Zrušiť na tento vzorec:On the FormScreen, set the OnSelect property of the cancel icon to this formula:

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

    Ikona Zrušiť

  5. Vlastnosť OnSelect ikony v tvare značky začiarknutia nastavte na tento vzorec:Set the OnSelect property of the checkmark icon to this formula:

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

    Ikona v tvare značky začiarknutia

  6. Na karte Vložiť vyberte položku Ikony a potom vyberte ikonu Kôš.On the Insert tab, select Icons, and then select 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 vyberte ikonu prehrávania v pravom hornom rohu).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).

    Otvorenie ukážky

  2. Môžete prepínať medzi vzostupným a zostupným poradím zoradenia zoznamu a filtrovať zoznam podľa znakov v názve konta.Toggle the list between ascending and descending sort orders, and filter the list by one or more characters in the 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