Exercício: usar os componentes de lista e formulário

Concluído

A finalidade deste exercício é fornecer uma experiência prática ao adicionar uma lista e um formulário a um site do Power Pages.

Objetivos de aprendizagem

O objetivo desses exercícios é ajudar você a aprender a:

  • Adicionar um componente de lista a uma página da Web.

  • Adicionar um componente de formulário a uma página da Web.

  • Configurar o componente de lista para fazer busca detalhada e exibir os detalhes da linha.

Pré-requisitos

Os pré-requisitos para a conclusão desses exercícios incluem:

  • Acesse o Power Apps maker portal.

  • Aplicativos e dados de exemplo padrão do Microsoft Dataverse (idealmente); no entanto, você pode usar outras tabelas do Dataverse com dados.

  • Um site do Power Pages provisionado. Se você não tiver um site provisionado, vá para Criar um site com o Power Pages para criar um.

Dica

Os exercícios funcionam melhor quando você tem dados de exemplo para trabalhar. Ao provisionar um ambiente do Dataverse, você pode adicionar aplicativos e dados de exemplo. Examine as etapas Criar ambiente para provisionar um ambiente do Dataverse com aplicativos e dados de exemplo.

Cenário

A organização provisionou um site do Power Pages e deseja exibir uma lista de produtos disponíveis em uma página da Web pública. Outro requisito é dar aos visitantes a capacidade de fazer busca detalhada e exibir outros detalhes.

Etapas de alto nível

Para terminar o exercício, realize as seguintes tarefas:

  • Crie permissões de tabela para permitir o acesso de leitura à tabela do Dataverse.

  • Criar uma página da Web e adicionar um componente de lista vinculado à tabela do Dataverse.

  • Criar uma página da Web filha com um componente formulário para exibir detalhes da tabela do Dataverse.

  • Modifique o componente lista para permitir que os visitantes façam uma busca detalhada e exibam a linha de detalhes na página do formulário.

Criar uma linha de permissão de tabela

O acesso a qualquer tabela do Dataverse é controlado por permissões de tabela. Para permitir acesso somente leitura à tabela Produtos, siga estas etapas:

  1. Entre no Power Pages.

  2. Selecione o ambiente de destino no canto superior direito.

  3. Localize seu site e selecione Editar para abrir o estúdio de design do Power Pages.

  4. Selecione a guia Configurar.

  5. Selecione Permissões de tabela na seção Segurança.

    Captura de tela do link Permissões da tabela no espaço de trabalho Configurar.

  6. Selecione + Nova permissão e preencha as seguintes informações:

    • Nome: produto

    • Tabela: produto (sample_product)

    • Tipo de Acesso: Global

    • Permissão para: Leitura

  7. Selecione Adicionar funções e adicione Usuários Anônimos e Usuários Autenticados.

  8. Selecione Salvar.

    Captura de tela da permissão de leitura global para a tabela Produtos.

  9. O formulário de produto de exemplo pode conter uma subgrade com análises de produtos. Para evitar receber uma mensagem de "acesso negado" para a subgrade de análises de produtos, repita as etapas 4 a 6 e crie uma linha de permissão de tabela Leitura global para a tabela Revisão.

Criar uma página da Web para a lista

Para criar uma página da Web que contenha o componente de lista no estúdio de design do Power Pages, siga estas etapas:

  1. Selecione a guia Páginas.

  2. Selecione + Página.

  3. Insira Produtos como o nome da página.

  4. Verifique se o modelo de página Iniciar em branco está selecionado e selecione Adicionar.

Adicionar e configurar um componente de lista

Para adicionar e configurar um componente de lista, siga estas etapas:

  1. Na tela da página, selecione o componente Lista.

  2. Na caixa de diálogo de propriedades do componente, insira os seguintes valores:

    • Escolher uma tabela: Produto (sample_product) ou escolha outra tabela de seu próprio aplicativo

    • Selecionar as exibições de dados: Produtos Ativos

    • Nomear a lista: Lista de Produtos

  3. Selecione Concluído.

  4. Selecione Visualizar > para Desktop na barra de comandos e verifique se uma lista de linhas de dados do produto do Dataverse é exibida.

    Captura de tela de uma página da Web de exemplo com uma lista em runtime.

Criar uma página da Web para o formulário

A próxima tarefa é criar uma página da Web para conter o componente Formulário para exibir os detalhes da linha. Essa página da Web é uma página filho da página Produtos.

  1. Selecione a guia Páginas.

  2. Localize a página Produtos que você criou anteriormente.

  3. Selecione as reticências (...) e selecione Adicionar uma nova subpágina.

  4. Insira Produto como o nome da página.

  5. Verifique se o modelo de página Iniciar em branco está selecionado e selecione Adicionar.

Adicionar e configurar um componente de formulário

Para adicionar e configurar um componente de formulário, siga estas etapas:

  1. Na tela da página, selecione o componente Formulário.

  2. Se for solicitado que você selecione um formulário existente, selecione Novo formulário.

  3. Na caixa de diálogo de propriedades do componente, insira os seguintes valores:

    • Escolher uma tabela: Produto

    • Selecionar um formulário: Informações

    • Nomear sua cópia do formulário selecionado: Detalhes do Produto

  4. Selecione a guia Dados e defina a lista suspensa Dados deste formulário como é somente leitura.

  5. Selecione OK. A visualização do formulário deve aparecer na tela de página.

    Captura de tela da página do produto no estúdio de design com o componente de formulário adicionado e configurado.

Modificar a lista para navegar para o componente do formulário

Sua tarefa final é modificar a página de lista para navegar até o componente de formulário quando uma linha for selecionada.

  1. Selecione a guia Páginas e localize a página Produtos que contém o componente de lista.

  2. Selecione o componente de lista na tela e Editar lista.

  3. Na caixa de diálogo Configurações da lista, selecione a guia Ações.

  4. Ative a opção Exibir Registro e preencha as seguintes informações:

    • Tipo de Destino: Formulário

    • Formulário: Detalhes do Produto

  5. Selecione Concluído.

  6. Selecione Visualizar > para Desktop na barra de comandos e verifique se uma lista de linhas de produtos do Dataverse é exibida. Os nomes dos produtos agora são hiperlinks.

  7. Selecione um nome de produto para exibir o formulário de detalhes.

Observação

Se você receber a mensagem "Você não tem as permissões apropriadas" para a subgrade de revisões do produto, repita as etapas na tarefa Criar linha de permissão de tabela para criar a permissão de tabela de Leitura Global para a tabela Revisão.

Captura de tela da lista de linhas da tabela de ideias com uma janela pop-up exibindo um formulário com detalhes da linha selecionada.