Introdução

O Cronapp se encarrega de gerar páginas CRUD O diagrama de dados possui uma funcionalidade para facilitar a criação de páginas CRUD (Create-Read-Update-Delete) em AngularJS, que são páginas onde serão realizadas as ações de criaçãode 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 Assistente de view para diagrama (destaque 1 da Figura 1) ou clicando com o botão direito do mouse sobre a classe e selecionando a opção Criar visão para a entidade (2 da Figura 1).

Image Modified

Figura 1 - Maneiras de gerar páginas CRUD

Cada opção abre um assistente e a única diferença é que no primeiro modo possui uma janela a mais que permite selecionar e configurar individualmente cada formulário de CRUD a ser criado.

Figura 1:

1. Abre a janela Assistente de view para o diagrama que permite gerar formulários CRUD para 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).

Image Removed

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.

1. .
   
   • Seleção do template e diretório (link);
   • Permite habilitar e configurar individualmente cada classe que terá o CRUD gerado (link);
     • Seleciona os campos da classe que serão exibidos na grade (link);
     • Seleciona os campos da classe que serão exibidos no formulário (link).
2. Abre a janela Assistente de view para a Entidade que permite gerar o formulário CRUD da classe selecionada.
   
   • Seleção do template e diretório (link);
   • Seleciona os campos da classe que serão exibidos na grade (link);
   • Seleciona os campos da classe que serão exibidos no formulário (link).

Etapas

Seleção do template e 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 de Referência: endereço onde serão criados os formulários 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

Essa janela só é exibida na funcionalidade Assistente de view para o Diagrama (1 da Figura 1), no Assistente de view para a Entidade segue direto para a janela de customização dos campos da Grade e Formulário. 

A janela de seleção de classes permite selecionar e configurar quais as classes que terão o formulário CRUD.

   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: lista todas as classes persistidas no diagrama, marque o checkbox de cada classe que terá o CRUD gerado;
3. "…": abre a janela de customização seleção dos campos da grade e do formulário do CRUD  CRUD da entidade;
4. Finalizar: conclui o Assistente de view para o diagrama e gera as páginas.

• Inverter Todos

• : inverte a seleção das classes.

Campos da grade e

formulário

Ao clicar no "..." (destaque 3 da Figura 3.2) 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)Na tela Campos da Grid são selecionados os campos da Grade que serão exibidos para o usuário, já a tela Campos do Formulário permite selecionar os campos exibidos para o usuário no formulário de edição ou criação do registro.

Image Modified

Figura 3.3 - Selecionando as colunas da grade e, depois, do formulário

1. Busca campos para gradeBuscar: pesquisa pelos atributos da entidade que serão as colunas da grade;
2. Lista dos atributos: apresenta  permite selecionar 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. BuscaBuscar: filtra os  pesquisa pelos atributos da entidade selecionadaque serão os campos do formulário;
7. Lista dos atributos: apresenta  permite selecionar os atributos que serão mostrados no formulário (eles devem ser marcados)n;
8. ↑↓: ordena os campos do formulário;
9. Finalizar:
   
   • Assistente de view para o entidade: finaliza o assistente e gera o formulário CRUD selecionado.
   • Assistente de view para o diagrama: retorna para a janela de Seleção de classes.
   Finalizar (customização de entidade): retorna para janela de seleção de classes para finalizar o Assistente de view;

Formulário CRUD e

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.

Image Modified

Figura 4.1 - Formulário CRUD

Image Modified

Figura 4.2 - Formulário de pesquisa