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:
- Acesse o menu de navegação no seu aplicativo.
- Clique em “New Item” para adicionar um novo item ao menu.
- Configure:
- Caption: Nome da página.
- Ícone: Escolha um ícone para o menu.
- On Click: Selecione Show Page para abrir uma nova página.
- 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.
- 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.
- No Explorer do Mendix, acesse o seu módulo.
- Clique com o botão direito e selecione Add Page.
- Escolha um layout de página:
- Páginas responsivas para diferentes dispositivos.
- Tipos de páginas como formulários, listas ou detalhes.
- Configure os elementos visuais conforme necessário.
- 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.
- No Data Modeler, selecione a entidade desejada (ex: Usuário).
- Clique com o botão direito e escolha Generate Overview Pages.
- 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.
- 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.
- Acesse o menu de navegação.
- 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.
- 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:
- Execute a aplicação e clique no botão de navegação.
- Acesse a nova página e veja os elementos gerados.
- 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.
