Com crear una aplicació de llenç connectada al Microsoft Dataverse des de zero

Microsoft Dataverse és una plataforma de dades prèmium del Power Platform. El Dataverse us permet emmagatzemar i administrar de manera segura les dades utilitzades per les aplicacions en un conjunt de taules.

En aquest article, crearem una aplicació connectada a les dades existents en un entorn del Dataverse.

Requisits previs

Per completar aquesta lliçó, necessitareu un entorn del Power Apps amb una base de dades del Dataverse que contingui com a mínim una taula de dades. Si no teniu cap llicència, podeu registrar-vos al Pla de desenvolupadors del Power Apps o utilitzar una versió de prova del Power Apps.

Crear un entorn de prova

Un entorn al Power Apps és un espai on s'emmagatzemen, administren i comparteixen les dades d'empresa, les aplicacions, els bots de xat i els fluxos de la vostra organització. També serveix com a contenidor per separar aplicacions que podrien tenir diferents funcions, requisits de seguretat o públic objectiu. Cada entorn pot tenir una base de dades del Dataverse.

Per assegurar-vos que teniu allò que necessiteu per completar aquesta lliçó, crearem un entorn nou que inclogui una base de dades del Dataverse. Aquest entorn és una versió de prova de 30 dies que desapareixerà quan acabin els 30 dies, però podeu actualitzar-la a un entorn aïllat o de producció si voleu conservar-la.

Crearem un entorn de prova que inclourà una base de dades del Dataverse i les dades d'exemple utilitzades en aquest article.

  1. Aneu al centre d'administració del Power Platform.

  2. Seleccioneu Entorns.

  3. Seleccioneu Crea.

  4. Introduïu el nom de l’entorn de prova del Dataverse.

  5. Seleccioneu Prova per al tipus d'entorn.

  6. Canvieu Crea una base de dades a .

  7. Seleccioneu Següent.

    Crea un entorn nou

  8. Canvieu Implementa les aplicacions i dades d'exemple a .

  9. Seleccioneu Desa.

Ara es crearà l'entorn de prova, incloent-hi una base de dades del Dataverse i dades d'exemple.

Crear aplicacions de llenç

En aquesta lliçó, crearem una aplicació per fer cerques, visualitzar i crear comptes de client mitjançant la taula Comptes del Dataverse.

  1. Inicieu la sessió a Power Apps.

  2. Seleccioneu l'entorn Prova del Dataverse.

    Seleccionar l'entorn adequat

  3. A Comença des de les dades, seleccioneu Dataverse.

    Seleccioneu Dataverse

  4. A Trieu una taula, seleccioneu la taula Comptes.

    Nota

    Si encara no teniu una connexió creada amb el Dataverse, veureu l'opció de crear-la primer. Seleccioneu Crea en aquest cas per crear la connexió abans de triar la taula.

  5. Seleccioneu Connecta.

El Power Apps generarà una aplicació. Aquesta aplicació inclou les pantalles següents:

  • Navegar per la pantalla: una pantalla per cercar, ordenar i seleccionar un registre de compte i iniciar la pantalla d'edició per crear un registre nou.
  • Pantalla de detall: pantalla només de lectura que mostra els detalls del registre seleccionat a la pantalla de navegació.
  • Pantalla d'edició: un formulari d'edició que s'utilitza per editar els detalls d'un registre seleccionat o crear registres nous.

Provar l'aplicació

Des del Power Apps Studio, podeu obtenir una visualització prèvia de l'aplicació per provar-la.

  1. Seleccioneu Reprodueix a la part superior dreta de la pantalla.

  2. A la llista de Comptes, seleccioneu Alpine Ski House.

  3. Vegeu els detalls d'Alpine Ski House.

  4. Seleccioneu Selecciona l'edició per editar el registre.

  5. Al formulari d'edició, suprimiu (exemple) del camp de nom del compte.

  6. Seleccioneu Selecciona Desa per desar els canvis al registre.

  7. De nou a la pantalla de la llista de comptes, seleccioneu + per iniciar un formulari de registre nou.

  8. Introduïu els camps que vulgueu, com ara Nom del compte.

  9. Desar el registre.

  10. Verifiqueu que el registre nou creat aparegui a la galeria de llistes de comptes.

  11. Per sortir del mode de visualització prèvia, seleccioneu Selecciona tanca a la part superior dreta de la pantalla.

Utilitzar la visualització d’arbre

La Visualització d'arbre es troba a la part esquerra de la pantalla (si no la veieu, seleccioneu el botó Visualització d'arbre). La visualització d'arbre us permet accedir fàcilment als components de l'aplicació de llenç, com ara pantalles, galeries, controls d'entrada de text i etiquetes de text.

La visualització d'arbre es pot reduir o expandir per pantalla per ajudar a centrar-se en la part de l'aplicació en la qual esteu treballant.

Actualment, BrowseScreen1 està expandit. Per veure els components d'altres pantalles, seleccioneu > al costat del nom de la pantalla.

Seleccioneu l'expansió

S'utilitza una galeria del Power Apps per mostrar diversos elements relacionats. Per exemple, a la nostra aplicació, BrowseGallery1 mostra tots els registres de comptes. Quan se selecciona un dels elements, es col·loca una vora al voltant de l'element per indicar que s'ha seleccionat.

Per defecte, aquesta galeria inclou els tres camps següents: nom del compte, número de telèfon i ciutat.

No obstant això, podem canviar els camps inclosos a la galeria.

  1. A la visualització d'arbre, seleccioneu BrowseGallery1.

  2. A la subfinestra de propietats de la dreta de la pantalla, seleccioneu Edita.

    Editar els camps inclosos a la galeria

  3. Apareixerà la subfinestra de dades del camp. Canvieu Subtítol per Lloc web.

  4. Seleccioneu a fora de la subfinestra de dades del camp.

  5. Ara, l'aplicació mostrarà el valor dels camps de lloc web en comptes del número de telèfon.

    Galeria de comptes que mostra el lloc web

Actualitzar la cerca per incloure el nom del compte

Quan heu obtingut la visualització prèvia de l'aplicació, potser heu observat que la cerca per nom de compte no ha funcionat. Això es deu a que la fórmula de cerca d'aplicació generada automàticament no inclou el camp Nom del compte. En aquesta lliçó l'actualitzarem a una fórmula de cerca per incloure el camp Nom del compte.

Suggeriment

El nom del compte s'emmagatzema en una columna anomenada Nom.

  1. A la visualització d'arbre, seleccioneu BrowseGallery1.

  2. Verifiqueu que la propietat Elements se seleccioni al selector de propietats.

  3. Actualitzeu la fórmula a la barra de fórmules:

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

    La fórmula consisteix en les funcions SortByColumns, Search i If per cercar a la taula Comptes amb el text introduït al quadre de cerca que té les dades coincidents als camps name, address1_city i address1_composite, i permet l'ordenació.

Ara, es pot fer la cerca i ordenar la llista de comptes pel camp Nom del compte.

Afegir camps a la pantalla de detalls del compte

Datascreen1 inclou un formulari de visualització que mostra les dades del registre seleccionat a la pantalla de navegació. Els controls de formulari de visualització són només de lectura, per permetre als usuaris llegir dades però no crear ni editar dades.

  1. A la visualització d'arbre, expandiu DetailScreen1.

  2. Seleccioneu DetailForm1.

  3. A la subfinestra de propietats que hi ha a la dreta, seleccioneu Edita els camps.

  4. Seleccioneu Afegeix un camp.

  5. Seleccioneu els camps següents:

    • Adreça 1: país
    • Adreça 1: província o estat
    • Adreça 1: carrer 1
    • Adreça 1: codi postal
  6. Seleccioneu Afegeix.

    Subfinestra de camps de la galeria

  7. Ara veureu els camps seleccionats a la subfinestra Camp. Reorganitzeu els camps arrossegant-los i deixant-los anar o seleccionant ... (punts suspensius) a la dreta del nom del camp i seleccionant Desplaça amunt o Desplaça avall.

  8. Ordeneu el camp en l'ordre següent:

    • Nom del compte
    • Telèfon principal
    • Adreça 1: carrer 1
    • Adreça 1: ciutat
    • Adreça 1: província o estat
    • Adreça 1: codi postal
    • Adreça 1: país o regió

    Camps d'adreça

  9. Seleccioneu qualsevol part de fora de la subfinestra de camps per tancar la subfinestra i tornar a DetailScreen1.

Ara veureu els camps seleccionats mostrats en l'ordre correcte.

Modificar la pantalla d'edició del compte

EditScreen1 permet als usuaris editar o crear registres de compte. Aquesta pantalla inclou un control Edita el formulari anomenat EditForm1.

Nota

Com que el formulari d'edició és un dels mètodes principals per crear o actualitzar registres, ha d'incloure tots els camps que voleu que els usuaris puguin enviar i no ha d'incloure cap camp que sigui de només de lectura o que no vulgueu que els usuaris modifiquin.

En aquesta lliçó, afegirem els mateixos camps que hem afegit abans al formulari de visualització i la capacitat d'adjuntar fitxers.

  1. A la visualització d'arbre, expandiu EditScreen1.

  2. Seleccioneu EditForm1.

  3. A la subfinestra de propietats que hi ha a la dreta, seleccioneu Edita els camps.

  4. Seleccioneu Afegeix un camp.

  5. Seleccioneu els camps següents:

    • Adreça 1: país
    • Adreça 1: província o estat
    • Adreça 1: carrer 1
    • Adreça 1: codi postal
  6. Ara veureu els camps seleccionats a la subfinestra de camps. Reorganitzeu els camps arrossegant-los i deixant-los anar o seleccionant ... (punts suspensius) a la dreta del nom del camp i seleccionant Desplaça amunt o Desplaça avall.

  7. Ordeneu el camp en l'ordre següent:

    • Nom del compte
    • Telèfon principal
    • Adreça 1: carrer 1
    • Adreça 1: ciutat
    • Adreça 1: província o estat
    • Adreça 1: codi postal
    • Adreça 1: país o regió
  8. Seleccioneu qualsevol punt fora de la subfinestra de camps per tancar la subfinestra de camps.

  9. Per reduir els desplaçaments innecessaris a l'aplicació, volem que Edita el formulari organitzi els camps en dues columnes. A la subfinestra de propietats de la dreta, seleccioneu 2 a la llista desplegable Columnes.

  10. Per facilitar la lectura del formulari, volem suprimir la part d'Adreça 1: de les etiquetes del camp d'adreça.

    • A la visualització d'arbre, expandiu EditForm1.
    • Seleccioneu el control Address 1: City_DataCard2.
    • A la subfinestra de propietats de la dreta, seleccioneu Avançada.
    • Seleccioneu Desbloqueja per canviar les propietats.
    • Canvieu la propietat DisplayName a Ciutat.
    • Seguiu els passos anteriors per suprimir Adreça 1: als camps Carrer 1, País/Regió, Província/Estat i Codi postal.

Ara, EditScreen1 s'hauria de veure com a la imatge següent:

Pantalla d'edició de comptes

Desa l'aplicació

En desar l'aplicació, estarà disponible per utilitzar-la i compartir-la amb altres usuaris.

  1. Al Power Apps Studio, seleccioneu Fitxer.

  2. Al camp Nom, introduïu Administrador de comptes.

  3. Seleccioneu una icona i un color de fons a l'àrea Icona. S'utilitzarà per identificar l'aplicació a la llista d'aplicacions.

  4. Seleccioneu Desa.

  5. A la part inferior dreta, seleccioneu Desa.

  6. Un cop desada l'aplicació, seleccioneu la fletxa enrere per tornar al Power Apps Studio.

    Desar l'aplicació i tornar enrere.

Executa l'aplicació

  1. Inicieu la sessió a Power Apps.

  2. Verifiqueu que esteu a l'entorn utilitzat per crear l'aplicació mirant la part superior dreta de la pantalla. Si és diferent, seleccioneu Entorn i seleccioneu l'entorn adequat.

  3. Seleccioneu Aplicacions.

  4. A la llista d'aplicacions, seleccioneu Administrador de comptes.

  5. Quan es carregui l'aplicació, verifiqueu els canvis que heu fet.

    • Cerqueu a la llista d'aplicacions Blue Yonder Airlines.
    • Seleccioneu el registre Blue Yonder i verifiqueu que veieu els camps afegits al Formulari de visualització.
    • Seleccioneu Selecciona l'edició per editar el registre.
    • Verifiqueu que al formulari es mostrin dues columnes de camps.
    • Verifiqueu que als noms dels camps no es mostri Adreça 1: a les etiquetes.
    • Seleccioneu Adjunta un fitxer a l'àrea Fitxer adjunt, seleccioneu un fitxer i seleccioneu Obre.
    • Verifiqueu que el fitxer carregat aparegui a la llista de fitxers adjunts.
    • Seleccioneu Selecciona Desa per desar el registre.

Executar l'aplicació al mòbil.

Per provar el Power Apps al dispositiu mòbil:

  1. Baixeu l'aplicació des la botiga d'aplicacions mòbils.
  2. Inicieu la sessió amb el vostre compte laboral o acadèmic.
  3. Seleccioneu l'aplicació a la llista.

Consulteu també