---
title: Query Component
slug: low-code-clone/query-component
description: Learn how to create and configure Query Components for efficient data abstraction and form lookup in this comprehensive document. Step-by-step instructions provide guidance on naming, describing, and establishing connections for Query Components. Explore 
createdAt: 2022-11-22T18:50:27.000Z
---

**Query Components** são recursos automatizados, que também fazem abstração de dados através de consultas no Banco de Dados. Servem para ser utilizados também como objeto de lookup (Select) nos formulários.

## Passo a passo

::::WorkflowBlock
:::WorkflowBlockItem
Acesse a funcionalidade através da navegação no menu **`Gerenciamento > Query Component`**.
:::

:::WorkflowBlockItem
Para cadastrar um novo recurso Query Component, clique no botão "**Criar**";
:::

:::WorkflowBlockItem
Informe o **Nome, Descrição, Projeto **e a **Conexão de Banco de Dados;**

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/7-9ASz73kqu4HGn-L6QrC_image.png)
:::

:::WorkflowBlockItem
Clique em **“Adicionar”** para incluir campos da tabela.
:::

:::WorkflowBlockItem
Informe o nome da coluno do BD, o tipo de dado, o Nome para o atributo de objeto, Descrição, Máscara (se houver), Largura % e Filtro Angular, Tooltip e HTML.

| **Item**       | **Descrição**                                                                                                                                                                                |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Máscara        | Um *input mask*. Ao usar uma máscara, o campo precisa de uma validadação ou organização do que é inserido. No caso do CPF, a máscara só permitiria que fossem inseridos CPFs reais no campo. |
| Largura        | Tamanho da largura da coluna que está sendo configurada.                                                                                                                                     |
| Filtro Angular | É usado para o caso em que se precisa filtrar alguma informação. Como por exemplo caso seja preciso filtrar a informação da consulta SQL pela idade dos alunos.                              |
| Tooltip        | Uma dica do que significa o objeto ao passar o mouse por cima do objeto.                                                                                                                     |
| Coluna         | Se refere à mesma coluna presente no banco de dados.                                                                                                                                         |
| Expressão      |                                                                                                                                                                                              |
| Tipo           |                                                                                                                                                                                              |

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/bTGz9XFatBplfVxqKCdJB_image.png)
:::

:::WorkflowBlockItem
Por tratar-se de SQL é necessário incluir **FROM /  WHERE / ORDER BY \***

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/dxMfPEe-CQMXWnRFCPryJ_image.png)
:::
::::



****