Skip to end of metadata
Go to start of metadata

 

O JavaScript é uma linguagem de programação que executa no lado cliente da aplicação, e sua principal função é controlar o HTML e o CSS. Como foi visto em i. Framework AngularJS o Cronapp utiliza o Angular(baseada em JavaScript) para realizar esse controle nas views das aplicações que executam na IDE.

Quando você utiliza a opção  Criar Projeto Web a partir do modelo de template, a IDE gera uma série de arquivos que servem de suporte a uma aplicação padrão(contendo um administrador), inclusive arquivos de Front e Back End. Os arquivos gerados pelo angular estão na pasta web estão na pasta: src>main>webapp>js(figura 1)

 

 

Figura 1 - Pasta de arquivos gerados pelo AngularJS


Na pasta nota-se um arquivo chamado directives.js que é responsável pela diretivas (figura 2). Diretivas são extensões do JavaScript que permitem a implentação de novas funcionalidades de forma declarativa, levando a parte lógica das funcionalidades dos componentes para view. Exemplificando isso podemos utilizar uma diretiva de validação do cpf que já é padrão nas aplicações geradas no CronApp. Como já existe a diretiva, cria-se um atributo no diagrama de dados na classe usuário, no qual esse atributo terá a máscara de cpf (figura 3) , geramos a camada de persistência e as views de CRUD (qualquer dúvida veja em Geração da camada de dados a partir do diagrama). Após isso basta executar a aplicação e verificar a validação do campo cpf de acordo com o modelo construído(figura 4). Vale lembrar que você pode criar suas diretivas, de acordo com seu modelo de negócio, customizando suas entradas de dados.

 

Figura 2 - Directives.js 


Figura 3 - Novo campo CPF criado

 

Figura 4 - Exemplo de Validação

 

Leituras Recomendadas

Nesta página

 

  • No labels