- Criado por Deborah Melo de Carvalho, última alteração em 09/07/2020
Você está vendo a versão antiga da página. Ver a versão atual.
Comparar com o atual Ver Histórico da Página
« Anterior Versão 8 Próxima »
Introdução
O Cronapp se encarrega de gerar páginas CRUD (Create-Read-Update-Delete) em AngularJS, que são páginas onde serão realizadas as ações de criação, consulta, atualização e remoção de dados no banco de dados.
Maneiras de gerar páginas CRUD
Existe duas maneiras de gerar páginas CRUD: através do ícone de assistente de view para diagrama (1) ou clicando com o botão direito do mouse sobre a classe (2).
Figura 1 - Maneiras de gerar páginas CRUD
- Assistente de View para o diagrama: pode criar view várias classes ao mesmo tempo;
- Criar visão para a entidade: cria view somente para a classe selecionada.
Tanto um quanto o outro abrem a mesma janela de configuração, a diferença fica que através do ícone gera-se CRUD para as classes existentes no diagrama ao mesmo tempo enquanto gerar para uma única classe disponibiliza um campo para escrever o nome da página (Figura 2).
Figura 2 - Gerando CRUD para uma classe
Assistente de view para o diagrama
Ao clicar no ícone será aberta a janela de Assistente de View para Diagrama que apresenta as configurações para definição de modelos e seleção do diretório, seleção das classes, assim como suas configurações para a grade e o formulário.
Seleção do modelo e do diretório
Nessa janela é definido o modelo de template e o endereço onde serão criadas as páginas.
Figura 3.1 - Seleção de modelo e de diretório
- Assistente de view para o diagrama: abre a janela de configuração;
- Busca: pesquisa pelos modelos de template disponíveis;
- Lista de seleção dos modelos;
- Formulário: endereço onde serão criados os CRUD;
- "…": abre a janela de seleção do diretório;
- Busca: filtra o nome dos diretórios;
- Lista de seleção dos diretórios;
- Diretório selecionado: exibe o endereço do diretório selecionado;
- Selecionar: botão de confirmação do diretório selecionado;
- Avançar: Avança para seleção de entidades.
Seleção de classes
Nessa janela faz-se a seleção das classes que gerarão CRUDs.
Figura 3.2 - Seleção das classes
- Busca: pesquisa pelas entidades existentes;
- Lista de entidades: lista todas as classes persistidas no diagrama;
- "…": abre a janela de customização da grade e do formulário do CRUD da entidade;
- Finalizar: conclui o Assistente de view para o diagrama e gera as páginas.
Informação
Inverter Todos só faz com que as seleções de classes sejam invertidas - ou seja, as que estavam marcadas são desmarcadas e vice versa.
Janela de customização da grade e do formulário
Ao clicar no "..." na seleção da entidade, será aberta a janela de configuração. Os campos listados primeiramente fazem referência ao que será mostrado na grade (ou na lista avançada, caso fosse um formulário mobile).
Figura 3.3 - Selecionando as colunas da grade e, depois, do formulário
- Busca campos para grade: pesquisa pelos atributos da entidade que serão as colunas da grade;
- Lista dos atributos: apresenta os atributos que serão mostrados na grade (eles devem ser marcados);
- ↑↓: ordena as colunas da grade;
- Filtro de campo pesquisável: define a forma de pesquisa na página:
- Geral (Campo único de pesquisa): somente há um campo para pesquisar todos os atributos;
- Específico (Campo para cada atributo pesquisável): um campo de pesquisa específico para cada atributo ou não terá campo de pesquisa;
- Avançar: avança para a janela de configuração do conteúdo do formulário;
- Busca: filtra os atributos da entidade selecionada;
- Lista dos atributos: apresenta os atributos que serão mostrados no formulário (eles devem ser marcados);
- ↑↓: ordena os campos do formulário;
- Finalizar (customização de entidade): retorna para janela de seleção de classes para finalizar o Assistente de view;
Formulário CRUD e Formulário de pesquisa
Além de serem divididos como formulário web e mobile, ambos ainda possuem outras divisões: eles podem ser formulário do tipo CRUD e do tipo pesquisável (o de pesquisa). O formulário CRUD (Figura 4.1) é a página encarregada de adicionar, editar e remover dados enquanto o formulário de pesquisa (Figura 4.2) não - ele somente faz a pesquisa. Ambos possuem a mesma aparência, exceto pelos botões de ações de adicionar, editar e remover que não se encontram no formulário de pesquisa.
Figura 4.1 - Formulário CRUD
Figura 4.2 - Formulário de pesquisa
Nessa página
- Sem rótulos