Desenvolvendo Apps Low Code - Relacionando Pedidos e Produtos

Etapas desta Série

Veja abaixo as etapas desta série

  1. Introdução e Primeiros Passos na Plataforma Glide
  2. Configurando o Design das Telas
  3. Adicionando a Tela de Pedidos
  4. Criando a Ação de Adicionar Produto ao Carrinho
  5. Criando Relacionamentos Entre Pedidos e Produtos

Este tópico é uma continuação do tópico anterior Desenvolvendo Apps Low Code - Criando Ações Customizadas no Glide. Clique aqui para voltar e depois retorne a este tópico.

 

Passo 1 - Adicionando Relacionamentos no Glide

 

As tabelas em um banco de dados tradicional não existem isoladas umas das outras. Por exemplo, a nossa tabela de pedidos no aplicativo deve estar relacionada às tabelas de Usuários e Produtos para que possamos interligar as informações e poder, por exemplo, consultar o nome de um produto a partir de um pedido ou saber as informações de pagamento de um determinado usuário para fechar um pedido.

Nesse tópico vamos criar um relacionamento da tabela de pedidos com a tabela de produtos para podermos consultar o nome e a foto de um produto a partir da tela de pedidos. Desse modo, ao invés de mostrar o ID do produto na listagem de pedidos, vamos mostrar seu nome e sua imagem. Ao final, a tela de pedidos deve ficar com essa carinha:

 


 

Passo 2 - Adicionando uma Coluna de Relacionamento

 

Acesse a visualização da tabela, na parte superior:

 

Crie uma coluna do tipo “Relation”.

 


 

Agora, relacione as linhas das tabelas Pedidos e Produtos onde o valor da coluna ID Produto da tabela de Pedidos for igual ao valor Row ID da tabela de Produtos. Veja abaixo:

 

Se a sua relação funcionou, você deverá ver uma coluna chamada “Produto Relation” na sua tabela:

 

Um pouco mais sobre Relações

 

Observe o esquema abaixo

 

Repare que, ao configurar a relação entre Produtos e Pedidos é como se fornecêssemos a seguite ordem para o programa:

 

“Relacione as linhas da tabela de Produtos com as linhas da Tabela de Pedidos onde os valores da coluna ID Produto na tabela Pedidos sejam iguais aos valores da coluna Row ID da tabela de Produtos”

 

Como resultado, é como se a ferramenta gerasse uma tabela com a junção das linhas das duas tabelas onde ID Produto for igual a Row ID. 


 

Repare que as linhas onde a coluna Row ID é igual á  ID Produto foram combinadas em uma única, permitindo assim, a consulta da foto de um produto a partir de um pedido. Esse recurso é chamado de INNER JOIN na disciplina de Banco de Dados Relacionais.

 

Passo 3 - Utilizando Colunas do Tipo “Lookup”

 

Agora, vamos de fato implementar a consulta do nome e da foto dos produtos a partir dos itens da tabela “Pedidos”. Para isso, vamos criar duas colunas do tipo “Lookup” no Glide.

 

Na visualização em tabela , selecione a tabela de “Pedidos” e crie uma coluna do tipo “Lookup” para o nome do produto:


 

Configure a coluna para buscar pela coluna Produto na tabela de “Produtos” através da relação que criamos no Passo anterior:

 

 

Agora, você deve ser capaz de ver a nova coluna Lookup criada:

 

Repita o mesmo procedimento para criar uma coluna Lookup, porém, dessa vez selecionando a cluna “Foto” ao invés da coluna “Produto”

 

Passo 4 - Configurando a Tela da Listagem de Pedidos

 

Retorne para a visualização do aplicativo na parte superior e selecione a guia “Carrinho”:

 

Agora clique na Lista e configure o conteúdo de acordo com a imagem abaixo:

 

Após isso, você deverá ver o nome do Produto ao invés do seu identificador. Configure também o campo “Image” para mostrar a foto do produto:

 

Prontinho! Agora sua tela de Pedidos está configurada com dados das colunas presentes na tabela de Produtos! O resultado deve ser o seguinte:


Questões