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).

Image Modified

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 todas as classes selecionadas existentes no diagrama ao mesmo tempo enquanto gerar para uma única classe disponibiliza um campo para escrever o nome da página (Figura 2).

Image Modified

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.

Image Modified

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.

Âncora
seleção-classe seleção-classe

Seleção de classes

Nessa janela faz-se a seleção das classes que gerarão CRUDs.

Image Modified

Figura 3.2 - Seleção das classes

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

Âncora
custom-grade-formulario custom-grade-formulario

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, onde a primeira faz a seleção dos itens que serão exibidos na listagem da grade, enquanto que a segunda janela faz a seleção dos campos que poderão ser inseridos ou editados no formulário do CRUD. Os campos listados primeiramente fazem referência ao que será mostrado na grade (ou na lista avançada, caso fosse um formulário mobile).

Image Modified

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 listados mostrados na grade (eles devem ser marcados);
3. ↑↓: ordena as colunas da grade;
4. Filtro de campo pesquisável: define que a página terá um único campo pesquisável para todos os atributos, um 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 o passo 3-b, seleção dos campos do formulário da entidadea janela de configuração do conteúdo do formulário;
6. Busca: filtra os atributos da entidade selecionada;
7. Lista dos atributos que poderão ser editados no formulário*: 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 a para janela de seleção de entidades (Passo 2) classes para finalizar o Assistente de view;

Formulário CRUD e Formulário de pesquisa

Existe dois tipos de formulários, o CRUD e 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 (.

Image Added

Figura 4.1

- Formulário CRUD

Image Modified

Figura 4 - Formulário CRUD (esquerda) e .2 - Formulário de pesquisa (direita)