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

1. Assistente de View para o diagrama: pode criar view várias classes ao mesmo tempo;
2. 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

1. Assistente de view para o diagrama: abre a janela de configuração;
2. Busca: pesquisa pelos modelos de template disponíveis;
3. Lista de seleção dos modelos;
4. Formulário: endereço onde serão criados os CRUD;
5. "…": abre a janela de seleção do diretório;
6. Busca: filtra o nome dos diretórios;
7. Lista de seleção dos diretórios;
8. Diretório selecionado: exibe o endereço do diretório selecionado;
9. Selecionar: botão de confirmação do diretório selecionado;
10. 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

1. Busca: pesquisa pelas entidades existentes;
2. Lista de entidades: lista todas as classes persistidas no diagrama;
3. "…": abre a janela de customização da grade e do formulário do CRUD da entidade;
4. Finalizar: conclui o Assistente de view para o diagrama e gera as páginas.

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

1. Busca campos para grade: pesquisa pelos atributos da entidade que serão as colunas da grade;
2. Lista dos atributos: apresenta os atributos que serão mostrados na grade (eles devem ser marcados);
3. ↑↓: ordena as colunas da grade;
4. Filtro de campo pesquisável: define a forma de pesquisa na página:
   1. Geral (Campo único de pesquisa): somente há um campo para pesquisar todos os atributos;
   2. Específico (Campo para cada atributo pesquisável): um campo de pesquisa específico para cada atributo ou não terá campo de pesquisa;
5. Avançar: avança para a janela de configuração do conteúdo do formulário;
6. Busca: filtra os atributos da entidade selecionada;
7. Lista dos atributos: apresenta os atributos que serão mostrados no formulário (eles devem ser marcados);
8. ↑↓: ordena os campos do formulário;
9. 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