Caio Vinicius

Concluindo a rotina de autenticação, agora iremos criar a camada de frontend, usando o AngularJS. Criando a Factory O primeiro processo é criar uma camada para acesso ao serviço de autenticação, o mesmo se encontra na url /login , o código abaixo representa uma factory para encapsular o acesso a camada backend: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 ( function (){ angular.module( "auth" ).factory( "authAPI" , authAPI); authAPI.$inject = [ "$http" ]; function authAPI($http){ return { authenticate : function (params){ var req = { url : '/login' , method : 'POST' , headers : { 'Content-Type' : 'application/x-www-form-urlencoded' }, data : $.param(params) }; return $http(req); } }; }; })(); Vamos analisar o código: Criamos um factory para encapsular o acesso a camada de backend; Linha 5:  Inje...

Hoje iremos analisar o processo de autenticação em uma aplicação que utiliza SpringBoot, SpringSecurity e AngularJS. Conhecendo o Spring Security Em toda aplicação o processo de autenticação é extremamente importante, sendo um dos requisitos não funcionais mais importantes em 80% das aplicações. Para executar tal tarefa , podemos criar rotinas ou usar frameworks já preparados para os mais diferentes cenários, no caso, vamos analisar o Spring Security, este faz parte dos componentes da plataforma Spring. Um ponto bem interessante do Spring Security, é que ele pode ser usando em projetos que usam ou não o Spring em sua essência, por exemplo, um projeto feito somente com JEE, pode usar o Spring Security para gerenciar a parte de segurança normalmente, para mais detalhes podemos acessar a documentação oficial: http://docs.spring.io/spring-security/site/docs/4.1.3.RELEASE/reference/htmlsingle/ Integrando o SpringSecurity com SpringBoot Para utilizar o SpringSecuri...

Olá pessoal, continuando a série sobre AngularJS, hoje iremos analisar como podemos formatar datas vindas do back-end. Formatação de Datas e Internacionalização É muito comum nos devolvermos sistemas que necessitam trabalhar com diferentes formatos de datas e valores, esta tarefa geralmente trás algumas dificuldades tanto para o lado back-end como o front-end, é necessário tratar a forma de armazenar essas informações, e também a forma de exibi-las. O processo exibição, tem que tratar algumas variáveis ainda um pouco mais complexas, como por exemplo: Exibir a data de acordo com o idioma escolhido; Exibir em formatos mais complexos de acordo com lógicas de negócio. AngularJS e o Filter Date Com AngularJS formatar as datas a serem exibidas é algo bem simples, pois o framework disponibiliza um filter que ajuda a realizar a formatação de um informação apenas invocando o filter date. Vamos analisar o exemplo abaixo da utilização do filter date: 1- Código html com o uso do f...

Hoje iremos continuar a serie de tutorias sobre o AngularJS , nesse tópico falaremos sobre as principal diretiva do framework , que é a ngApp . O Que são Módulos ? O AngularJS é um framework baseado em módulos, ou seja, com ele conseguimos dividir nossa aplicação em várias partes, com isso ganhamos em alguns pontos, tais como: Facilidade de Manutenção: Pois conseguimos realizar uma alteração em um módulo especifico, sem a necessidade de alterar o resto da aplicação; Reuso: Conseguimos reaproveitar códigos em varias partes da nossa aplicação, até mesmo podemos reaproveitar em aplicações diferentes, Ex: um módulo de validação onde podemos ter validadores de CPF e CNPJ, que são comuns em sistemas corporativos. Usando a diretiva ngApp Como já sabemos para trabalhar com o AngularJS, precisamos criar, utilizar, e estender módulos, e para inicializar uma aplicação, temos que declarar em nossa view a diretiva ngApp , que é a responsável por determinar o escopo da aplicação nas...

Olá pessoal, hoje iremos começar uma série de tutoriais falando sobre o AngularJS, que é um framework JavaScript que veem se tornando muito popular entre os frameworks de front-end . O   Framework AngularJS O AngularJS é um framework JavaScript mantido pelo Google para o desenvolvimento de aplicações ricas para Web, sua principal característica é a forma de trabalho, onde suas diretivas estendem os componentes do HTML utilizando marcações.  Para detalhes sobre o AngularJS podemos visitar o site oficial, onde também encontramos exemplos, links para downloads , cursos, etc. Site oficial:  https://angularjs.org/ Site com tutoriais e exemplos:   http://www.w3schools.com/angular/ Começando com AngularJS Como qualquer outro framework JavaScript, tudo começa com uma importação do arquivo principal do framework : <!DOCTYPE html> <html> <head> <title> Exemplo AngularJS </title> <script src= "http...