Exercice : utiliser la liste et les composants de formulaire

L’objectif de cet exercice est de vous fournir une expérience pratique lors de l’ajout d’une liste et d’un formulaire à un site web Power Pages.

Objectifs d’apprentissage

L’objectif de ces exercices est de vous aider à découvrir comment :

• Ajouter un composant de liste à une page web.

• Ajouter un composant de formulaire à une page web.

• Configurer le composant de liste pour explorer et afficher les détails de la ligne.

Conditions préalables

Les conditions préalables nécessaires pour réaliser ces exercices sont notamment les suivantes :

• Accès au Power Apps Maker Portal.

• Exemples d’applications et de données Microsoft Dataverse par défaut, mais vous pouvez utiliser d’autres tables Dataverse avec des données.

• Un site web Power Pages approvisionné. Si vous ne disposez pas d’un site web approvisionné, accédez à Créer un site web avec Power Pages pour en créer un.

Scénario

Votre organisation a approvisionné un site web Power Pages et souhaite afficher une liste de produits disponibles sur une page web publique. Une autre exigence est de permettre aux visiteurs d’explorer et d’afficher d’autres détails.

Étapes générales

Pour terminer l’exercice, effectuez les tâches suivantes :

• Créez des autorisations de table pour autoriser l’accès en lecture à la table Dataverse.

• Créez une page web et ajoutez un composant de liste lié à la table Dataverse.

• Créez une page web enfant avec un composant de formulaire pour afficher les détails de la table Dataverse.

• Modifiez le composant de liste pour permettre aux visiteurs d’explorer et d’afficher la ligne détaillée sur la page de formulaire.

Créer une ligne d’autorisation de table

L’accès à toute table Dataverse est contrôlé par les autorisations de table. Pour autoriser l’accès en lecture seule à la table Produits, procédez comme suit :

1. Connectez-vous à Power Pages.

2. Sélectionnez l’environnement cible dans le coin supérieur droit.

3. Localisez votre site web, puis cliquez sur Modifier pour ouvrir le studio de conception Power Pages.

4. Cliquez sur l’onglet Sécurité.

5. Cliquez sur Autorisations de table dans la section Protéger.

   

6. Cliquez sur + Nouvelle autorisation, puis renseignez les informations suivantes :

   • Nom : Produit

   • Table : Table Produit

   • Type d’accès : Global Access

   • Autorisation de : Lire

7. Cliquez sur Ajouter des rôles, puis ajoutez Utilisateurs anonymes et Utilisateurs authentifiés.

8. Cliquez sur Enregistrer.

   

9. L’exemple de formulaire de produit peut contenir une sous-grille avec les avis sur les produits. Pour éviter qu’un message « accès refusé » s’affiche pour la sous-grille des avis sur les produits, répétez les étapes 4 à 6 et créez une ligne d’autorisation globale de lecture de table pour la table des avis.

Créer une page web pour la liste

Pour créer une page web qui contient le composant de liste dans le studio de conception Power Pages, procédez somme suit :

1. Sélectionnez l’onglet Pages.

2. Cliquez sur + Page.

3. Saisissez Produits pour le nom de la page.

4. Assurez-vous que le modèle de page Démarrer à partir de zéro est sélectionné, puis cliquez sur Ajouter.

Ajouter et configurer un composant de liste

Pour ajouter et configurer un composant de liste, procédez comme suit :

1. Sur le canevas de la page, sélectionnez le composant Liste.

2. Dans la boîte de dialogue Propriétés du composant, saisissez les valeurs suivantes :

   • Choisir une table : Table Produit ou choisissez une autre table dans votre propre application.

   • Sélectionner les vues de données : Table Produit

   • Nommer votre liste : Liste de produits

3. Cliquez sur Terminé.

4. Cliquez sur Aperçu > Bureau dans la barre de commandes, puis assurez-vous qu’une liste de lignes de données produit Dataverse s’affiche.

   

Créer une page web pour le formulaire

Votre prochaine tâche consiste à créer une page web qui contient le composant Formulaire pour visualiser les détails de la ligne. Cette page web est une page enfant de la page Produits.

1. Sélectionnez l’onglet Pages.

2. Localisez la page Produits que vous avez créée précédemment.

3. Sélectionnez les points de suspension (...), puis sélectionnez Ajouter une nouvelle sous-page.

4. Saisissez Produit pour le nom de la page.

5. Assurez-vous que le modèle de page Démarrer à partir de zéro est sélectionné, puis cliquez sur Ajouter.

Ajouter et configurer un composant de formulaire

Pour ajouter et configurer un composant de formulaire, procédez comme suit :

1. Sur le canevas de la page, sélectionnez le composant Formulaire.

2. Si vous êtes invité à sélectionner un formulaire existant, sélectionnez Nouveau formulaire.

3. Dans la boîte de dialogue Propriétés du composant, saisissez les valeurs suivantes :

   • Choisir une table : Table Produit

   • Sélectionner un formulaire : Information

   • Attribuer un nom à votre copie du formulaire sélectionné : Détails du produit

4. Cliquez sur l’onglet Données, puis définissez la liste déroulante Données de ce formulaire sur Est en lecture seule.

5. Cliquez sur OK. L’aperçu du formulaire doit apparaître sur le canevas de la page.

   

Modifier la liste pour accéder au composant de formulaire

Votre dernière tâche consiste à modifier la page de liste pour accéder au composant de formulaire lorsqu’un utilisateur sélectionne une ligne.

1. Cliquez sur l’onglet Pages, puis localisez la page Produits qui comporte le composant de liste.

2. Sélectionnez le composant de liste sur le canevas, puis cliquez sur Modifier la liste.

3. Dans la boîte de dialogue Paramètres de la liste, cliquez sur l’onglet Actions.

4. Activez le bouton bascule Afficher les détails, puis renseignez les informations suivantes :

   • Type de cible : Formulaire

   • Formulaire : Détails du produit

5. Cliquez sur Terminé.

6. Sélectionnez Aperçu > Bureau dans la barre de commandes, puis assurez-vous qu’une liste de lignes de produit Dataverse s’affiche. Les noms de produits sont désormais des hyperliens.

7. Sélectionnez un nom de produit pour afficher le formulaire de détails.