Criar páginas no Mendix é um processo simples e intuitivo, que pode ser feito de diferentes formas. Neste guia, vamos explorar três métodos diferentes para criar páginas e configurar sua aplicação de maneira eficiente.

Antes de começarmos, este tutorial foi realizado na versão Mendix 10.17.0, podendo haver pequenas diferenças caso esteja utilizando uma versão diferente.

Método 1: Criando uma Página Pela Navegação

A primeira forma de criar uma página é diretamente no menu de navegação do Mendix. Siga os passos abaixo:

1. Acesse o menu de navegação no seu aplicativo.
2. Clique em “New Item” para adicionar um novo item ao menu.
3. Configure:
   • Caption: Nome da página.
   • Ícone: Escolha um ícone para o menu.
   • On Click: Selecione Show Page para abrir uma nova página.
4. Escolha um modelo de página no popup que aparecerá:
   • Páginas responsivas para web, tablet ou celular.
   • Tipos de layouts padrão do Mendix (Atlas UI).
   • Modelos prontos como dashboards, formulários e tabelas.
5. Clique em “OK” para salvar a página e vinculá-la ao menu de navegação.

Método 2: Criando uma Página Diretamente no Módulo

Esse método é um pouco mais manual, mas dá maior controle sobre a estrutura da página.

1. No Explorer do Mendix, acesse o seu módulo.
2. Clique com o botão direito e selecione Add Page.
3. Escolha um layout de página:
   • Páginas responsivas para diferentes dispositivos.
   • Tipos de páginas como formulários, listas ou detalhes.
4. Configure os elementos visuais conforme necessário.
5. Salve a página e conecte-a ao fluxo da aplicação.

Método 3: Criando Páginas a Partir do Banco de Dados

Este é o método mais rápido e eficiente, pois permite gerar páginas automaticamente com base na sua estrutura de dados.

1. No Data Modeler, selecione a entidade desejada (ex: Usuário).
2. Clique com o botão direito e escolha Generate Overview Pages.
3. Configure:
   • Escolha as entidades para as quais deseja criar páginas.
   • Defina o layout padrão (Atlas UI).
   • Ative a opção para sobrescrever páginas existentes, se necessário.
4. Clique em OK para gerar as páginas automaticamente.

O Mendix criará automaticamente:

• Uma página de listagem (Overview Page) com um Data Grid para exibir os registros.
• Uma página de edição (Edit Page) para adicionar e editar registros.
• Botões para criar, editar e excluir objetos diretamente.

Conectando a Página ao Menu de Navegação

Após criar a página, precisamos adicioná-la ao menu para que os usuários possam acessá-la.

1. Acesse o menu de navegação.
2. Clique em New Item e configure:
   • Caption: Nome da página (ex: “Usuários”).
   • Icone: Escolha um ícone relevante.
   • Ação: Show Page e selecione a página overview gerada anteriormente.
3. Salve e recarregue o Mendix para ver as alterações.

Testando a Página na Web

Depois de configurar tudo, podemos testar a página no navegador:

1. Execute a aplicação e clique no botão de navegação.
2. Acesse a nova página e veja os elementos gerados.
3. Teste criando, editando e excluindo registros para garantir que tudo funciona corretamente.

Conclusão

Criar páginas no Mendix é um processo flexível que pode ser feito de diferentes formas, dependendo da necessidade do seu projeto.