Professional Documents
Culture Documents
Com uma equipe de mais de 80 profissionais altamente qualificados e de destaque do mercado, oferece
treinamentos em Java, Ruby on Rails e Scrum em suas trs unidades - So Paulo, Rio de Janeiro e
Braslia. Mais de 8 mil alunos j buscaram qualificao nos treinamentos da Caelum tanto em nas unidades
como nas prprias empresas com os cursos incompany.
Comunidade
O GUJ maior frum de Java em lngua portuguesa, com 700 mil posts e 70 mil
usurios. As pessoas da Caelum participam ativamente, participe tambm:
www.guj.com.br
Assine nossa Newsletter para receber notcias tcnicas de Java, Rails, Agile e
Web, alm de novidades, eventos e artigos:
www.caelum.com.br/newsletter
FJ-11: FJ-25:
Java e Orientao a Persistncia com JPA2 e
objetos Hibernate
FJ-16: FJ-26:
Laboratrio Java com Testes, Laboratrio Web com JSF2 e
XML e Design Patterns CDI
FJ-19: FJ-31:
Preparatrio para Certificao Java EE avanado e
de Programador Java Web Services
FJ-21: FJ-91:
Java para Desenvolvimento Arquitetura e Design de
Web Projetos Java
RR-71: RR-75:
Desenvolvimento gil para Web Ruby e Rails avanados: lidando
2.0 com Ruby on Rails com problemas do dia a dia
A Caelum espera que voc aproveite esse material. Todos os comentrios, crticas e sugestes sero muito
bem-vindos.
Essa apostila constantemente atualizada e disponibilizada no site da Caelum. Sempre consulte o site para
novas verses e, ao invs de anexar o PDF para enviar a um amigo, indique o site para que ele possa sempre
baixar as ltimas verses. Voc pode conferir o cdigo de verso da apostila logo no final do ndice.
Esse material parte integrante do treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
e distribudo gratuitamente exclusivamente pelo site da Caelum. Todos os direitos so reservados Caelum.
A distribuio, cpia, revenda e utilizao para ministrar treinamentos so absolutamente vedadas. Para uso
comercial deste material, por favor, consulte a Caelum previamente.
www.caelum.com.br
1
Sumrio
1 O curso 1
1.1 Objetivo do curso . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
1.2 Sobre o curso: Hibernate, VRaptor, JSP e AJAX . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.3 Onde posso aprender mais do VRaptor? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
2 O sistema 3
2.1 A necessidade do cliente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
2.2 Partes do projeto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
3 Novo projeto 5
3.1 Definindo as tecnologias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
3.2 Montando o ambiente de desenvolvimento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.3 Exerccios: montando o ambiente de desenvolvimento . . . . . . . . . . . . . . . . . . . . . . . 7
3.4 Exerccios: configurando o deploy da aplicao . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
5 Cadastrando Produtos 20
5.1 Modelando um produto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
5.2 Anotando a classe Produto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
5.3 Exerccios - Modelando o produto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
5.4 Adicionando um produto no banco . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
5.5 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
5.6 Outras operaes com produto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
5.7 Exercicios - outras operaes com produto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
5.8 Discusso em sala - mais sobre o Hibernate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
6 Refatorando 31
6.1 Analisando o cdigo atual . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
6.2 Refactoring . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
6.3 Aprendendo a refatorar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
6.4 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
6.5 Comentrios so sempre necessrios? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
6.6 Refatorando para criar os DAOs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
6.7 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
i
6.8 Discusso em sala . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
7 VRaptor 47
7.1 Sobre o VRaptor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
7.2 Como instalar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
7.3 Como configurar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
7.4 Primeiro exemplo com o VRaptor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
7.5 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
7.6 Redirecionando para uma view . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
7.7 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
7.8 Disponibilizando informaes para a view . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
7.9 Disponibilizando colees para a view . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
7.10 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
9 Refatorando os DAOs 81
9.1 Injeo de dependncias no DAO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
9.2 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
9.3 Analisando o cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
9.4 Escopos definidos pelo VRaptor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
9.5 Fechando a sesso do Hibernate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
9.6 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
10 Validando formulrios 93
10.1 Validator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
10.2 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
10.3 Para saber mais: Hibernate Validator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99
10.4 Exerccios Opcionais . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
11 REST 102
ii
11.1 O que REST . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
11.2 Caractersticas e vantagens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
11.3 O tringulo do REST . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
11.4 Mudando a URI da sua lgica: @Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
11.5 Mudando o verbo HTTP dos seus mtodos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
11.6 Refatorando o ProdutosController . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
11.7 Exerccios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
14 Autenticao 142
14.1 Criando Usurios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
14.2 Efetuando o login . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
14.3 Restringindo funcionalidades para usurios logados . . . . . . . . . . . . . . . . . . . . . . . . . 149
14.4 Interceptor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
iii
Verso: 14.9.25
iv
Captulo 1
O curso
Dizem que os homens nunca se contentam e, quando se lhes d alguma coisa, pedem sempre um pouco mais.
Dizem ainda que essa uma das melhores qualidades da espcie e que foi ela que tornou o homem superior
aos animais, que se contentam com o que tm.
A prola, John Steibeck.
Depois da escolha dos frameworks ainda temos um outro problema: fazer com que eles trabalhem juntos
de maneira coesa. Para isso necessrio conhecer as boas prticas e tratar muito bem do ciclo de vida dos
objetos caros, como threads, conexes, sees e arquivos. Um erro no gerenciamento desses objetos pode
ser fatal para a performance e escalabilidade do seu sistema.
Nesse curso, alm de estudarmos frameworks para o desenvolvimento web, necessrio ficar atento para
a importncia de como vamos faz-los trabalhar junto. Essa costura pode ser aplicada em diversos outros
casos, mesmo com outros frameworks, e baseada essencialmente no bom isolamento de classes, usando
inverso de controle e injeo de dependncias, assunto que ser tratado recorrentemente durante o curso.
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
O VRaptor, iniciativa brasileira para Controller MVC, utilizado para facilitar o desenvolvimento web, evi-
tando o contato com as classes pouco amigveis do javax.servlet, deixando o cdigo legvel e desacoplado,
ideal para testes.
Java Server Pages utilizado como camada View, mostrando as principais tags e problemas enfrentados.
Juntamente com o VRaptor, o framework javascript JQuery ser utilizado para nossas requisies AJAX
consumindo dados no formato JSON.
O frum do GUJ tambm uma excelente fonte de informao, e abriga o frum oficial do VRaptor: http:
//www.guj.com.br/
O sistema
Veremos como ser o sistema que vamos desenvolver e as tecnologias que utilizaremos.
Buscar produtos
Sistema de login
Em um projeto real, esses requisitos seriam garimpados com o passar do tempo junto ao cliente, para de-
senvolver o sistema de forma incremental e iterativa, utilizando mtodos geis como Scrum (curso PM-83)
e prticas XP (curso PM-87).
1) Deciso de tecnologias
3) CRUD produto
4) Carrinho de compras
5) CRUD usurio
6) login
7) Compra de produto
Novo projeto
Neste captulo, vamos definir as tecnologias do projeto e vamos criar e configurar nosso projeto inicial.
Na parte de interao com os usurios, teremos bastante Ajax. Para facilitar o uso do Ajax, vamos utilizar
uma biblioteca chamada JQuery, junto com alguns de seus plugins.
Como servidor, vamos usar o Apache Tomcat pela sua popularidade, mas podemos facilmente rodar a apli-
cao no Jetty ou Glassfish.
Servidores e Java EE
Para uma discusso mais detalhada sobre servidores de aplicao Java
EE e servlet containers, consulte os captulos iniciais da apostila do
curso FJ-21.
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
Internet Explorer 6
Os CSSs, Javascripts e HTMLs usados no curso foram desenvolvidos
para o Firefox 3.5+ sem se preocupar com compatibilidade com outros
browsers, ento algumas funcionalidades podem no funcionar em
outros browsers, principalmente no Internet Explorer 6.
Resumindo as tecnologias:
Java
VRaptor - Caelum
JSTL - Sun
Tomcat - Apache
MySQL - Sun
Ajax
JQuery - JQuery
Para utilizar o Eclipse, basta fazer o download, descompactar o zip baixado e depois execut-lo. Isso uma
grande vantagem em relao a programas que exigem a instalao. O Eclipse a IDE lder de mercado.
Formada por um consrcio liderado pela IBM, possui seu cdigo livre. Para fazer o download, acesse o site
do Eclipse e baixe a distribuio "Eclipse IDE for Java EE Developers.
http://www.eclipse.org/downloads
3) No Eclipse, abra a view Servers. Para tal, voc pode ir em Window e depois Show View e escolher a opo
Servers.
Uma outra maneira de fazer isso, e acessar qualquer tela ou menu, atravs da pragmtica tecla de atalho
Ctrl+3. Depois digite servers.
6) Clique no boto Browse, e indique o local onde foi feito o unzip do Tomcat (a pasta do Tomcat no seu
Desktop):
Clique em Finish.
7) Teste o servidor que acabamos de configurar. Na view Servers, selecione o Tomcat e clique no boto de
iniciar:
8) Verifique se o log est limpo e se nenhuma mensagem de erro foi impressa. muito importante, du-
rante todo o curso, observar esse log para verificar se o servidor subiu sem erros e se tudo est rodando
normalmente.
9) Agora que o Tomcat est configurado, vamos par-lo um pouco para criar nosso projeto. Na view Servers,
selecione o Tomcat e clique no boto de parar.
10) Caso voc esteja na Caelum siga essas instrues: V na pasta Caelum/28 e abra o arquivo goodbuy.zip.
Extraia o contedo desse arquivo para o Desktop.
1) V em File
4) Clique em Next
Este projeto j possui as configuraes bsicas do VRaptor e do Hibernate, para que no percamos muito
tempo configurando. Mas essas configuraes usadas sero explicadas com mais detalhe durante o curso.
13) O Eclipse perguntar se voc quer trocar de perspectiva. No ser necessrio, ento vamos escolher a
opo No.
14) Caso voc no esteja na Caelum e precise criar o projeto de casa. Basta voc baixar do site do VRaptor o
vraptor-blank-project, descompacta-lo e importa-lo. Depois disso, adicione, dentro da pasta WebContent
o contedo do zip goodbuy-auxiliares.zip, que contm cabealho, rodap, css e javascript bsicos que
usaremos durante o projeto.
Vc tambm precisar dos JARs do Hibernate e driver MySQL, que ser explicado como baixa-los no
prximo captulo.
2) Passe o nosso projeto goodbuy para a direita, usando o boto Add All, e depois clique em Finish.
4) Inicie o servidor clicando com o boto direito e selecionando Start. Abra o firefox e digite na barra de
endereos: http://localhost:8080/goodbuy.
http://www.mysql.com/
Depois de instalado e configurado, o MySQL pode ser acessado com o usurio chamado root e a senha vazia
(sem senha). Para testar, basta abrir o terminal e digitar o comando:
mysql -u root
Esse comando tenta fazer o login no mysql, informando o usurio root (-u root) e omitindo a senha, j que
esse usurio no tem senha.
Para nos comunicarmos com o banco de dados, seja para uma consulta ou para algum tipo de alterao de
dado, podemos usar a API que o Java SE disponibiliza, o JDBC. Um dos problemas do JDBC, quando usado
diretamente, conforme mostramos no curso FJ-21, que ele muito trabalhoso alm de que precisamos
gerenciar muitos recursos importantes. Todas as informaes tm de ser passadas uma a uma.
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
Para evitar ter que ficar fazendo todas as chamadas ao JDBC e ganharmos tempo e produtividade, vamos
utilizar um framework para a persistncia que j traz muitas funcionalidades j implementadas. O framework
que utilizaremos ser o Hibernate e ele ser o responsvel por fazer as chamadas API do JDBC.
Vale lembrar que, tudo que visto aqui no curso, aplicvel a outros frameworks de persistncia, como seria
o caso de usar o iBatis ou ento o EclipseLink atravs de JPA. muito importante perceber como vamos
integrar todas as nossas ferramentas de maneira coesa e desacoplada.
http://www.caelum.com.br/curso/fj25
No nosso projeto utilizaremos o Log4J, ento precisamos baixar mais dois zips. O primeiro o Log4J, do
grupo Apache. O segundo o prprio SL4J, que contm o jar que faz o binding do SL4J com o Log4J.
O arquivo de properties mais simples, mais fcil de se criar, mas uma das desvantagens que ele no
consegue configurar tudo que queremos, por exemplo as entidades. As entidades tm que ser configuradas
no cdigo, e as outras informaes no arquivo de properties.
J o XML, por mais que seja um pouco mais difcil em relao ao properties, permite que toda a configurao
seja feita nele. Por isso faremos nossa configurao no XML. O arquivo XML que o Hibernate procurar ser
o hibernate.cfg.xml e ele deve estar no classpath.
Para nosso caso, vamos seguir a conveno e criar o arquivo hibernate.cfg.xml na pasta src, dentro do
nosso projeto. O contedo do arquivo ser esse:
<hibernate-configuration>
<session-factory>
<property name="hibernate.connection.username">
root
</property>
<property name="hibernate.connection.password">
</property>
<property name="hibernate.connection.url">
jdbc:mysql://localhost/fj28
</property>
<property name="hibernate.connection.driver_class">
com.mysql.jdbc.Driver
</property>
<property name="hibernate.dialect">
org.hibernate.dialect.MySQL5InnoDBDialect
</property>
<property name="hibernate.hbm2ddl.auto">update</property>
<property name="show_sql">true</property>
<property name="format_sql">true</property>
</session-factory>
</hibernate-configuration>
As configuraes que passamos nesse arquivo so parecidas quando queremos nos conectar a um banco
de dados. Para conectar em um banco de dados, precisamos informar qual o usurio, a senha, algumas
informaes do banco, como host, porta, etc.
Um detalhe importante da nossa configurao o banco de dados que foi passado. Na configurao
hibernate.connection.url foi passado o nome do database que utilizaremos. Para esse caso escolhemos o
database fj28.
Existem muitas outras configuraes possveis. Para maiores detalhes, acesse a documentao do Hibernate.
Cadastrando Produtos
No captulo anterior, configuramos o Hibernate para acessar o banco de dados. Neste captulo, nosso objetivo
cadastrar produtos.
A primeira classe que faremos ser a classe Produto. Ela representar os produtos que sero cadastrados no
sistema, ou seja, quando algum produto for colocado no sistema, ns criaremos uma instncia dessa classe.
// getter e setters
}
BigDecimal
Em aplicaes normais, no se deve usar doubles para representar
nmeros reais (ex. dinheiro, porcentagem) por causa de problemas
de arredondamento. Podemos usar o BigDecimal que tem uma pre-
ciso fixa, portanto os problemas de arredondamento so facilmente
contornveis. No usaremos BigDecimal pois ele um pouco mais
complicado de usar:
double a, b, c, d;
d = a+b/c;
com BigDecimal:
BigDecimal a, b, c, d;
d = a.add(b.divide(c));
Uma das maneiras de transformar essa classe Java normal em uma classe que pode ser persistida atravs de
XML. O problema dessa abordagem a dificuldade e o trabalho de se fazer isso com XML.
Outra maneira, que est sendo bem aceita pela comunidade o uso de anotaes para a configurao. Ao
invs de usar um arquivo XML para configurar, basta ir na prpria classe e anot-la. Uma das grandes van-
tagens, alm da simplicidade, que as anotaes passam pelo processo de compilao normal, assim como
qualquer outro cdigo java. Ou seja, a classe com as anotaes deve compilar.
Para anotar a classe Produto, basta colocar na declarao da classe a anotao @Entity, do pacote
javax.persistence. Essa anotao pertence a especificao da Java Persistence API.
@Entity
public class Produto {
// getter e setters
}
Quando anotamos uma classe com @Entity, devemos indicar qual ser o campo de chave primria. Para o
nosso caso, vamos criar um campo id para ser a chave primria da tabela.
Para indicar que o campo id ser a chave primria, utilizaremos a anotao @Id. Um detalhe importante
que o nome da anotao no devido ao nome do atributo, ou seja, o atributo e a anotao tem o nome id,
mas a anotao sempre ser @Id, j o atributo de chave primria pode ser qualquer nome.
Vrias vezes no queremos passar o valor do id porque o valor desse campo ser gerado no banco de dados.
Podemos informar isso pro Hibernate atravs da anotao @GeneratedValue. Para o nosso caso, esse campo
ser do tipo auto_increment no banco de dados.
@Entity
public class Produto {
@Id @GeneratedValue
private Long id;
// getter e setters
}
Pronto, agora nossa entidade est devidamente anotada. S temos que fazer mais uma coisa: avisar o Hi-
bernate dessa entidade, isso porque ele no encontra a entidade automaticamente. Para informar isso ao
Hibernate, utilizaremos o arquivo de configurao dele, o hibernate.cfg.xml.
O contedo do arquivo ficar assim:
<hibernate-configuration>
<session-factory>
<!-- todas as propriedades configuradas anteriormente -->
Repare que temos que utilizar o nome completo da classe, ou seja, o nome da classe mais o pacote.
// getter e setters
}
@Id @GeneratedValue
private Long id;
// getter e setters
}
<hibernate-configuration>
<session-factory>
<!-- todas as propriedades configuradas anteriormente -->
<!-- -->
</session-factory>
</hibernate-configuration>
Mas no nosso caso, que estamos usando o Hibernate, precisamos usar diretamente essa conexo do JDBC?
No, deixaremos isso para o Hibernate. Temos que lembrar que sempre que quisermos fazer algo no banco
de dados, utilizaremos o Hibernate.
Para nos comunicarmos com o banco de dados utilizando o Hibernate, precisamos pedir para o Hibernate
um objeto que encapsule uma conexo, e com essa conexo, ele faa o que queremos. Esse objeto que preci-
samos a Session, do pacote org.hibernate.
Esse objeto muito importante para ns porque ele quem vai encapsular todas as chamadas JDBC, facili-
tando muito o mecanismo de acesso ao banco de dados.
Nosso primeiro passo para conseguir uma Session instanciar uma classe que representa a
configurao do Hibernate, portanto iniciamos instanciando a classe do Hibernate cujo nome
org.hibernate.cfg.AnnotationConfiguration.
Depois de criar esse objeto, vamos chamar o mtodo responsvel por ler o arquivo hibernate.cfg.xml, o
configure().
// L o hibernate.cfg.xml
configuration.configure();
Aps configurar, precisamos criar um objeto que cria as sesses, uma fbrica. Esse objeto uma
SessionFactory, que pode ser obtida com:
Com a SessionFactory em mos conseguimos criar uma uma Session. O cdigo completo fica:
4 configuration.configure();
5
A partir desse objeto session, basta passarmos uma entidade que ele se encarregar de transformar do modelo
orientado a objetos para o modelo relacional.
Transaction tx = session.beginTransaction();
session.save(produto);
tx.commit();
Note que utilizamos uma transao para salvar o produto. Essa transao do pacote org.hibernate, e ela
necessria para que o insert seja efetivado.
5.5 Exerccios
1) Crie a seguinte classe, que adiciona produtos no banco.
1 package br.com.caelum.goodbuy.testes;
2
3 import org.hibernate.Session;
4 import org.hibernate.SessionFactory;
5 import org.hibernate.Transaction;
6 import org.hibernate.cfg.AnnotationConfiguration;
7
19 produto.setPreco(35.90);
20
21 Transaction tx = session.beginTransaction();
22 session.save(produto);
23 tx.commit();
24 }
25 }
2) Execute a classe que adiciona o produto. Repare no console o sql que foi gerado.
12 Transaction tx = session.beginTransaction();
13 produto.setPreco(42.50);
14 session.update(produto);
15 tx.commit();
16 }
17 }
12 Transaction tx = session.beginTransaction();
13 session.delete(produto);
14 tx.commit();
15 }
16 }
14 Transaction tx = session.beginTransaction();
15 produto.setPreco(42.50);
16 session.update(produto);
17 tx.commit();
18 }
19 }
2) Execute a classe que altera o produto. Repare no console o sql que foi gerado.
1 package br.com.caelum.goodbuy.testes;
2
14 Transaction tx = session.beginTransaction();
15 session.delete(produto);
16 tx.commit();
17 }
18 }
5) Execute a classe que remove o produto. Repare no console o sql que foi gerado.
Eu sempre fiz com que minhas entidades implementassem Serializable. mesmo necessrio?
Refatorando
Hibernate configurado
Mas ser que com o que temos agora podemos cadastrar produtos, conforme o cliente pediu?
Repare na ltima parte da pergunta, que muito importante. Se entregarmos o que temos agora para o
cliente, ele dir que isso intil e nosso sistema no tem nada ainda.
O que faltou, que muito importante, integrar a parte visual (web) com as regras de negcios.
Mas repare que o jeito que esto nossas classes que lidam com um produto no banco de dados. Todo nosso
cdigo est em classes de testes, dentro do mtodo main(). Se deixarmos dessa maneira ficaria muito difcil
de utilizar esse cdigo.
Ento o que precisamos fazer melhorar nosso cdigo, para que possamos utilizar o que foi escrito dentro
do main(), e tambm para melhorar a manuteno e a legibilidade.
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
6.2 Refactoring
Uma prtica bastante comum e difundida no meio da Orientao a Objetos a chamada Refatorao (Refac-
toring). Refatorar um programa melhorar seu cdigo sem alterar sua funcionalidade. A ideia da refatorao
no corrigir bugs, por exemplo, mas melhorar a estrutura de seu cdigo, deix-lo mais OO, mais legvel.
H diversos tipos de refatoraes. Renomear uma varivel para um nome mais claro um exemplo simples.
Quebrar um mtodo grande em vrios mtodos menores um outro exemplo um pouco mais complicado.
Vrias IDEs de Java possuem suporte refatoraes comuns. O Eclipse possui timas opes automticas
que utilizaremos nesse curso.
O livro mais famoso sobre refatoraes foi escrito por Martin Fowler e chama-se Refactoring - Improving the
Design of existing code. um catlogo com dezenas de tcnicas de refatorao e instrues de como e quando
execut-las.
package br.com.caelum.goodbuy.testes;
// import's
Transaction tx = session.beginTransaction();
session.save(produto);
tx.commit();
}
}
Olhando para o mtodo main, podemos divid-lo em trs partes. Uma parte a aquisio de uma Session,
outra a criao do produto, e a outra adio do produto no banco de dados. Com base nessa diviso, vamos
pedir para o Eclipse nos ajudar a refatorar, para fazer essa diviso de uma maneira segura e automtica.
Apenas para ficar claro essa diviso, veja o cdigo novamente, agora com os comentrios mostrando onde
comea cada parte.
1 package br.com.caelum.goodbuy.testes;
2
3 // import's
4
15 // Criao do produto
16 Produto produto = new Produto();
17 produto.setNome("Prateleira");
18 produto.setDescricao("Uma prateleira para colocar livros");
19 produto.setPreco(35.90);
20
Selecionando apenas a parte da aquisio da sesso, vamos utilizar as teclas de atalho do Eclipse para criar
um mtodo com essas instrues. As teclas de atalho so Alt + Shift + M, que representa a opo Extract
Method.
Apertando essas teclas, o Eclipse mostrar uma tela perguntado o nome do mtodo que ser criado. O nome
desse mtodo ser getSession().
Colocando o nome do mtodo e apertando OK, o mtodo ser criado e a parte do cdigo que usa essas
instrues j muda automaticamente, fazendo a chamada ao mtodo recm-criado.
6.4 Exerccios
1) Altere a classe AdicaoDeProduto, que est no pacote br.com.caelum.goodbuy.testes, colocando os co-
mentrios para deixar claro a diviso das partes.
1 package br.com.caelum.goodbuy.testes;
2
3 // import's
4
15 // Criao do produto
16 Produto produto = new Produto();
17 produto.setNome("Prateleira");
18 produto.setDescricao("Uma prateleira para colocar livros");
19 produto.setPreco(35.90);
20
3) Com as linhas selecionadas, pressione as teclas Alt + Shift + M (Extract Method), para criar um mtodo
com essas linhas. Aps pressionar essas teclas, aparecer a seguinte tela:
4) A tela que est sendo mostrada est esperando por um nome de mtodo. Digite getSession como nome
do mtodo e pressione OK.
5) Note como o Eclipse mudou seu cdigo, criando o mtodo getSession e fazendo a chamada a este m-
todo. A classe deve estar assim:
public class AdicaoDeProduto {
// Criao do produto
Produto produto = new Produto();
produto.setNome("Prateleira");
produto.setDescricao("Uma prateleira para colocar livros");
produto.setPreco(35.90);
}
}
6) Faa o mesmo para as linhas de criao de produto e adio de produto no banco de dados. No final,
ficaremos com 3 mtodos, um chamado getSession, que j foi feito, outro chamado criaProduto e outro
chamado gravaProduto. Lembre-se de utilizar as teclas de atalho que vimos nesse exerccio.
7) Para conferncia, ficaremos com a classe da seguinte forma:
1 package br.com.caelum.goodbuy.testes;
2
3 // import's
4
11 // Criao do produto
12 Produto produto = criaProduto();
13
38 return session;
39 }
40 }
Mas repare que o mtodo main ficou muito mais legvel, intuitivo. Basta dar uma olhada rpida que podemos
entender o que ele faz.
Mas agora que o mtodo main foi quebrado em mtodos menores, ser que precisamos mesmo de co-
mentrios? Olhe novamente para o cdigo, e veja que os nomes dos nossos mtodos j dizem muito o que
queremos, ento nem precisamos mais de comentrios.
gravaProduto(session, produto);
}
// outros mtodos
}
Podemos ento criar uma classe que vai ser responsvel pela obteno de Sessions, para que possamos us-la
sempre que precisarmos de uma. Vamos dar a essa classe o nome de CriadorDeSession, e mover o mtodo
getSession() para ela.
Da mesma forma, podemos juntar as operaes de adicionar, remover, atualizar produtos em uma classe, que
ser responsvel por acessar os produtos no banco de dados. E a essa classe vamos dar o nome de ProdutoDao.
6.7 Exerccios
1) Crie uma classe chamada CriadorDeSession no pacote br.com.caelum.goodbuy.infra. Essa classe ser
a responsvel por criar uma Session.
3) Com as linhas selecionadas, pressione as teclas Alt + Shift + V (Move Method), para criar um mtodo
com essas linhas. Aps pressionar essas teclas, aparecer a seguinte tela:
4) A tela que est sendo mostrada est esperando pela classe que ficar com esse mtodo. Pressione o boto
Browse..., e busque pela classe CriadorDeSession, conforme a imagem abaixo:
5) Aps encontrar a classe CriadorDeSession, pressione o boto OK para escolher essa classe, depois OK
novamente para confirmar a mudana do mtodo para essa classe.
6) Aparecer uma tela avisando que a visibilidade do mtodo getSession ser alterada public. Confirme
essa alterao pressionando o boto Continue.
gravaProduto(session, produto);
}
produto.setPreco(35.90);
return produto;
}
}
8) Crie uma classe chamada ProdutoDao no pacote br.com.caelum.goodbuy.dao. Essa classe ser a respon-
svel por encapsular as chamadas ao Hibernate.
9) Mova o mtodo gravaProduto para a classe ProdutoDao. Utilize as teclas de atalho que vimos nesse
exerccio.
10) Repare como ficou a classe aps essa alterao:
public class AdicaoDeProduto {
ProdutoDao.gravaProduto(session, produto);
}
11) Vamos refatorar agora a classe ProdutoDao, que est no momento assim:
public class ProdutoDao {
12) A classe AdicaoDeProduto agora no compila. Vamos trocar o acesso esttico por acesso a uma instncia
do dao:
public class AdicaoDeProduto {
//...
}
13) O mtodo gravaProduto recebe uma Session. Mas o ProdutoDao deveria ser responsvel pelo acesso a
dados, ento ela mesma deve ser responsvel por criar a session. Mude isso no ProdutoDao:
public class ProdutoDao {
new ProdutoDao().gravaProduto(produto);
}
//...
}
14) Por ltimo, no precisamos criar uma Session dentro do mtodo gravaProduto, vamos fazer isso dentro
do construtor da classe, e colocar a Session como atributo:
public class ProdutoDao {
public ProdutoDao() {
this.session = CriadorDeSession.getSession();
}
15) Agora a chamada do mtodo gravaProduto est correta, porm repare como est um pouco redun-
dante:
new ProdutoDao().gravaProduto(produto);
Vamos fazer essa mudana de nome de mtodo utilizando o Eclipse. Pressione as teclas Alt + Shift +
R (rename) mtodo da classe ProdutoDao, e o Eclipse pedir o novo nome para o mtodo.
16) (Opcional) Refatore as outras classes de teste, AlteracaoDeProduto e RemocaoDeProduto, para utilizar o
ProdutoDao.
VRaptor
Atravs da inverso de controle e injeo de depndencias, ele diminui drasticamente o tempo de trabalho
que seria perdido com o cdigo repetitivo: validaes, converses, direcionamentos, ajax e lookups.
Aps fazer o unzip, abra a pasta que foi criada e copie os jars que esto em lib/mandatory para a pasta
WEB-INF/lib do seu projeto, alm do vraptor-3.X.X.jar. Tambm necessrio escolher um container de
injeo de dependncias (falaremos sobre eles mais pra frente no curso), entre o Spring, Google Guice ou
Pico container, adicionando todos os jars da pasta lib/containers/<container>.
Seguindo as convenes que o VRaptor usa, podemos criar apenas nossas lgicas (cdigo java) sem precisar
escrever xmls ou properties.
A nica configurao que precisamos fazer configurar o controlador do VRaptor. Essa configurao feita
dentro do arquivo web.xml, o arquivo de configurao da aplicao.
<web-app ...>
<!-- configura o controlador do VRaptor -->
<filter>
<filter-name>vraptor</filter-name>
<filter-class>br.com.caelum.vraptor.VRaptor</filter-class>
</filter>
<filter-mapping>
<filter-name>vraptor</filter-name>
<url-pattern>/*</url-pattern>
<dispatcher>FORWARD</dispatcher>
<dispatcher>REQUEST</dispatcher>
</filter-mapping>
</web-app>
Servlet 3.0
Se voc estiver usando um Servlet Container que implementa a Ser-
vlet 3.0 voc nem precisa da configurao do filtro no web.xml. Basta
colocar o jar do VRaptor na pasta WEB-INF/lib e ele ser configurado
automaticamente.
Nosso primeiro exemplo ser composto de uma classe, que representar as regras de negcio, e uma pgina
de resultado.
Vamos comear pela regra de negcio, um mtodo dentro de uma classe java simples.
1 package br.com.caelum.goodbuy;
2
9 }
Repare que essa classe no herda nem implementa nenhuma interface. Essa classe um exemplo de um
POJO. Isso muito importante porque a classe est bem simples, bem legvel.
Agora como fazer para chamar essa lgica? Queremos cham-la assim pelo browser:
http://localhost:8080/goodbuy/mundo/boasVindas
Para chamar essa lgica, temos que anotar nossa classe que contm a regra de negcio, para indicar para o
controlador do VRaptor que essa classe deve ser controlada por ele.
1 package br.com.caelum.goodbuy;
2
3 import br.com.caelum.vraptor.Resource;
4
5 @Resource
6 public class Mundo {
7
12 }
O VRaptor vai usar uma conveno para chamar o nosso mtodo: para executar o mtodo boasVindas() da
classe Mundo, posso chamar no browser a URI /mundo/boasVindas a partir da nossa aplicao, ou seja, a URI
http://localhost:8080/goodbuy/mundo/boasVindas.
1 package br.com.caelum.goodbuy;
2
3 import br.com.caelum.vraptor.Resource;
4
5 @Resource
6 public class Mundo {
12 }
7.5 Exerccios
1) Crie a classe Mundo no pacote br.com.caelum.goodbuy.
1 package br.com.caelum.goodbuy;
2
9 }
4) Ao acessar essa url, mostrada uma pgina com erro 404 (pgina no encontrada). Isso ocorreu porque
ainda no criamos a pgina de resultado. Ela ser criada na prxima seo. O importante verificar o log
da aplicao, na view Console do Eclipse, e ver que a mensagem apareceu.
5) (Opcional) Crie outro mtodo, parecido com o que fizemos, e acesse pelo browser. Se quiser, esse mtodo
pode ser em outra classe.
Vamos fazer a pgina de resultado, para que depois de executada a lgica, essa pgina seja chamada. Esse
o contedo da pgina:
Ol Mundo!
Conforme foi dito anteriormente, o VRaptor prefere convenes do que configuraes. A conveno de
redirecionamento de pginas aps a lgica a seguinte:
/WEB-INF/jsp/{nomeDoResource}/{lgica}.jsp
{nomeDoResource} = Mundo
{lgica} = boasVindas()
O VRaptor vai fazer algumas modificaes nesses valores. A primeira letra do nome do resource, que para
ns o nome da classe, ser passado para minsculo. O resto do nome continuar igual. J o nome da lgica
continuar igual, mas sem os parnteses. Ento o VRaptor vai considerar os seguintes valores:
{nomeDoResource} = mundo
{lgica} = boasVindas
/WEB-INF/jsp/mundo/boasVindas.jsp
7.7 Exerccios
1) Crie uma pasta chamada jsp dentro da pasta WEB-INF. Cuidado, o nome da pasta deve ser com letras
minsculas.
2) Crie uma pasta chamada mundo dentro da pasta WEB-INF/jsp. Cuidado, o nome da pasta deve ser com
letras minsculas.
3) Crie um jsp chamado boasVindas.jsp dentro da pasta WEB-INF/jsp/mundo. Seu projeto deve ficar assim:
5) Vamos testar nossas alteraes. Inicie o Tomcat na view Servers, depois abra um browser e digite a se-
guinte url: http://localhost:8080/goodbuy/mundo/boasVindas
Mas para muitos casos precisamos que a lgica carregue informaes do banco de dados e depois a view
exiba essas informaes.
No VRaptor 3 foi criada uma caracterstica muito intuitiva de se mandar informaes para a view. Quando
um mtodo invocado, por exemplo nosso mtodo boasVindas(), podemos fazer com que ele retorne algo,
e esse retorno ser enviado para a view automaticamente.
As verses anteriores usavam atributos junto com anotaes ou getters. O problema dessa abordagem que
a classe ficava muito poluda com atributos, getters ou anotaes.
1 package br.com.caelum.goodbuy;
2
3 @Resource
4 public class Mundo {
5
10 }
Agora o mtodo boasVindas() no imprime nada, apenas retorna uma string. Aps a execuo desse m-
todo, essa string j estar disponvel na view.
muito importante perceber a legibilidade desse mtodo. uma classe java normal, e um mtodo que
retorna uma string.
Para que a view possa imprimir esse valor, vamos utilizar Expression Language no nosso jsp. Nosso jsp ficar
assim:
Como utilizamos o retorno do mtodo para disponibilizar informaes para a view, no temos como dar um
nome significativo para utilizar depois.
O VRaptor usa a conveno de buscar o tipo do retorno, nesse nosso caso uma String, e disponibilizar para a
view com o mesmo nome, apenas passando a primeira letra para minsculo. Por esse motivo que foi utilizado
a expression language ${string}.
como o Hibernate.
Se nossa lgica criasse uma coleo com informaes que vieram do banco de dados, poderamos retornar
essa coleo, assim como fizemos anteriormente. O cdigo ficaria assim:
1 package br.com.caelum.goodbuy;
2
3 @Resource
4 public class Mundo {
5
20 }
Note que agora o valor passado na expression language foi ${stringList}. O VRaptor identifica que devol-
vemos uma lista, e essa lista genrica, informando que o tipo de informao dentro da lista ser String.
{tipoDaLista}List
Nosso exemplo era de uma lista de String, ou seja, List<String>, que virou ${stringList}.
7.10 Exerccios
1) Altere o mtodo boasVindas() da classe Mundo para retornar uma String.
1 package br.com.caelum.goodbuy;
2
3 @Resource
4 public class Mundo {
5
10 }
4) Crie um mtodo chamado paises() na classe Mundo. Esse mtodo deve retornar uma lista de Strings. Seu
cdigo ficar assim:
public List<String> paises() {
List<String> result = new ArrayList<String>();
result.add("Brasil");
result.add("Portugal");
result.add("Japo");
result.add("Canad");
result.add("Paraguai");
return result;
}
http://localhost:8080/goodbuy/mundo/paises
7) (Opcional) Crie outro mtodo que mande alguma informao para a view. Dessa vez, tente retornar um
valor inteiro ou um valor decimal.
8) (Opcional) Crie outro mtodo que retorne um Produto, com algumas informaes preenchidas. Tente
imprimir essas informaes no jsp.
9) (Opcional) Na view que exibe os pases, itere sobre a coleo e mostre cada pas em uma linha. Dica: use
o JSTL, tag c:forEach.
10) (Opcional) Um mtodo s pode retornar uma informao. Mas como faramos para disponibilizar para
a view mais de uma informao?
Vamos comear criando nossa classe que far a lgica de negcios. O nome da classe poderia ser qualquer
nome vlido, mas usaremos uma conveno do VRaptor: utilizar o sufixo Controller.
Vimos que o nome da classe utilizado pelo VRaptor para registrar esse componente, para que quando
fizermos uma chamada do browser, essa classe seja encontrada e algum mtodo seja invocado. Mas utilizando
o nome ProdutosController, o VRaptor vai mapear essa classe para apenas /produtos, removendo o sufixo
Controller que faz parte da conveno.
Dentro dessa classe, teremos um mtodo para listar todos os produto. Esse mtodo ser invocado pelo VRap-
tor e o produto em questo ser passado com os dados j populados atravs dos dados do formulrio.
Primeiro, vamos listar todos os produtos existentes no banco de dados. Para isso, vamos usar o mtodo
createCriteria de Session que cria uma Criteria. Atravs de um Criteria, temos acesso a diversas ope-
raes no banco de dados; uma delas listar tudo com o mtodo list().
Com essa listagem pronta, podemos us-la no ProdutosController, e criar uma lgica que lista produtos.
Coloque a classe no pacote br.com.caelum.goodbuy.controller:
package br.com.caelum.goodbuy.controller;
Olhando para esse mtodo, que no incio tnhamos definido para ser nossa regra de negcio, ser que temos
apenas isso? Ser que apenas listamos os produtos?
Na verdade esse mtodo est fazendo mais tarefas do que deveria. Ele possui algumas responsabilidades
extras, por exemplo criar o ProdutoDao. A nica parte que a regra de negcio para esse caso a chamada
ao dao.listaTudo(). O resto apenas infraestrutura para permitir executar essa tarefa.
Avaliando esse problema, podemos perceber que estamos buscando recursos, nesse caso um dao, e portanto
nos preocupando demasiadamente com os mesmos. Se buscar um recurso ruim, seja pela complexidade
ou dificuldade no acesso, e tambm por no fazer parte da regra de negcio, que tal se ao invs de cri-lo,
recebssemos o mesmo?
1 package br.com.caelum.goodbuy.controller;
2
3 // import's
4
5 @Resource
6 public class ProdutosController {
7
13
18 }
Repare como seria mais simples nosso mtodo que executa a regra de negcio, e tambm como o mtodo
s executa a parte que realmente lhe interessa. A busca dos recursos necessrios para a execuo de nessa
lgica de negcios - nesse caso a criao do dao - no interessa pra essa classe.
Um ponto muito importante que temos que notar que para que essa classe funcione corretamente, preci-
samos de uma instncia de ProdutoDao. Se no tivermos essa instncia, impossvel executar nossa regra de
negcios, pois no existe construtor que no receba um ProdutoDao.
Como vimos antes, essa lgica redireciona para a jsp /WEB-INF/jsp/produtos/lista.jsp, e como retorna-
mos uma lista de produtos, existe uma varivel chamada ${produtoList} disponvel no jsp.
Para podermos mostrar a listagem de um jeito mais fcil, vamos usar uma taglib da JSTL chamada c:forEach,
que capaz de iterar sobre uma lista passada.
Usando essa taglib, vamos criar uma tabela com todos os produtos do sistema:
<table>
<thead>
<tr>
<th>Nome</th>
<th>Descrio</th>
<th>Preo</th>
</tr>
</thead>
<tbody>
<c:forEach items="${produtoList}" var="produto">
<tr>
<td>${produto.nome }</td>
<td>${produto.descricao }</td>
<td>${produto.preco }</td>
</tr>
</c:forEach>
</tbody>
</table>
Na nossa abordagem, utilizamos o construtor da classe ProdutosController para receber nossas dependn-
cias e, com isso, ganhamos a garantia de que, se tenho um objeto do tipo ProdutosController na minha
mo, posso invocar o mtodo adiciona pois o atributo dao teve seu valor atribudo durante a construo do
objeto.
Ao adicionar o construtor customizado, perdemos o construtor padro, e no podemos mais instanciar essa
classe assim:
Essa caracterstica de, com um objeto em mos, saber que seus mtodos podem ser invocados sem ne-
cessidade de nenhuma dependncia externa extra, parte do que foi chamado de Good Citizen: http:
//docs.codehaus.org/display/PICO/Good+Citizen
Em um objeto todas as dependncias devem ser passadas durante o processo de construo evitando assim
um possvel estado incosistente.
Repare que logo aps a segunda linha ser executada, tenho a confiana de que o objeto referenciado pela
varivel controller est preparado para ter seus mtodos invocados.
Dessa maneira injetamos todas as nossas dependncias durante a instanciao do controlador, um trabalho
manual que ficar extremamente repetitivo e propcio a erro a medida que aumenta o nmero de dependn-
cias de nossa classe.
No nosso caso, quem vai instanciar essa classe? Ns ou o VRaptor? Essa classe ser instanciada pelo VRap-
tor. Mas se o VRaptor fizer isso, como ele descobrir sobre interligaes entre as dependncias?
Uma vez que precisamos da classe ProdutoDao como dependncia nossa, precisamos notificar o framework
que o mesmo se encarregar de gerenciar as instncias de ProdutoDao, isto , nesse caso especfico, ele criar
uma instncia e utilizar como argumento para o construtor. Para fazer isso, basta anotarmos essa classe com
@Component.
package br.com.caelum.goodbuy.dao;
// import's
import br.com.caelum.vraptor.ioc.Component;
@Component
public class ProdutoDao {
//...
}
Agora a classe ProdutoDao tambm ser controlada pelo VRaptor. Dessa forma, quando o VRaptor for ins-
tanciar a classe ProdutosController, ele verificar que ela depende de um ProdutoDao, e criar uma instncia
da mesma.
O que acabamos de fazer foi criar uma maneira de passar as dependncias para onde for necessrio, ou
seja, um mecanismo de injetar as dependncias. Por esse motivo, esse conceito chamado de Injeo de
Dependncias.
O VRaptor est fortemente baseado nesse conceito, uma vez que at ele mesmo utiliza o mesmo para conectar
seus componentes internos. O conceito bsico por trs de Dependency Injection (DI) que voc no deve
buscar aquilo que deseja acessar, mas tais necessidades devem ser fornecidas para voc.
Isso se traduz, por exemplo, na passagem de componentes atravs do construtor de seus controladores. Ima-
gine que seu controlador de clientes necessita acessar um dao. Sendo assim, especifique claramente essa
necessidade.
8.4 Exerccios
1) Abra a classe ProdutoDao e adicione o mtodo para listar todos os produtos:
public class ProdutoDao {
//...
3 // import's
4
5 import br.com.caelum.vraptor.Resource;
6
7 @Resource
8 public class ProdutosController {
9
13 }
4) Crie o construtor que recebe uma instncia de ProdutoDao, e guarde essa instncia em um atributo.
1 package br.com.caelum.goodbuy.controller;
2
3 // import's
4 import br.com.caelum.vraptor.Resource;
5
6 @Resource
7 public class ProdutosController {
8
18 }
3 // import's
4
5 import br.com.caelum.vraptor.Resource;
6
7 @Resource
8 public class ProdutosController {
9
20
21 }
9) Deu uma exception! A informao mais importante dela est no final da Stacktrace:
...
Caused by: org.springframework.beans.factory
.NoSuchBeanDefinitionException:
No unique bean of type
[br.com.caelum.goodbuy.dao.ProdutoDao] is defined:
Unsatisfied dependency of type
[class br.com.caelum.goodbuy.dao.ProdutoDao]:
expected at least 1 matching bean
at org.springframework.beans.factory.support....
Ou seja, o Spring -- que usado pelo VRaptor para gerenciar dependncias -- no conhece o ProdutoDao.
Precisamos indicar para o VRaptor que ele tem que registrar o ProdutoDao no Spring, com a anotao
@Component.
10) Anote a classe ProdutoDao com @Component, para indicar que essa classe uma dependncia e pode ser
instanciada pelo VRaptor sempre que necessrio.
package br.com.caelum.goodbuy.dao;
// import's
import br.com.caelum.vraptor.ioc.Component;
@Component
public class ProdutoDao {
//...
}
11) Se acessarmos de novo a URI que executa o mtodo lista: http://localhost:8080/goodbuy/produtos/lista ve-
remos a listagem de produtos:
12) Abra o arquivo header.jspf e procure a div com id="menu". Adicione um link ao menu, para acessar a
listagem de produtos:
<div id="menu">
<ul>
<li><a href="<c:url value="/produtos/lista"/>">Lista Produtos</a></li>
</ul>
</div>
1 package br.com.caelum.goodbuy.controller;
2
3 // import's
4
5 @Resource
6 public class ProdutosController {
7
13 }
Para evitar isso, o VRaptor possui uma conveno para popular os parmetros da sua lgica. O mtodo
adiciona recebe como parmetro um Produto chamado produto, ento para popular o campo nome desse
produto, o VRaptor vai usar um parmetro da requisio chamado produto.nome. Para o campo descricao
o parmetro vai ser produto.descricao. Ou seja, a partir do nome do parmetro do mtodo, podemos usar
pontos para setar os campos do parmetro, desde que voc tenha getters e setters para eles.
o VRaptor iria usar os parmetros novoProduto.nome, novoProduto.descricao, etc para popular os campos
do produto.
Agora que sabemos como o VRaptor popula os parmetros do mtodo, vamos criar um formulrio para
poder cadastrar produtos. Esse formulrio dever ficar na pasta WEB-INF/jsp/produtos, com o nome de
formulario.jsp.
1 <form action="adiciona">
2 <fieldset>
3 <legend>Adicionar Produto</legend>
4
5 <label for="nome">Nome:</label>
6 <input id="nome" type="text" name="produto.nome"/>
7
8 <label for="descricao">Descrio:</label>
9 <textarea id="descricao" name="produto.descricao"></textarea>
10
11 <label for="preco">Preo:</label>
12 <input id="preco" type="text" name="produto.preco"/>
13
14 <button type="submit">Enviar</button>
15 </fieldset>
16 </form>
Como nossas pginas ficam sempre na pasta WEB-INF, no temos como acessar diretamente pelo browser
um jsp. Para acessar a pgina que acabamos de criar, vamos criar um mtodo na classe ProdutosController
para chamar nossa pgina, usando a conveno do VRaptor.
@Resource
public class ProdutosController {
http://localhost:8080/goodbuy/produtos/formulario
Aps preencher as informaes do formulrio e enviar, o VRaptor vai invocar o mtodo adiciona, passando
o Produto populado com os campos que digitamos. E como diz a conveno do VRaptor, precisamos criar o
arquivo adiciona.jsp, na pasta WEB-INF/jsp/produtos. Por enquanto vamos colocar o seguinte contedo:
8.7 Exerccios
1) Crie o mtodo adiciona que recebe um Produto como parmetro e faa a chamada ao mtodo salva do
dao passando esse produto.
1 package br.com.caelum.goodbuy.controller;
2 public class ProdutosController {
3
4 //...
5
10 }
3) Abra o arquivo que acabamos de criar e coloque os campos para de digitao, assim como o boto e o
formulrio.
<form action="adiciona">
<fieldset>
<legend>Adicionar Produto</legend>
<label for="nome">Nome:</label>
<input id="nome" type="text" name="produto.nome"/>
<label for="descricao">Descrio:</label>
<textarea id="descricao" name="produto.descricao"></textarea>
<label for="preco">Preo:</label>
<input id="preco" type="text" name="produto.preco"/>
<button type="submit">Enviar</button>
</fieldset>
</form>
</ul>
</div>
Aps adicionar produtos podemos, por exemplo, mostrar uma lista com os produtos j adicionados. Usando
a conveno do VRaptor, poderamos colocar a lista de produtos no arquivo adiciona.jsp. Mas j temos uma
lgica que lista produtos, por que no us-la? Para isso precisamos falar para o VRaptor que no queremos
usar a conveno, queremos ao invs de ir para a pgina adiciona.jsp, redirecionar para a lgica de listagem.
Para sobrescrever a conveno da view padro, existe um componente do VRaptor chamado Result. Com
ele possvel redirecionar para pginas ou para lgicas, ao final do seu mtodo.
Primeiro precisamos de uma instncia de Result. Vamos dar um new nele? No, e isso nem possvel porque
Result uma interface. Como fazer ento? Como visto antes, o VRaptor usa injeo de dependncias, e
como o Result um componente conhecido pelo VRaptor, basta receb-lo no construtor da classe.
import br.com.caelum.vraptor.Result;
@Resource
public class ProdutosController {
Captulo 8 - Criando o Controlador de Produtos - Redirecionar para listagem depois de adicionar - Pgina 70
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
this.result = result;
}
//...
}
Agora que temos essa instncia de Result podemos us-la para mudar o resultado da lgica adiciona do
ProdutosController. O jeito de fazer isso dizer: Como resultado, quero redirecionar para a lgica Pro-
dutosController.lista(). Ou em java:
result.redirectTo(ProdutosController.class).lista();
@Resource
public class ProdutosController {
Repare que no foi necessrio criar arquivos de configurao para fazer essa mudana de conveno, tudo
feito no prprio mtodo. Ao olhar para o mtodo adiciona fica claro que o resultado dele no vai ser o
adiciona.jsp, vai ser a lgica lista do ProdutosController.
Como o redirecionamento para uma lgica do mesmo controller voc pode ainda usar um comando mais
enxuto:
Captulo 8 - Criando o Controlador de Produtos - Redirecionar para listagem depois de adicionar - Pgina 71
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
result.redirectTo(this).lista();
redirecionamento do lado do servidor, usando o mtodo forwardTo: o servidor vai redirecionar in-
ternamente para a lgica especificada, desse modo possvel mudar o resultado de uma lgica sem
mudanas do lado do cliente. No use esse redirecionamento em requisies POST.
Alm disso, podemos redirecionar nossa requisio para pginas usando outros mtodos:
Existem mais redirecionamentos possveis implementados no VRaptor. Todos eles esto disponveis como
mtodos estticos da classe Results, que voc pode chamar dentro do mtodo use do Result, por exemplo:
8.9 Exerccios
1) Receba um Result no construtor do ProdutosController e guarde-o em um atributo.
import br.com.caelum.vraptor.Result;
@Resource
public class ProdutosController {
3) Reinicie o tomcat para que ele carregue as suas mudanas, abra o formulrio e adicione mais um produto.
Repita essa operao e adicione mais produtos.
Comeando pela atualizao, primeiro precisamos de uma lgica que mostre um formulrio com os dados
do produto preenchidos. Vamos dar a essa lgica o nome de edita.
Precisamos passar para essa lgica o id do produto que queremos editar, para que possamos carregar suas
informaes do banco de dados. E para passar o Produto carregado para a jsp, basta retorn-lo:
Agora podemos criar o formulrio de edio, passando os valores do produto carregado para os inputs:
<form action="altera">
<fieldset>
<legend>Editar Produto</legend>
<label for="nome">Nome:</label>
<input id="nome" type="text"
name="produto.nome" value="${produto.nome }"/>
<label for="descricao">Descrio:</label>
<textarea id="descricao" name="produto.descricao">
${produto.descricao }
</textarea>
<label for="preco">Preo:</label>
<input id="preco" type="text"
name="produto.preco" value="${produto.preco }"/>
<button type="submit">Enviar</button>
</fieldset>
</form>
Repare que precisamos tambm colocar um input hidden com o valor do produto.id para que saibamos
qual produto ser alterado. A action do form para a lgica altera, ento precisamos cri-la no nosso con-
troller. Como usamos os nomes dos campos do formulrio do jeito certo, podemos simplesmente receber
um Produto como argumento na lgica altera.
Assim como na lgica adiciona, fizemos um POST num formulrio, ento ao invs de colocar uma jsp com
uma mensagem de Produto alterado com sucesso, vamos redirecionar para a listagem de produtos.
Agora precisamos de um jeito fcil de editar um produto. Vamos ento adicionar um link para editar o
produto, na listagem:
Vamos tambm remover produtos no nosso controller. Para remover um produto precisamos apenas do seu
id, ento basta criar a lgica:
Tambm no faz muito sentido criar uma pgina de resultado para a remoo, ento vamos redirecionar
para a listagem.
Assim como criamos o link para a edio, vamos criar um link para a remoo:
8.11 Exerccios
1) Crie as lgicas para edio de produtos no ProdutosController:
public Produto edita(Long id) {
return dao.carrega(id);
}
<label for="nome">Nome:</label>
<label for="descricao">Descrio:</label>
<textarea id="descricao" name="produto.descricao">
${produto.descricao }
</textarea>
<label for="preco">Preo:</label>
<input id="preco" type="text" name="produto.preco"
value="${produto.preco }"/>
<button type="submit">Enviar</button>
</fieldset>
</form>
Refatorando os DAOs
@Component
public class ProdutoDao {
Mas como falar que a Session pode ser usada como dependncia?
Poderamos fazer a mesma alterao que fizemos no ProdutoDao, anotando a classe Session do pacote
org.hibernate com @Component. Assim, a sesso do Hibernate tambm seria gerenciada pelo VRaptor. Mas
ser que podemos anotar uma classe do Hibernate? S se baixssemos o cdigo fonte e compilssemos na
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
mo, junto com nosso projeto. Daria muito trabalho e seria muito estranho, nosso projeto alterando outro
projeto.
Para resolver isso, o VRaptor possui um mecanismo que nos auxilia a passar dependncias de outros projetos
para nossas classes. Basta criarmos uma classe que implementa a interface ComponentFactory. Essa interface
define um nico mtodo, o getInstance.
Criando essa classe, podemos definir a lgica de criao de um determinado objetos, e o VRaptor usar a
instncia retornada para passar como dependncia para outras classes. No nosso caso, podemos criar uma
classe que cria sesses do Hibernate.
J temos uma classe que cria uma classe que nos d uma instncia de Session: a CriadorDeSession, ento
para transform-la em um ComponentFactory basta implementar a interface. Mas o mtodo que nos d a
Session se chama getSession, e a interface espera que o mtodo se chame getInstance. E, por ltimo,
anotamos a classe com @Component para que o VRaptor saiba como cri-la. A classe ficar assim:
import br.com.caelum.vraptor.ioc.ComponentFactory;
@Component
public class CriadorDeSession implements ComponentFactory<Session> {
Note que utilizamos Generics para informar qual ser o tipo de objeto criado por essa classe.
O mtodo getInstance ainda est fazendo coisas demais: ele cria uma AnnotationConfiguration, confi-
gura, constri uma SessionFactory, e s ento abre uma sesso. No seria suficiente s abrir uma sesso
a partir da SessionFactory? A SessionFactory uma dependncia para criar uma Session. Ento vamos
receb-la no construtor da classe.
@Component
public class CriadorDeSession implements ComponentFactory<Session> {
Podemos usar a mesma idia e criar um ComponentFactory para SessionFactory, com o cdigo que remo-
vemos da CriadorDeSession. No podemos nos esquecer da anotao @Component:
@Component
public class CriadorDeSessionFactory implements
ComponentFactory<SessionFactory> {
Poderamos continuar esse processo, e criar uma ComponentFactory para AnnotationConfiguration tam-
bm, mas vamos parar por aqui. Resumindo o que acabamos de fazer, chegamos a seguinte situao:
ProdutosController depende de ProdutoDao que depende de Session que depende de SessionFactory.
primeira vista pode parecer que fizemos muita coisa s pra resolver o problema da Session. Mas a van-
tagem de utilizarmos essa abordagem que para as nossas prximas lgicas, no precisaremos fazer nada.
Se tivermos que criar 50 DAOs no nosso sistema, no precisamos mais se preocupar com Sessions, basta
receber uma no construtor.
9.2 Exerccios
1) Faa a classe ProdutoDao receber uma Session no construtor. Remova o mtodo getSession:
@Component
public class ProdutoDao {
2) Modifique a classe CriadorDeSession. Faa com que essa classe implemente a interface
ComponentFactory, passando a Session como tipo genrico. Renomeie o mtodo getSession
para getInstance, e remova o static.
import br.com.caelum.vraptor.ioc.ComponentFactory;
@Component
public class CriadorDeSession implements ComponentFactory<Session> {
public Session getInstance() {
AnnotationConfiguration configuration = new AnnotationConfiguration();
configuration.configure();
3) A classe CriadorDeSession est fazendo coisas demais. Recorte a parte que cria uma SessionFactory e
receba uma SessionFactory no construtor. A classe deve ficar assim:
1 package br.com.caelum.goodbuy.infra;
2
3 // import's
4
15 }
4) Aps ter criado o construtor, guarde o parmetro factory em um atributo. Utilize as teclas de atalho do
Eclipse. Pressione as teclas Ctrl + 1 (quick fix) no parmetro factory, e o Eclipse nos mostrar algumas
sugestes. Selecione a primeira opo, Assign parameter to new field.
5) Anote a classe com @Component, para indicar que essa classe uma dependncia e pode ser instanciada
pelo VRaptor sempre que necessrio.
6) Crie a classe CriadorDeSessionFactory no pacote br.com.caelum.goodbuy.infra que implementa a
interface ComponentFactory<SessionFactory>.
1 package br.com.caelum.goodbuy.infra;
2
3 // import's
4
8 }
7) A classe no compila, pois falta implementar o mtodo que foi definido na interface. Para isso utilize as
teclas de atalho do Eclipse: coloque o cursor no nome da classe e digite Ctrl+1. Selecione a opo Add
unimplemented methods.
Coloque a criao da fbrica de sesses que voc tinha recortado da outra classe nesse mtodo.
1 package br.com.caelum.goodbuy.infra;
2
3 // import's
4
12
13 SessionFactory factory =
14 configuration.buildSessionFactory();
15 return factory;
16 }
17
18 }
8) Anote a classe com @Component, para indicar que essa classe uma dependncia e pode ser instanciada
pelo VRaptor sempre que necessrio.
9) As classes de teste que tnhamos criado no esto compilando mais, pois mudamos o construtor do
ProdutoDao. Mude as chamadas, usando as ComponentFactories para criar as dependncias. Note que
na aplicao web, o VRaptor que vai se encarregar executar esse cdigo.
SessionFactory factory = new CriadorDeSessionFactory().getInstance();
10) Acesse o sistema e veja que ele continua funcionando como antes.
Toda vez que precisamos de uma sesso do Hibernate, o VRaptor injeta no dao uma sesso nova. Essa sesso
criada de uma fbrica de sesses, e essa fbrica tambm criada. Ou seja, para cada requisio, estamos
criando uma fbrica nova. Mas temos que nos lembrar que isso no deveria ser feito. custoso ter que criar
uma fbrica de sesses para cada requisio.
Uma alternativa para resolver esse problema utilizar um bloco esttico dentro do CriadorDeSessionFac-
tory. Outra alternativa seria utilizar o Design Pattern Singleton, fazendo com que apenas uma instncia de
determinada classe seja criada.
Mas como estamos utilizando o VRaptor, vamos utilizar um recurso dele para esse controle.
Alguns componentes devem ter o tempo de vida de uma requisio, ou seja, enquanto estamos atendendendo
uma solicitao do cliente. Esse caso seria aplicado sesso do Hibernate, por exemplo.
Mas alguns componentes devem durar mais que uma requisio, devem durar enquanto um cliente estiver
logado por exemplo. Esse seria o caso de um carrinho de compras. Para cada produto que um cliente quiser
comprar, esse produto deve ser adicionado no mesmo carrinho, e enquanto o cliente estiver usando o sistema
o carrinho deve continuar guardando os produtos.
Para alguns casos, um componente deve durar para todas as requisies, e esse componente pode ser utilizado
por todos os clientes. Esse caso poderia ser a fbrica de sesses do Hibernate. Essa fbrica ficaria nica para
toda a aplicao, e qualquer cliente que precisar de uma sesso, usaramos essa fbrica.
Para cada cenrio acima, o VRaptor definiu um tempo de vida. Esse tempo de vida no VRaptor chamado
de escopo. O VRaptor define quatro escopos, e para utiliz-los, basta anotarmos nossos componentes com
uma das seguintes anotaes:
@RequestScoped - o componente ser criado a cada requisio. o escopo padro dos componentes.
@SessionScoped - o componente ser criado uma vez por sesso (HttpSession) de usurio
Para nossa classe CriadorDeSessionFactory, queremos ter apenas uma instncia dessa classe para toda nossa
aplicao, ento vamos anot-la com @ApplicationScoped.
1 package br.com.caelum.goodbuy.infra;
2
3 // import's
4
5 @Component
6 @ApplicationScoped
7 public class CriadorDeSessionFactory implements
8 ComponentFactory<SessionFactory> {
9
17 }
Agora o VRaptor vai criar apenas uma instncia dessa classe. Mas repare que o mtodo getInstance cria
toda vez uma fbrica nova. Precisamos refatorar para que seja criada apenas uma fbrica.
Para resolver esse problema, poderamos criar um atributo do tipo SessionFactory e colocar no construtor
da classe a criao da fbrica.
@Component
@ApplicationScoped
public class CriadorDeSessionFactory implements
ComponentFactory<SessionFactory>{
public CriadorDeSessionFactory() {
AnnotationConfiguration configuration =
new AnnotationConfiguration();
configuration.configure();
factory = configuration.buildSessionFactory();
}
Mas o VRaptor permite a utilizao de anotaes bem teis do Java EE 5: o @PostConstruct e o @PreDestroy.
Essas anotaes devem ser anotadas em mtodos e tm a seguinte semntica:
os mtodos anotados com @PostConstruct sero executados assim que o escopo for iniciado, ou seja,
no comeo da requisio, sesso de usurio ou da aplicao.
os mtodos anotados com @PreDestroy sero executados assim que o escopo for finalizado, ou seja,
no final da requisio, sesso de usurio ou da aplicao.
Desse modo, podemos usar um mtodo anotado com @PostConstruct para criar a fbrica de sesses, e
como uma boa prtica fechar todos os recursos que abrimos, devemos criar um mtodo anotado com
@PreDestroy que vai fechar a fbrica.
@Component
@ApplicationScoped
public class CriadorDeSessionFactory implements
ComponentFactory<SessionFactory> {
@PostConstruct
public void abre() {
AnnotationConfiguration configuration =
new AnnotationConfiguration();
configuration.configure();
this.factory = configuration.buildSessionFactory();;
}
@PreDestroy
public void fecha() {
this.factory.close();
}
}
Note que no precisamos de um bloco esttico ou um singleton, pois o VRaptor que vai se encarregar de
criar apenas uma instncia da fbrica, e quando o recurso no for mais necessrio, o VRaptor vai fechar a
fbrica.
Mas onde colocaramos o fechamento da sesso? No dao? Na lgica? Mas ser que nossa lgica que deveria
fechar? No seria bom que o VRaptor fechasse para ns a sesso no final da requisio?
Utilizando as anotaes que vimos na sesso anterior, @PostConstruct e @PreDestroy, conseguimos fazer
um cdigo muito elegante e de fcil entendimento.
Na classe CriadorDeSession, podemos criar dois mtodos, um para abrir e outro para fechar a sesso. Dessa
forma, no precisaremos nos preocupar com esse tipo de tarefa, que no faz parte da regra de negcio.
1 package br.com.caelum.goodbuy.infra;
2
3 // import's
4
5 @Component
6 public class CriadorDeSession implements ComponentFactory<Session> {
7
15 @PostConstruct
16 public void abre() {
17 this.session = factory.openSession();
18 }
19 public Session getInstance() {
20 return this.session;
21 }
22 @PreDestroy
23 public void fecha() {
24 this.session.close();
25 }
26
27 }
Note que criamos um atributo chamado session, que guardar uma sesso do Hibernate. Temos que lem-
brar que componentes que controlados pelo VRaptor sempre tm um escopo, mesmo no estando ano-
tado. O escopo padro para componentes o de requisio, ou seja, daria na mesma anotar essa classe com
@RequestScoped. Desse modo, uma sesso vai ser aberta no comeo da requisio, e ser fechada assim que
acabar a requisio
9.6 Exerccios
1) Anote a classe CriadorDeSessionFactory com @ApplicationScoped.
1 package br.com.caelum.goodbuy.infra;
2
3 // import's
4
5 @Component
6 @ApplicationScoped
7 public class CriadorDeSessionFactory implements
8 ComponentFactory<SessionFactory> {
9 //...
10 }
2) Refatore essa classe para que seja criado apenas uma instncia da fbrica.
1 package br.com.caelum.goodbuy.infra;
2
3 // import's
4
5 @Component
6 @ApplicationScoped
7 public class CriadorDeSessionFactory implements
8 ComponentFactory<SessionFactory>{
9
12 @PostConstruct
13 public void abre() {
14 AnnotationConfiguration configuration =
15 new AnnotationConfiguration();
16 configuration.configure();
17
18 this.factory = configuration.buildSessionFactory();
19 }
20
25 @PreDestroy
26 public void fecha() {
27 this.factory.close();
28 }
29 }
@PostConstruct
@PreDestroy
public void fecha() {
this.session.close();
}
5) (Opcional) Coloque System.out.println nos mtodos dos ComponentFactories, para ver a ordem que
os mtodos so chamados
6) (Opcional) Faa em uma folha de papel todo o fluxo de cadastro de um usurio. Esse fluxo pode ser feito
de qualquer forma, com flechas e caixas de texto por exemplo. O ponto importante desse exerccio ficar
claro como est a arquitetura do seu projeto.
Validando formulrios
Quando temos um formulrio para adicionar dados no nosso sistema, geralmente precisamos verificar se os
dados esto corretos e consistentes. Por exemplo no gostaramos que o usurio digitasse vinte e trs reais
no campo preo, ou que o campo nome fosse vazio.
Ento, antes de salvar esses dados no banco precisamos verificar se tudo est como esperamos. Chamamos
isso de validao. Existem duas maneiras de fazer validao:
Validao do lado do cliente: verificamos os dados antes de mandar os dados para o servidor, assim o
feedback da validao instantneo.
Validao do lado do servidor: os dados so enviados para o servidor, e se houver erros, o servidor
devolve esses erros para o cliente.
A validao do lado do cliente geralmente feita usando javascript, impedindo que o formulrio seja sub-
metido caso acontea algum erro. A do lado do servidor feita em Java, e o VRaptor pode te ajudar a faz-la.
10.1 Validator
O VRaptor possui um componente, chamado Validator, para ajudar a fazer validaes do lado do servidor.
Com ele, voc pode executar a lgica de validao, e caso haja algum erro, especificar para onde deve ser
redirecionada a requisio. Para obter um Validator basta receb-lo no construtor do seu Controller:
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
import br.com.caelum.vraptor.Validator;
@Resource
public class ProdutosController {
Com essa instncia do Validator podemos adicionar erros de validao para o caso em que os dados da
requisio no vieram corretos. Geralmente validamos quando estamos adicionando ou atualizando algo no
banco, ento vamos executar a validao no mtodo adiciona.
maneira fluente: voc diz o que quer que seja verdade, e caso no seja adiciona uma mensagem inter-
nacionalizada:
public void adiciona(final Produto produto) {
validator.checking(new Validations() {{
that(produto.getNome() != null &&
produto.getNome().length() >= 3,
"produto.nome","nome.obrigatorio");
Como a mensagem internacionalizada, voc precisa colocar essas chaves no seu arquivo messa-
ges.properties:
nome.obrigatorio = Nome obrigatrio e precisa ter mais
de 3 letras
descricao.obrigatoria = Descrio obrigatria e no pode ter
mais que 40 letras
preco.positivo = Preo precisa ser positivo
Em ambas as maneiras voc precisa especificar pra qual lgica voltar quando der erro de validao. No nosso
caso, ao dar erro queremos voltar pro formulrio, ento fazemos:
validator.onErrorUsePageOf(ProdutosController.class).formulario();
A lgica de redirecionamento a mesma que se voc estivesse usando o result.of(). Voc deve colocar essa
chamada logo no final da sua lgica de validao, no momento em que, se houver algum erro, a execuo
deve parar e voltar para o formulrio, mostrando os erros.
Quando existem erros de validao, o VRaptor disponibiliza para a jsp um atributo chamado ${errors}, que
contm a lista dos erros que aconteceram. Ento voc usar o seguinte cdigo para mostrar as mensagens no
seu jsp:
<ul>
<c:forEach items=${errors} var="error">
<li>${error.category} - ${error.message}</li>
</c:forEach>
</ul>
Alm disso, se quisermos que o formulrio volte preenchido quando houver algum erro de validao, preci-
samos passar como valor dos inputs, o que foi mandado para a requisio:
<form action="adiciona">
<fieldset>
<legend>Adicionar Produto</legend>
<label for="nome">Nome:</label>
<input id="nome" type="text" name="produto.nome"
value="${produto.nome }"/>
<label for="descricao">Descrio:</label>
<textarea id="descricao" name="produto.descricao">
${produto.descricao }
</textarea>
<label for="preco">Preo:</label>
<input id="preco" type="text" name="produto.preco"
value="${produto.preco }"/>
<button type="submit">Enviar</button>
</fieldset>
</form>
10.2 Exerccios
1) Receba um Validator no construtor do ProdutosController e guarde-o num atributo:
import br.com.caelum.vraptor.Validator;
@Resource
public class ProdutosController {
2) Modifique o mtodo adiciona para que inclua a validao dos campos do produto. Se preferir, faa a
validao na forma fluente.
public void adiciona(final Produto produto) {
if (produto.getNome() == null ||
produto.getNome().length() < 3) {
validator.add(new ValidationMessage(
"Nome obrigatrio e precisa ter mais" +
" de 3 letras", "produto.nome"));
}
if (produto.getDescricao() == null ||
produto.getDescricao().length() > 40) {
validator.add(new ValidationMessage(
"Descrio obrigatria no pode ter mais" +
" que 40 letras", "produto.descricao"));
}
if (produto.getPreco() <= 0) {
validator.add(new ValidationMessage(
"Preo precisa ser positivo", "produto.preco"));
}
validator.onErrorUsePageOf(ProdutosController.class)
.formulario();
dao.salva(produto);
result.redirectTo(this).lista();
}
3) Abra o arquivo header.jspf, e adicione o cdigo para mostrar os erros de validao, dentro da div com
id="erros".
<div id="erros">
<ul>
<c:forEach items="${errors}" var="error">
<li>${error.category } - ${error.message }</li>
</c:forEach>
</ul>
</div>
4) Adicione o cdigo para que o formulrio continue preenchido quando der erro de validao:
<form action="adiciona">
<fieldset>
<legend>Adicionar Produto</legend>
<label for="nome">Nome:</label>
<input id="nome" type="text" name="produto.nome"
value="${produto.nome }"/>
<label for="descricao">Descrio:</label>
<textarea id="descricao" name="produto.descricao">
${produto.descricao }
</textarea>
<label for="preco">Preo:</label>
<input id="preco" type="text" name="produto.preco"
value="${produto.preco }"/>
<button type="submit">Enviar</button>
</fieldset>
</form>
6) (Opcional) O mtodo atualiza tambm precisa de validao. Voc consegue aproveitar o cdigo do
adiciona para fazer isso? Ele deve redirecionar para o mesmo lugar em caso de erro?
Alm disso, o framework tambm bastante flexvel, j que permite a criao dos seus prprios validadores.
Para definir as regras de validao, basta anotar os campos do nosso modelo que precisam ser validados.
Para tal, usaremos as anotaes prontas no Hibernate Validator. Alguns exemplos:
import org.hibernate.validator.Length;
import org.hibernate.validator.Min;
import org.hibernate.validator.NotNull;
@Entity
public class Produto {
@Id @GeneratedValue
private Long id;
@NotNull
@Length(min=3)
private String nome;
@NotNull
@Length(max=40)
private String descricao;
@Min(0)
private Double preco;
}
Com nosso modelo anotado, podemos substituir as validaes que fizemos pelo Hibernate Validator. O
interface Validator do VRaptor possui um mtodo chamado validate que valida qualquer objeto usando o
Hibernate Validator. Assim, se voc chamar:
validator.validate(produto)
todos os erros de validao que ocorrerem sero adicionados ao validator automaticamente. Assim podemos
substituir as validaes que tnhamos feito antes, pelas equivalentes do Hibernate Validator.
@Entity
public class Produto {
@Id @GeneratedValue
private Long id;
@NotNull
@Length(min=3)
private String nome;
@NotNull
@Length(max=40)
private String descricao;
@Min(0)
private Double preco;
}
3) Mude a lgica de validao do mtodo adiciona do ProdutosController para usar o Hibernate Valida-
tor:
@Resource
public class ProdutosController {
//...
dao.salva(produto);
result.redirectTo(this).lista();
}
}
4) Acesse o browser e adicione algum produto invlido, para ver as mensagens de validao.
5) (Opcional) Repare que as mensagens so as mensagens padro e esto em ingls. Para usar uma mensa-
gem em portugus, precisamos pass-la para as anotaes do Hibernate Validator.
@NotNull(message="Nome precisa ser preenchido")
@Length(min=3, message="Nome precisa ter mais de 3 letras")
private String nome;
Mude as mensagens
REST
Utilizar o protocolo HTTP no somente como uma maneira de transmitir dados mas tambm como um
protocolo de aplicao permite maior visibilidade para os componentes intermedirios.
Contedo hipermdia permite a navegabilidade de um cliente atravs do seu sistema, alm de diminuir o
acoplamento entre o cliente e o servidor, que costuma ser muito alto em aplicaes orientadas a servio.
O tpico de hipermdia bem amplo e no ser abordado no curso, sugerimos a visita ao site do restfulie-
java para entender mais como ele funciona e suas vantagens em um sistema: http://github.com/caelum/
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
restfulie-java
Substantivos: Recursos
Substantivos so os nomes dos recursos do seu sistema. Quando fazemos requisies Web, precisamos falar
o caminho da mesma, a URI (Unified Resource Identifier), ou seja, o identificador nico de um recurso.
Ento ao criar as URIs do nosso sistema devemos levar em conta que elas representam recursos, no
aes. Em sistemas REST, nossas URIs devem conter apenas substantivos, que so nossos recursos:
/produtos/adiciona no boa, pois contm um verbo e no est identificando um recurso, mas sim uma
operao. Para representar a adio de um produtos podemos usar a URI /produtos com o mtodo HTTP
POST, que representa que estamos adicionando alguma informao no sistema.
Verbos: Operaes
Uma das caracterstas mais importantes de REST que voc tenha um conjunto pequeno e fixo de operaes
bem definidas, gerando uma interface uniforme. Desse modo, para duas aplicaes conversarem elas no
precisam implementar diversas operaes: basta usar as operaes definidas. Perceba que adicionar um
produto e adicionar um usurio no sistema so operaes equivalentes.
O protocolo HTTP possui sete operaes -- os mtodos GET, POST, PUT, DELETE, HEAD, OPTIONS e
TRACE. Duas delas (GET e POST) j so bem conhecidas e utilizadas: GET quando clicamos em links ou
digitamos o endereo no navegador, e POST quando preenchemos formulrios de cadastro. Cada mtodo
tem uma semntica diferente e juntando o mtodo URI deveramos conseguir representar todas as aes
do nosso sistema. As semnticas principais so:
GET - recupera informaes sobre o recurso identificado pela URI. Ex: listar produtos, visualizar o
produto 45. Uma requisio GET no deve modificar nenhum recurso do seu sistema, ou seja, no
deve ter nenhum efeito colateral, voc apenas recupera informaes do sistema.
POST - adiciona informaes usando o recurso da URI passada. Ex: adicionar um produto. Pode
adicionar informaes a um recurso ou criar um novo recurso.
PUT - adiciona (ou modifica) um recurso na URI passada. Ex: atualizar um produto. A diferena fun-
damental entre um PUT e um POST que no POST a URI significa o lugar que vai tratar a informao,
e no PUT significa o lugar em que a informao ser armazenada.
DELETE - remove o recurso representado pela URI passada. Ex: remover um produto.
Quando fazemos uma aplicao no trafegamos um recurso pela rede, apenas uma representao dele. Por
exemplo, quando queremos adicionar um produto ao sistema, passamos para o servidor uma representao
do produto: dados do formulrio. E quando pedimos uma lista de produtos para o servidor ele responde com
uma representao HTML desses produtos. Mas no precisa ser restrito a isso: poderamos adicionar um
produto ao sistema via uma representao em XML, e o servidor poderia nos devolver uma lista de produtos
em formato JSON.
Resumindo: nossas URIs devem representar recursos, as operaes no recurso devem ser indicadas pelos
mtodos HTTP e podemos falar qual o formato em que conversamos com o servidor com o Content Type.
Nas prximas sees vamos ver como aplicar essas idias usando o VRaptor.
import br.com.caelum.vraptor.Path;
@Resource
public class ProdutosController {
@Path("/produtos")
public List<Produto> lista() {
return dao.listaTudo();
}
}
Dessa forma, o mtodo lista no vai mais estar acessvel pela URI /produto/lista, ele apenas poder ser
acessado pela URI /produtos.
Com a anotao @Path ainda possvel usar templates para extrair parmetros a partir da URI. Por exemplo,
no nosso mtodo edita, precisamos passar um query parameter para falar qual o produto que queremos
editar:
/produto/edita?id=10
As URIs devem identificar recursos (alm de no conter verbos, mas vamos tir-los em breve), e o id algo
que identifica o recurso que queremos acessar, ento ficaria melhor se passssemos esse id dentro da URI,
como por exemplo:
/produto/10/edita
ou seja, uma URI que representa a edio do produto de id 10. Para extrair esse 10 da URI, podemos colocar
um template no nosso @Path. Para isso basta colocar o nome do parmetro que queremos extrair entre
chaves, dentro da URI do @Path, e ento receber o parmetro como argumento do mtodo:
@Path("/produto/{id}/edita")
public Produto edita(Long id) {
return dao.carrega(id);
}
Assim possvel criar URIs mais representativas, que identificam verdadeiramente recursos especficos.
Por exemplo, nosso mtodo lista uma operao idempotente: no tem nenhum efeito colateral, posso
cham-lo vrias vezes e, se o banco de dados no mudou, o resultado vai ser o mesmo. Logo faz sentido que
o verbo HTTP para acessar esse mtodo seja o GET. Para fazer essa restrio, basta anotar o mtodo com
@Get:
import br.com.caelum.vraptor.Path;
import br.com.caelum.vraptor.Get;
@Resource
public class ProdutosController {
@Path("/produtos")
@Get
public List<Produto> lista() {
return dao.listaTudo();
}
}
Captulo 11 - REST - Mudando o verbo HTTP dos seus mtodos - Pgina 105
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
ou ainda o atalho:
import br.com.caelum.vraptor.Get;
@Resource
public class ProdutosController {
@Get("/produtos")
public List<Produto> lista() {
return dao.listaTudo();
}
}
Se quisermos permitir outros verbos HTTP, podemos usar as anotaes @Post, @Put, @Delete, @Trace e
@Head. A partir do momento que colocamos uma anotao de verbo HTTP no nosso mtodo, ele no poder
ser acessado pelos outros verbos. Ento se tentarmos fazer uma requisio POST /produtos, ela no vai cair
no mtodo lista, a requisio vai retornar um status 405 (Mtodo no suportado), que quer dizer que existe
um recurso nessa URI, mas ele no suporta o verbo HTTP da requisio.
Assim, podemos colocar mais de um mtodo que responda mesma URI, desde que os verbos HTTP sejam
diferentes. Por exemplo, podemos fazer com que o mtodo adiciona tambm responda URI /produtos.
Mas o mtodo adiciona no idempotente: se eu repetir duas vezes uma requisio a esse mtodo, vou
adicionar dois produtos ao sistema. Estamos adicionando produtos, mas no sabemos qual vai ser a URI
dele, ento podemos colocar o verbo POST.
import br.com.caelum.vraptor.Path;
import br.com.caelum.vraptor.Get;
import br.com.caelum.vraptor.Post;
@Resource
public class ProdutosController {
@Post("/produtos")
public void adiciona(Produto produto) {
//...
}
@Get("/produtos")
public List<Produto> lista() {
return dao.listaTudo();
}
}
Captulo 11 - REST - Mudando o verbo HTTP dos seus mtodos - Pgina 106
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
A URI /produtos representa a lista de todos os produtos do sistema. E as operaes possveis so:
As URIs do tipo /produtos/42 representam um produto especfico, no caso de id 42. As operaes possveis
so:
Nem todas as URIs precisam representar recursos fixos, mas elas precisam semanticamente representar o
mesmo tipo de recurso. Por exemplo a URI /produtos/ultimo pode representar o ltimo produto adici-
onado e a URI /produtos/maisVendidos pode representar uma lista dos produtos mais vendidos, que so
recursos bem definidos. No nosso caso precisamos de uma URI para identificar o formulrio de adio de
um produto. Vamos ento usar a seguinte:
Com essa especificao de operaes no recurso Produto, podemos usar as anotaes vistas anteriormente
para deixar o ProdutosController de acordo com ela:
@Resource
public class ProdutosController {
@Get("/produtos/novo")
public void formulario() {...}
@Get("/produtos/{id}")
public Produto edita(Long id) {...}
@Put("/produtos/{produto.id}")
@Post("/produtos")
public void adiciona(final Produto produto) {...}
@Delete("/produtos/{id}")
public void remove(Long id) {...}
@Get("/produtos")
public List<Produto> lista() {...}
Note no mtodo altera que o parmetro extrado o produto.id. O VRaptor vai se comportar da mesma
forma que se esse produto.id tivesse vindo da requisio: vai popular o campo id do produto com o valor
extrado.
Agora que mudamos as URIs dos mtodos, precisamos atualizar as nossas jsps para usar as URIs novas.
Podemos usar a tag c:url para poder usar as URIs absolutas, a partir do nosso nome de contexto.
Primeiro na jsp do formulrio, precisamos mudar a action do form para /produtos, e o method para POST.
Ainda existe o link de Remoo, mas o mtodo remove do nosso controller s aceita o verbo DELETE! Como
fazer uma requisio com o verbo DELETE de dentro da sua pgina? Infelizmente os browsers atuais s con-
seguem fazer requisies GET (atrves de links e formulrios) e POST(atravs de formulrios). Para conseguir
usar os outros verbos, podemos fazer duas coisas:
passar um parmetro adicional, especificando qual deveria ser o mtodo da requisio. No VRaptor,
esse parmetro deve se chamar _method.
Ento, para criar o link de remoo, precisamos criar um formulrio (no podemos usar um <a href> pois
isso geraria uma requisio GET que no pode ter efeitos colaterais), que passa o parmetro _method=DELETE.
Podemos ainda fazer com que o boto do formulrio parea um link, para que a pgina de listagem parea a
mesma de antes:
.link {
text-decoration: underline;
border: none;
background: none;
color: blue;
cursor: pointer;
}
</style>
<td>
<form action="<c:url value="/produtos/${produto.id}"/>" method="POST">
<button class="link" name="_method" value="DELETE">Remover</button>
</form>
</td>
Por ltimo precisamos mudar o formulrio de edio, colocando a action correta, e mudando o mtodo para
PUT. Mas como colocar method="PUT" no nosso formulrio no funciona, precisamos passar o parmetro
_method:
<label for="nome">Nome:</label>
<input id="nome" type="text" name="produto.nome"
value="${produto.nome }"/>
<label for="descricao">Descrio:</label>
<textarea id="descricao" name="produto.descricao">
${produto.descricao }
</textarea>
<label for="preco">Preo:</label>
<input id="preco" type="text" name="produto.preco"
value="${produto.preco }"/>
<!-- vvvvvvv vvv -->
<button type="submit" name="_method" value="PUT">
Enviar
</button>
</fieldset>
</form>
No precisamos mais passar o input hidden com produto.id, porque essa informao j est na URI!
11.7 Exerccios
1) Anote os mtodos do ProdutosController para seguirmos a nossa especificao de Produto:
Recurso Produto:
GET /produtos => recupera a lista de todos os produtos.
Mtodo lista.
POST /produtos => adiciona um novo produto.
Mtodo adiciona.
GET /produtos/4 => mostra o produto de id 4.
Mtodo edita.
PUT /produtos/10 => atualiza o produto de id 10.
Mtodo atualiza.
DELETE /produtos/3 => remove o produto de id 3.
Mtodo remove.
GET /produtos/novo => mostra o formulrio para adicionar um
novo produto. Mtodo formulario.
3) Abra o edita.jsp e mude a action e o mtodo do form. Lembre-se que voc no precisa mais do input
hidden do produto.id.
<form action="<c:url value="/produtos/${produto.id }"/>"
method="POST">
<!-- ... -->
<button type="submit" name="_method" value="PUT">
Enviar
</button>
</form>
H vrias ferramentas para se trabalhar com Ajax em Java. DWR e Google Web Toolkit so exemplos famosos
de ferramentas que te auxiliam na criao de sistemas que usam AJAX.
Ns utilizaremos o VRaptor no servidor para nos ajudar com as requisies Ajax. No cliente, usaremos a
biblioteca JQuery que totalmente escrita em JavaScript, portanto independente de linguagem do servidor.
H vrios frameworks javascript disponveis no mercado alm do JQuery. Apenas para citar os mais famo-
sos: Prototype/Script.aculo.us, Yahoo User Interface (YUI), Dojo. Usaremos o JQuery devido a sua extrema
simplicidade de uso, muito boa para quem no domina javascript mas quer usar recursos de Ajax.
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
O ponto de partida do JQuery a funco $ que seleciona elementos DOM a partir de seletores CSS. Para
selecionar um n com id teste por exemplo, fazemos:
$('#teste')
$('.produto')
Seletores
O JQuery suporta XPath e CSS 3, com seletores avanadssimos (alm
dos clssicos id e class). Veja mais aqui: http://docs.jquery.com/
Selectors
Depois de selecionar o(s) elemento(s) desejado(s), podemos chamar mtodos para as mais variadas coisas.
O Hello World do JQuery mostra como exibir e esconder um div especifico:
$('#meuDiv').show()
$('#meuDiv').hide()
Um outro ponto forte do JQuery que ele possui diversos plugins que fazem vrias coisas interessantes como
validao de formulrios, autocomplete, efeitos visuais, drag n drop, etc. Uma lista de plugins disponveis
pode ser encontrada em http://plugins.jquery.com/. Uma documentao mais completa sobre o JQuery se
encontra em http://docs.jquery.com/ e uma documentao visual em http://www.visualjquery.com/.
Alm de ser bem mais rpido, evita que seja feita uma requisio desnecessria para o servidor.
Voc tambm precisa falar qual vai ser o form que vai ser validado. Para isso voc pode adicionar um id ao
seu formulrio, e usar um seletor do JQuery para torn-lo validvel":
<script type="text/javascript">
$('#produtosForm').validate();
</script>
Assim voc pode adicionar as restries aos seus campos, lembrando que o nome do produto obrigatrio
e tem que ter o tamanho maior que 3, a descrio tambm obrigatria e o tamanho tem que ser menor que
40, e o preo maior que zero:
<label for="nome">Nome:</label>
<input id="nome" class="required" minlength="3"
type="text" name="produto.nome" value="${produto.nome }"/>
<label for="descricao">Descrio:</label>
<textarea id="descricao" class="required" maxlength="40"
name="produto.descricao">${produto.descricao }</textarea>
<label for="preco">Preo:</label>
Captulo 12 - AJAX e efeitos visuais - Validando formulrios com o JQuery - Pgina 114
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
<button type="submit">Enviar</button>
</fieldset>
</form>
Se voc no gosta de colocar mais atributos nos seus campos de formulrio, voc ainda pode definir todas as
regras de validao de uma vez s, usando os names dos inputs, dentro da parte rules:
<script type="text/javascript">
$('#produtosForm').validate({
rules: {
"produto.nome": {
required: true,
minlength: 3
},
"produto.descricao": {
required: true,
maxlength: 40
},
"produto.preco": {
min: 0.0
}
}
});
</script>
@Resource
public class ProdutosController {
//...
Repare que o nosso dao ainda no possui o mtodo busca, mas podemos usar o eclipse para criar esse mtodo
pra ns. Para isso, coloque o cursor em cima do erro de compilao e aperte Ctrl+1. No menu que apareceu
selecione Create method busca(String) in type ProdutoDao.
Agora podemos modificar o mtodo criado no ProdutoDao para realmente buscar os produtos que contm
a string passada no nome. Para isso usaremos a API de Criteria do Hibernate:
@Component
public class ProdutoDao {
//...
public List<Produto> busca(String nome) {
return session.createCriteria(Produto.class)
.add(Restrictions.ilike("nome", nome, MatchMode.ANYWHERE))
.list();
}
Traduzindo essa chamada: crie uma Criteria de produtos, com a restrio de que o nome contenha a string
passada em qualquer lugar, ignorando maisculas e minsculas.
Precisamos tambm passar o nome que foi buscado, ento podemos mudar o mtodo busca do
ProdutosController:
Por ltimo, vamos criar um formulrio para poder acessar essa busca. Abra o arquivo header.jspf e modi-
fique o div menu:
<div id="menu">
<ul>
<li><a href="<c:url value="/produtos/novo"/>">Novo Produto</a></li>
<li><a href="<c:url value="/produtos"/>">Lista Produtos</a></li>
<li><form action="<c:url value="/produto/busca"/>">
<input name="nome"/>
</form>
</li>
</ul>
</div>
Para que no fique um input perdido no menu, sem que as pessoas saibam o que ele faz, podemos usar
um plugin do JQuery bem simples chamado Puts (http://github.com/cairesvs/Puts). Esse plugin coloca um
texto em cima do input, e quando a pessoa clica nele, o texto some. Assim podemos colocar o texto Busca
de produtos por nome no nosso input. Para usar esse plugin, precisamos baixar o javascript e import-lo na
nossa pgina, e ento usar o mtodo puts() para colocar nosso texto.
<script type="text/javascript"
src="<c:url value="/javascripts/jquery.puts.js"/>"></script>
...
<li><form action="<c:url value="/produto/busca"/>">
<input id="busca" name="nome"/>
</form>
<script type="text/javascript">
$("#busca").puts("Busca produtos por nome");
</script>
</li>
Por causa desse plugin, precisamos criar uma lgica que gere um JSON para ns. No VRaptor, gerar JSON
bem simples:
Ou seja, voc passa para o mtodo from() o que voc quer serializar em JSON. Pode ser um objeto qual-
quer, mas no nosso caso vai ser uma lista. Ao chamarmos a URI desse mtodo no browser, passando um
nome qualquer, por exemplo http://localhost:8080/goodbuy/produtos/busca.json?nome=a retornado um JSON
parecido com:
{"list": [
{
"id": 1,
"nome": "Sabonete",
"descricao": "Um sabonete com perfume de lavanda",
"preco": "3.53"
},
{
"id": 3,
"nome": "Sapato",
"descricao": "um sapato de couro",
"preco": "132.00"
}
]}
Mas como vamos buscar os produtos apenas por nome, no precisamos de todas essas informaes, s pre-
cisamos de uma lista de nomes, talvez com o preo. Para isso podemos excluir as outras propriedades:
{"list": [
{
"nome": "Sabonete",
"preco": "3.53"
},
{
"nome": "Sapato",
"preco": "132.00"
}
]}
result.use(json()).withoutRoot()
.from(dao.busca(nome))
.exclude("id", "descricao")
.serialize();
[
{
"nome": "Sabonete",
"preco": "3.53"
},
{
"nome": "Sapato",
"preco": "132.00"
}
]
Agora estamos prontos para usar o plugin de autocomplete. Para isso, abra o arquivo header.jspf , e adicione
o javascript e o css do plugin. Use o mesmo lugar do plugin Puts:
<link
href="<c:url value="/javascripts/jquery.autocomplete.css"/>"
rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript"
src="<c:url value="/javascripts/jquery.autocomplete.min.js"/>"></script>
...
<script type="text/javascript">
$("#busca").puts("Busca produtos por nome");
$("#busca").autocomplete('/goodbuy/produtos/busca.json');
</script>
Isso deveria ser o suficiente, mas o plugin AutoComplete espera que voc mande os dados separados por
pipe(|) ou um dado por linha. Como queremos usar JSON, precisamos configurar isso no plugin:
$("#busca").autocomplete('/goodbuy/produtos/busca.json', {
dataType: "json", // pra falar que vamos tratar um json
parse: function(produtos) { // para tratar o json
// a funo map vai iterar por toda a lista,
// e transformar os dados usando a funo passada
return $.map(produtos, function(produto) {
return {
// todos os dados do produto
data: produto,
// o valor lgico do produto
value: produto.nome,
Alm disso, o plugin passa como parmetro da requisio o que voc digitou no input, numa varivel cha-
mada q ento voc precisa modicar a lgica de busca para o parmetro se chamar q:
@Get("/produtos/busca.json")
public void buscaJson(String q) {
result.use(json()).withoutRoot()
.from(dao.busca(q))
.exclude("id", "descricao")
.serialize();
}
$("#busca").autocomplete('<c:url value="/produtos/busca.json"/>');
12.6 Exerccios
1) Modifique os formulrios de adio e edio de produtos para incluir a validao do lado do cliente. Os
javascripts do plugin j esto importados no projeto base. Se preferir use a outra forma de validao,
passando as opes para o mtodo validate().
<label for="nome">Nome:</label>
<input id="nome" class="required" minlength="3"
type="text" name="produto.nome"
value="${produto.nome }"/>
<label for="descricao">Descrio:</label>
<textarea id="descricao" class="required"
maxlength="40" name="produto.descricao">
${produto.descricao }
</textarea>
<label for="preco">Preo:</label>
<input id="preco" min="0" type="text"
name="produto.preco" value="${produto.preco }"/>
<button type="submit">Enviar</button>
</fieldset>
</form>
<script type="text/javascript">
$('#produtosForm').validate();
</script>
3) (Opcional) As mensagens de erro esto em ingls. Tente procurar na documentao do plugin como fazer
para que as mensagens fiquem em portugus.
4) Crie um mtodo em ProdutosController para a listagem de produtos.
@Resource
public class ProdutosController {
//...
//...
public List<Produto> busca(String nome) {
return session.createCriteria(Produto.class)
.add(Restrictions.ilike("nome", nome, MatchMode.ANYWHERE))
.list();
}
<div id="menu">
<ul>
<li><a href="<c:url value="/produtos/novo"/>">Novo Produto</a></li>
<li><a href="<c:url value="/produtos"/>">Lista Produtos</a></li>
<li><form action="<c:url value="/produto/busca"/>">
<input name="nome"/>
</form>
</li>
</ul>
</div>
10) Modifique o formulrio de busca para usar o plugin Puts e deixar uma mensagem dentro do input.
<div id="menu">
<ul>
<li><a href="<c:url value="/produtos/novo"/>">Novo Produto</a></li>
<li><a href="<c:url value="/produtos"/>">Lista Produtos</a></li>
<li><form action="<c:url value="/produto/busca"/>">
<input id="busca" name="nome"/>
</form>
<script type="text/javascript">
$("#busca").puts("Busca produtos por nome");
</script>
</li>
</ul>
</div>
});
Captulo 12 - AJAX e efeitos visuais - Para saber mais: Representation - Pgina 125
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
Assim, se a requisio for feita passando o content-type application/json, ser a lista serializada em json, se
for passado o content type application/xml, ser serializada em xml, seno o VRaptor redireciona para a
jsp respectiva, com a varivel ${produtos} disponvel.
Captulo 12 - AJAX e efeitos visuais - Para saber mais: Representation - Pgina 126
Captulo 13
Vamos criar uma classe que representa o carrinho de compras. Essa classe vai conter uma lista dos produtos
escolhidos e o valor total:
// getters e setters
}
Alm disso precisamos criar uma classe que representa um item do carrinho: um produto com a quantidade
selecionada.
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
// getters e setters
}
Pergunta importante: precisamos guardar esse carrinho no banco? O usurio no comprou ainda os produ-
tos, ento no faz muito sentido guardar no banco de dados. Esse carrinho precisa ficar disponvel enquanto
o usurio estiver navegando no sistema, ento podemos apenas colocar o carrinho na sesso. Como vimos
antes, para que um componente seja nico durante a sesso do usurio basta anot-lo com @SessionScoped,
ento basta modificar a classe do carrinho para incluir as anotaes:
@Component
@SessionScoped
public class Carrinho {
//getters e setters
}
Agora podemos receber esse carrinho no construtor de algum controller, com a certeza de que ele ser nico
durante a sesso do usurio.
<table>
<thead>
<tr>
...
<th>Comprar</th>
...
</tr>
</thead>
<tbody>
O novo formulrio vai adicionar um item ao carrinho, passando a quantidade e o id do produto. Precisamos
agora criar um controlador que trate das operaes no carrinho de compras, que seja capaz de adicionar um
item ao carrinho. Esse controlador vai se chamar CarrinhoController:
package br.com.caelum.goodbuy.controller;
import br.com.caelum.vraptor.Resource;
@Resource
public class CarrinhoController {
@Resource
public class CarrinhoController {
@Post("/carrinho")
public void adiciona(Item item) {
}
}
Para adicionar o item ao carrinho, temos que receber um Carrinho no construtor, assim o VRaptor vai passar
para o CarrinhoController o carrinho da sesso do usurio:
@Resource
public class CarrinhoController {
@Post("/carrinho")
public void adiciona(Item item) {
carrinho.adiciona(item);
}
}
No existe ainda o mtodo adiciona no Carrinho, ento use o Ctrl+1 para criar o mtodo. Ao adicionar um
item no carrinho precisamos atualizar o total:
//...
}
Repare que estamos usando o preo do produto para atualizar o total do carrinho, mas no formulrio s
estamos passando o id do produto. Precisamos carregar as outras informaes do Produto no banco de
dados, usando o ProdutoDao:
@Resource
public class CarrinhoController {
@Post @Path("/carrinho")
public void adiciona(Item item) {
dao.recarrega(item.getProduto());
carrinho.adiciona(item);
}
}
Para implementar o mtodo recarrega no ProdutoDao, vamos usar um mtodo da Session que busca as
informaes no banco e coloca no prprio objeto passado. Esse mtodo se chama refresh.
@Component
public class ProdutoDao {
//...
public void recarrega(Produto produto) {
session.refresh(produto);
}
Por ltimo, precisamos ir para alguma pgina aps adicionar algum item no carrinho. Por ora, vamos vol-
tar pra pgina de listagem de produtos. Repare que como o redirecionamento para uma lgica de outro
controller, precisamos usar a classe deste controller:
@Resource
public class CarrinhoController {
@Post("/carrinho")
public void adiciona(Item item) {
dao.recarrega(item.getProduto());
carrinho.adiciona(item);
result.redirectTo(ProdutosController.class).lista();
}
}
Quando criamos um componente SessionScoped, o VRaptor coloca a instncia desse componente como
um atributo da sesso, usando a conveno de nomes padro. Ou seja, para o Carrinho, existir um atri-
buto da sesso chamado carrinho, ento voc consegue acessar o carrinho nas suas jsps usando a varivel
${carrinho}.
Vamos, ento, abrir o arquivo header.jspf e adicionar dentro da div header uma div do carrinho:
<div id="header">
<div id="carrinho">
<h3>Meu carrinho:</h3>
<c:if test="${empty carrinho or carrinho.totalDeItens eq 0 }">
<span>Voc no possui itens no seu carrinho</span>
</c:if>
<c:if test="${carrinho.totalDeItens > 0 }">
<ul>
<li>
<strong>Itens:</strong> ${carrinho.totalDeItens }
</li>
<li>
<strong>Total:</strong>
<fmt:formatNumber type="currency"
value="${carrinho.total }"/>
</li>
</ul>
</c:if>
</div>
</div>
Estamos usando a expresso ${carrinho.totalDeItens} mas classe Carrinho no possui um getter para
esse total de itens. Ento vamos adicionar:
Agora ao adicionar produtos ao carrinho, conseguimos ver a quantidade de produtos adicionados e o valor
total do carrinho nessa div que acabamos de criar:
Ainda no conseguimos visualizar os itens do carrinho, ento vamos criar uma lgica que liste os itens, no
CarrinhoController.
@Get @Path("/carrinho")
public void visualiza() {
Esse mtodo vai atender mesma URI que o mtodo adiciona, mas com outro verbo HTTP: o GET. Agora
podemos criar a pgina que lista os itens. Crie essa pgina em /WEB-INF/jsp/carrinho/visualiza.jsp.
<table>
<thead>
<tr>
<th>Nome</th>
<th>Descrio</th>
<th>Preo</th>
<th>Qtde</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<c:forEach items="${carrinho.itens}" var="item">
<tr>
<td>${item.produto.nome }</td>
<td>${item.produto.descricao }</td>
<td>
<fmt:formatNumber type="currency"
value="${item.produto.preco }"/>
</td>
<td>${item.quantidade }</td>
<td>
<fmt:formatNumber type="currency"
value="${item.quantidade * item.produto.preco }"/>
</td>
</tr>
</c:forEach>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<th colspan="2">Total:</th>
<th>
<fmt:formatNumber type="currency"
value="${carrinho.total }"/>
</th>
</tr>
</tfoot>
</table>
<div id="header">
<div id="carrinho">
<h3><a href="<c:url value="/carrinho"/>">Meu carrinho:</a></h3>
Agora que temos uma pgina de visualizao, podemos redirecionar para ela quando adicionamos algum
produto ao carrinho.
@Resource
public class CarrinhoController {
//...
@Post("/carrinho")
public void adiciona(Item item) {
dao.recarrega(item.getProduto());
carrinho.adiciona(item);
result.redirectTo(this).visualiza();
}
}
<table>
...
<tbody>
<c:forEach items="${carrinho.itens}" var="item" varStatus="s">
<tr>
...
<td>
<form action="<c:url value="/carrinho/${s.index }"/>" method="POST">
<button class="link" name="_method" value="DELETE">Remover</button>
</form>
</td>
</tr>
</c:forEach>
</tbody>
...
</table>
carrinho.remove(indiceItem);
result.redirectTo(this).visualiza();
}
}
13.5 Exerccios
1) Crie os modelos Carrinho e Item:
package br.com.caelum.goodbuy.modelo;
@Component
@SessionScoped
public class Carrinho {
//getters e setters
}
package br.com.caelum.goodbuy.modelo;
<tr>
...
<th>Comprar</th>
...
</tr>
</thead>
<tbody>
<c:forEach items="${produtoList}" var="produto">
<tr>
...
<td>
<!-- Adicionando o produto no carrinho de compras -->
<form action="<c:url value="/carrinho"/>" method="POST">
<input type="hidden" name="item.produto.id"
value="${produto.id }"/>
<input class="qtde" name="item.quantidade" value="1"/>
<button type="submit">Comprar</button>
</form>
</td>
...
</tr>
</c:forEach>
</tbody>
</table>
<div id="carrinho">
<h3><a href="<c:url value="/carrinho"/>">Meu carrinho:</a></h3>
<c:if test="${empty carrinho or carrinho.totalDeItens eq 0 }">
<span>Voc no possui itens no seu carrinho</span>
</c:if>
<c:if test="${carrinho.totalDeItens > 0 }">
<ul>
<li><strong>Itens:</strong> ${carrinho.totalDeItens }</li>
<li><strong>Total:</strong>
<fmt:formatNumber type="currency" value="${carrinho.total }"/></li>
</ul>
</c:if>
</div>
</div>
@Resource
public class CarrinhoController {
@Post("/carrinho")
public void adiciona(Item item) {
dao.recarrega(item.getProduto());
carrinho.adiciona(item);
result.redirectTo(ProdutosController.class).lista();
}
6) Crie a lgica e o jsp que visualiza os itens do carrinho. Mude tambm o redirecionamento do mtodo
adiciona para a nova lgica.
@Resource
public class CarrinhoController {
//...
@Get("/carrinho")
public void visualiza() {
}
@Post("/carrinho")
public void adiciona(Item item) {
dao.recarrega(item.getProduto());
carrinho.adiciona(item);
result.redirectTo(this).visualiza();
}
}
/WEB-INF/jsp/carrinho/visualiza.jsp
<table>
<thead>
<tr>
<th>Nome</th>
<th>Descrio</th>
<th>Preo</th>
<th>Qtde</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<c:forEach items="${carrinho.itens}" var="item"
varStatus="s">
<tr>
<td>${item.produto.nome }</td>
<td>${item.produto.descricao }</td>
<td>
<fmt:formatNumber type="currency"
value="${item.produto.preco }"/>
</td>
<td>${item.quantidade }</td>
<td>
<fmt:formatNumber type="currency"
value="${item.quantidade * item.produto.preco }"/>
</td>
</tr>
</c:forEach>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<th colspan="2">Total:</th>
<th>
<fmt:formatNumber type="currency"
value="${carrinho.total }"/>
</th>
</tr>
</tfoot>
</table>
8) Crie a lgica de remover produtos do carrinho e adicione o boto de remoo na visualizao do carri-
nho.
public class CarrinhoController {
//...
@Delete("/carrinho/{indiceItem}")
public void remove(int indiceItem) {
carrinho.remove(indiceItem);
result.redirectTo(this).visualiza();
}
}
/WEB-INF/jsp/carrinho/visualiza.jsp
<table>
...
<tbody>
<c:forEach items="${carrinho.itens}" var="item" varStatus="s">
<tr>
...
<td>
<form action="<c:url value="/carrinho/${s.index }"/>" method="POST">
<button class="link" name="_method" value="DELETE">Remover</button>
</form>
</td>
</tr>
</c:forEach>
</tbody>
...
</table>
Autenticao
Ento vamos criar um sistema de login para a nossa aplicao, comeando pelo modelo de usurios:
package br.com.caelum.goodbuy.modelo;
//getters e setters
}
uma boa idia guardar os usurios no banco de dados, ento vamos adicionar as anotaes do hibernate.
No h a necessidade de criar um campo id para usurios, pois o login j ser um identificador nico.
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
package br.com.caelum.goodbuy.modelo;
import javax.persistence.Entity;
import javax.persistence.Id;
@Entity
public class Usuario {
@Id
private String login;
//getters e setters
}
Como estamos adicionando uma entidade nova, precisamos coloc-la no hibernate.cfg.xml. Ainda vamos
adicionar a propriedade hibernate.hbm2ddl.auto com o valor update, assim o hibernate far as mudanas
nas tabelas do banco quando necessrio.
<hibernate-configuration>
<session-factory>
<!--...-->
<property name="hibernate.hbm2ddl.auto">update</property>
Com o modelo pronto j possvel criar as lgicas de cadastro e de login de usurios. Vamos comear pelo
cadastro, criando o controlador de usurios com uma lgica para mostrar o formulrio:
package br.com.caelum.goodbuy.controller;
import br.com.caelum.vraptor.Resource;
@Resource
public class UsuariosController {
<label for="nome">Nome:</label>
<input id="nome" class="required"
type="text" name="usuario.nome" value="${usuario.nome }"/>
<label for="login">Login:</label>
<input id="login" class="required"
type="text" name="usuario.login" value="${usuario.login }"/>
<label for="senha">Senha:</label>
<input id="senha" class="required" type="password"
name="usuario.senha"/>
<button type="submit">Enviar</button>
</fieldset>
</form>
<script type="text/javascript">
$('#usuariosForm').validate();
</script>
Precisamos tambm criar um link para esse cadastro. Para isso criaremos uma div no cabealho que mostrar
as informaes do usurio. Abra o arquivo header.jspf e modifique a div header:
<div id="header">
<div id="usuario">
Voc no est logado.
<a href="<c:url value="/usuarios/novo"/>">
Cadastre-se
</a>
</div>
...
</div>
Para completar o cadastro, vamos criar a lgica que adiciona o usurio de fato, validando se o login escolhido
ainda no existe no sistema:
@Resource
public class UsuariosController {
dao.adiciona(usuario);
result.redirectTo(ProdutosController.class).lista();
}
//...
}
O UsuarioDao ainda no existe. Use o Ctrl+1 para criar o dao e os seus mtodos:
@Component
public class UsuarioDao {
<div id="header">
<div id="usuario">
Voc no est logado. <a href="<c:url value="/login"/>">Login</a>
<a href="<c:url value="/usuarios/novo"/>">Cadastre-se</a>
</div>
@Resource
public class UsuariosController {
//...
@Get("/login")
public void loginForm() {
}
}
<label for="login">Login:</label>
<input id="login" type="text" name="usuario.login"/>
<label for="senha">Senha:</label>
<input id="senha" type="password" name="usuario.senha"/>
<button type="submit">Login</button>
</fieldset>
</form>
Quando o usurio faz o login, precisamos guardar a informao de que ele j est logado. A melhor forma
guardar a informao de login na sesso, que mantm os dados enquanto o usurio estiver navegando
pela aplicao. Para isso, vamos criar uma classe que guarda o usurio logado. Essa classe ser acessada nos
jsps para acessar as informaes do usurio, ento adicionamos alguns getters para expor as informaes
relevantes.
@Component
@SessionScoped
public class UsuarioWeb {
Ento na nossa lgica de login, podemos colocar o usurio logado dentro da classe acima, depois de verificar
que o usurio digitou o login e senha certos.
@Resource
public class UsuariosController {
@Post("/login")
public void login(Usuario usuario) {
Usuario carregado = dao.carrega(usuario);
if (carregado == null) {
validator.add(
new ValidationMessage("Login e/ou senha invlidos",
"usuario.login"));
}
validator.onErrorUsePageOf(UsuariosController.class)
.loginForm();
usuarioWeb.login(carregado);
result.redirectTo(ProdutosController.class).lista();
}
}
Para carregar o usurio, crie o mtodo no UsuarioDao que busca um usurio por login e senha:
@Component
public class UsuarioDao {
//...
E para mostrar que o usurio est logado mesmo, vamos modificar o cabealho:
<div id="header">
<div id="usuario">
<c:if test="${usuarioWeb.logado}">
Ol, ${usuarioWeb.nome }!
<a href="<c:url value="/logout"/>">Logout</a>
</c:if>
<c:if test="${empty usuarioWeb or not usuarioWeb.logado}">
Voc no est logado.
/header.jspf:
<div id="menu">
<ul>
<c:if test="${usuarioWeb.logado }">
<li><a href="<c:url value="/produtos/novo"/>">
Novo Produto
</a></li>
</c:if>
...
/WEB-INF/jsp/produto/lista.jsp
<table>
...
<tbody>
<c:forEach items="${produtoList}" var="produto">
<tr>
...
<c:if test="${usuarioWeb.logado }">
<td>
<a href=
"<c:url value="/produtos/${produto.id}"/>">
Editar
</a>
</td>
<td>
<form action=
"<c:url value="/produtos/${produto.id}"/>"
method="POST">
<button class="link" name="_method"
value="DELETE">
Remover
</button>
</form>
</td>
</c:if>
</tr>
</c:forEach>
</tbody>
</table>
Agora os usurios que no esto logados no conseguem mais ver os links das aes que ele no pode exe-
cutar. Mas ser que isso o suficiente? O que impede o usurio de digitar na barra de endereos do browser:
http://localhost:8080/goodbuy/produtos/novo? Nada! Ele s precisa conhecer qual a URI. Precisamos, de al-
gum jeito, impedir que os usurios acessem certas URIs se eles no estiverem logados, monitorar todas as
aes do usurio para que quando ele acessar uma URI proibida, redirecionar para uma pgina de erro, ou
melhor, para o login.
14.4 Interceptor
Um Interceptor no VRaptor como se fosse um Servlet Filter: ele pode interceptar requisies, executando
algo antes e/ou depois da sua lgica. Mais ainda, ele pode impedir que sua lgica seja executada, redirecio-
nando a requisio para outro lugar. Isso exatamente o que a gente queria: verificar se o usurio est logado
antes de ir pro controller, e se ele no estiver, redirecionar para o login.
Para implementar um Interceptor do VRaptor precisamos de duas coisas: anotar a classe com @Intercepts
@Intercepts
public class AutenticacaoInterceptor implements Interceptor {
...
}
Como qualquer classe registrada no VRaptor, voc pode receber qualquer componente da sua aplicao (e
do VRaptor) pelo construtor do seu interceptor. No nosso caso precisamos verificar se o usurio est logado,
e essa informao est no UsuarioWeb.
@Intercepts
public class AutorizacaoInterceptor implements Interceptor {
Mas s precisamos executar a lgica de autenticao caso o usurio no esteja logado, ento vamos imple-
mentar o mtodo accepts:
Para o mtodo intercepts, sabemos j que o usurio no est logado, ento vamos redirecionar para a lgica
de login. Para isso precisamos do Result.
@Intercepts
public class AutorizacaoInterceptor implements Interceptor {
stack.next(method, resourceInstance);
Mas temos um pequeno problema: se o usurio no estiver logado ele no vai conseguir acessar nada no
sistema, nem o login! Na verdade, s queremos proibir que o usurio adicione e modifique produtos, ento
nosso interceptor s pode executar para essas operaes.
Poderamos at colocar no Interceptor uma lista dos mtodos que sero interceptados, mas assim toda vez
que adicionarmos uma operao nova que precise de autenticao precisaramos mudar o interceptor.
Um jeito mais legal de fazer isso marcar os mtodos que precisam de autenticao. Para isso podemos criar
uma anotao para ser colocada nos mtodos:
Assim, podemos anotar os mtodos restritos (adiciona, atualiza, remove, formulario e edita do Produtos-
Controller):
@Resource
public class ProdutosController {
@Restrito
public void formulario() {}
@Restrito
public Produto edita(Long id) {...}
@Restrito
public void altera(Produto produto) {...}
@Restrito
public void adiciona(final Produto produto) {...}
@Restrito
public void remove(Long id) {...}
...
}
Pronto. Nosso sistema de autenticao est pronto. Poderamos trocar a anotao @Restrito por uma, por
exemplo, @Liberado caso tenha bem mais operaes liberadas do que restritas, depende do seu sistema.
Nesse captulo, vamos adicionar imagens aos produtos, para uma melhor visualizao na listagem. Para isso,
precisamos fazer o upload dessas imagens para o servidor, e depois fazer o download para mostr-las na
listagem.
15.1 Exerccios
1) Modifique a pgina de edio de Produtos (/WEB-INF/jsp/produtos/edita.jsp), para incluir um for-
mulrio de Upload de imagem. Esse formulrio vai submeter para uma lgica nova que vamos criar a
seguir.
<!--...-->
<form action=
"<c:url value="/produtos/${produto.id }/imagem"/>"
method="POST" enctype="multipart/form-data">
<fieldset>
<legend>Upload de Imagem</legend>
<input type="file" name="imagem" />
<button type="submit">Enviar</button>
</fieldset>
</form>
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
2) Crie o Controller abaixo, que vai tratar dos uploads e downloads de imagens.
package br.com.caelum.goodbuy.controller;
import br.com.caelum.vraptor.interceptor.multipart.UploadedFile;
@Resource
public class ImagensController {
@Post("/produtos/{produto.id}/imagem")
public void upload(Produto produto, UploadedFile imagem) {
}
}
3) S estamos interessados em fazer uploads de imagens. Ento vamos validar se o upload foi uma imagem
mesmo. O ContentType de imagens comea com image:
@Post("/produtos/{produto.id}/imagem")
public void upload(Produto produto,
final UploadedFile imagem) {
validator.checking(new Validations() {{
if (that(imagem, is(notNullValue()), "imagem",
"imagem.nula")) {
that(imagem.getContentType(),
startsWith("image"), "imagem", "nao.eh.imagem");
}
}});
validator.onErrorRedirectTo(ProdutosController.class)
.edita(produto.getId());
}
5) Crie o componente do VRaptor que ser responsvel por guardar as imagens no servidor. Esse com-
ponente vai criar uma pasta fixa onde todas as imagens sero guardadas. Para isso, precisamos con-
seguir o caminho de uma pasta do servidor, e a classe que consegue nos dar essa informao o
ServletContext.
package br.com.caelum.goodbuy.imagens;
import java.io.File;
import javax.servlet.ServletContext;
import br.com.caelum.vraptor.ioc.Component;
@Component
public class Imagens {
6) Crie um mtodo que salve a imagem do upload na pasta padro. Colocaremos uma extenso fixa para
facilitar. O IOUtils vem do projeto commons-io e copia um InputStream para algum OutputStream
package br.com.caelum.goodbuy.imagens;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import org.apache.commons.io.IOUtils;
@Component
public class Imagens {
//...
public void salva(UploadedFile imagem, Produto produto) {
File destino = new File(pastaImagens, produto.getId() + ".imagem");
try {
IOUtils.copy(imagem.getFile(), new FileOutputStream(destino));
} catch (IOException e) {
throw new RuntimeException("Erro ao copiar imagem", e);
}
}
}
7) Use a classe Imagens para salvar a imagem que veio no upload. E a classe Result para voltar para o for-
mulario de edio.
package br.com.caelum.goodbuy.controller;
@Resource
public class ImagensController {
@Post("/produtos/{produto.id}/imagem")
public void upload(Produto produto,
final UploadedFile imagem) {
validator.checking(new Validations() {{
if (that(imagem, is(notNullValue()), "imagem",
"imagem.nula")) {
that(imagem.getContentType(),
startsWith("image"), "imagem", "nao.eh.imagem");
}
}});
validator
.onErrorRedirectTo(ProdutosController.class)
.edita(produto.getId());
imagens.salva(imagem, produto);
result.redirectTo(ProdutosController.class)
.edita(produto.getId());
}
}
10) Mude o formulrio de edio para incluir a imagem do produto. Repare que estamos usando nosso con-
troller para mostrar a imagem. Coloque essa imagem na listagem de produtos tambm.
<img src="<c:url value="/produtos/${produto.id}/imagem"/>"
width="100" height="100"/>
Um detalhe da integrao que se voc usar algum listener do spring para carregar o applicationContext.xml
(como o ContextLoaderListener), o VRaptor s consegue incluir os seus componentes aps um reload do
contexto, ento se voc precisar de um componente do VRaptor dentro de um do Spring, o do VRaptor
precisa ser marcado como opcional:
@Autowired(optional=true)
public void setComponenteDoVRaptor(ComponenteDoVRaptor c) {...}
da mesma transao.
O Spring possui um componente que controla transaes, e podemos us-lo para transferir esse controle para
o Spring. Esse componente depende indiretamente de uma SessionFactory, que no momento gerenciada
pelo VRaptor.
Para passar a SessionFactory como dependncia para o componente de transaes do Spring, no podemos
mais usar o CriadorDeSessionFactory, precisamos criar a SessionFactory do jeito do Spring, por exemplo
com o componente AnnotationSessionFactoryBean.
Ao usar o SessionFactory do Spring, no podemos mais criar Sessions do jeito que fazamos antes, apenas
chamando o openSession, pois o Spring gerencia as Sessions de uma maneira que est acoplada a todos os
componentes que precisam us-la. Por causa disso precisaremos adaptar o nosso CriadorDeSession.
Nos exerccios abaixo mostraremos como integrar esse componente de transaes como a nossa aplicao.
</beans>
<tx:annotation-driven />
</beans>
3) Esse componente de transaes genrico: funciona tanto com a JTA direto, com Hibernate/JPA, com
Captulo 16 - Apndice - Integrando VRaptor e Spring - Exerccios: Transaction Manager - Pgina 159
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
JDBC, etc. Ento para especificar qual dos gerenciadores de transao vai ser utilizado, voc precisa
adicionar um bean na configurao. No nosso caso, vamos usar transaes do Hibernate:
<beans xmlns...>
<tx:annotation-driven />
<bean id="transactionManager"
class="org.springframework.orm.hibernate3.HibernateTransactionManager">
<property name="sessionFactory" ref="sessionFactory" />
</bean>
</beans>
4) O transactionManager precisa de uma SessionFactory configurada. J temos uma no VRaptor, mas ela
no poder ser usada. Remova a anotao @Component do CriadorDeSessionFactory, e adicione o bean
que cria uma SessionFactory no Spring:
<beans xmlns....>
<!--...-->
<bean id="sessionFactory"
class="org.springframework.orm.hibernate3.
annotation.AnnotationSessionFactoryBean">
<property name="configLocation">
<value>classpath:/hibernate.cfg.xml</value>
</property>
</bean>
</beans>
5) Ao usar a SessionFactory do Spring estamos presos ao seu controle de Sessions. Isso significa que no
podemos fazer o sessionFactory.openSession para obter Sessions. O Spring controla isso para voc,
ento voc obrigado a usar componentes do Spring para conseguir uma Session, para poder usar a
mesma que est participando da transao. Mas ao invs de mudar todo o nosso sistema para usar as
sessions do Spring, vamos modificar o nosso CriadorDeSession para usar-las.
Por causa do jeito que o Spring trabalha, temos que pedir uma Session para ele no momento que vamos
us-la, e no na criao do DAO, por exemplo. Ento vamos usar um Proxy Dinmico para poder passar
uma Session no construtor do DAO, mas mesmo assim s pedir a Session pro Spring na hora de chamar
algum mtodo.
Modifique o CriadorDeSession.
import net.vidageek.mirror.dsl.Mirror;
import org.springframework.orm.hibernate3.SessionFactoryUtils;
import br.com.caelum.vraptor.proxy.MethodInvocation;
import br.com.caelum.vraptor.proxy.Proxifier;
Captulo 16 - Apndice - Integrando VRaptor e Spring - Exerccios: Transaction Manager - Pgina 160
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
import br.com.caelum.vraptor.proxy.SuperMethod;
@Component
public class CriadorDeSession implements ComponentFactory<Session> {
@PostConstruct
public void abre() {
this.session = proxifier.proxify(Session.class,
new MethodInvocation<Session>() {
public Object intercept(Session proxy,
Method method, Object[] args,
SuperMethod superMethod) {
Session sessionDoSpring =
SessionFactoryUtils
.doGetSession(factory, true);
return new Mirror().on(sessionDoSpring)
.invoke().method(method).withArgs(args);
}
});
}
public Session getInstance() {
return this.session;
}
@PreDestroy
public void fecha() {
this.session.close();
}
6) Para usar o controle de transaes do Spring, remova a abertura e o fechamento de transaes dos m-
todos do DAO, e anote o mtodo com @Transactional. Repare que nem todos os mtodos precisam de
transaes, s os que modificam o banco.
import org.springframework.transaction.annotation.Transactional;
@Component
Captulo 16 - Apndice - Integrando VRaptor e Spring - Exerccios: Transaction Manager - Pgina 161
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
@Transactional
public void salva(Produto produto) {
//Transaction tx = session.beginTransaction();
session.save(produto);
//tx.commit();
}
@Transactional
public void atualiza(Produto produto) {
session.update(produto);
}
@Transactional
public void remove(Produto produto) {
session.delete(produto);
}
7) O Spring transactional usa o Spring AOP para gerenciar as transaes. O Spring AOP tem uma restrio
forte: para poder decorar suas classes ele usa proxies da Cglib. Esses proxies precisam que sua classe tenha
um construtor sem argumentos, ou que as dependncias da sua classe sejam sempre interfaces. E como
programar voltado a interfaces uma boa prtica, pois diminui o acoplamento de uma classe com as suas
dependncias, vamos optar pela segunda soluo.
Renomeie a classe ProdutoDao para HibernateProdutoDao. Use o Ctrl+Shift+R no nome da classe.
Captulo 16 - Apndice - Integrando VRaptor e Spring - Exerccios: Transaction Manager - Pgina 162
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
Extraia uma interface chamada ProdutoDao, selecionando todos os mtodos. Com o cursor no nome da
classe digite Ctrl+3 e ento Extract Interface. Ou Alt+Shift+T e selecione Extract Interface. Marque o
checkbox: Use supertype where possible
Captulo 16 - Apndice - Integrando VRaptor e Spring - Exerccios: Transaction Manager - Pgina 163
Captulo 17
No VRaptor, a view padro de uma lgica uma JSP. Mas nem sempre queremos usar JSP para gerar nossas
pginas. Veremos ento como usar uma outra Template Engine para gerar nossos HTMLs: o Velocity.
<servlet-mapping>
<servlet-name>velocity</servlet-name>
<url-pattern>*.vm</url-pattern>
</servlet-mapping>
@Path("/teste")
public void teste() {
result.include("mensagem", "Estou usando o Velocity");
result.forwardTo("/olamundo.vm");
}
}
Captulo 17 - Apndice: Mudando a View Padro: Velocity - Exerccios: Mudando o Template Engine de uma nica lgica -
Pgina 165
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
Queremos mudar o padro da pgina para usar Velocity, ento podemos mudar o padro para algo do
tipo: /WEB-INF/velocity/<nomeDoController>/<nomeDoMetodo>.vm.
O componente responsvel por essa conveno o PathResolver, que tem uma implementao padro
chamada DefaultPathResolver. Essa implementao padro contm mtodos protected que podem ser
sobrescritos, tornando fcil a mudana da conveno. Ento para usar a conveno nova basta criar a
classe abaixo, que estende de DefaultPathResolver.
package br.com.caelum.goodbuy.vraptor;
import javax.servlet.http.HttpServletRequest;
import br.com.caelum.vraptor.view.AcceptHeaderToFormat;
import br.com.caelum.vraptor.view.DefaultPathResolver;
@Component
public class VelocityPathResolver extends DefaultPathResolver {
@Override
protected String getPrefix() {
// o retorno padro desse mtodo /wEB-INF/jsp/, que a pgina
// onde suas views sero procuradas
return "/WEB-INF/velocity/";
}
@Override
protected String getExtension() {
// o retorno padro jsp, que a extenso da pgina da sua view
return "vm";
Captulo 17 - Apndice: Mudando a View Padro: Velocity - Exerccios: Mudando o resultado de todas as lgicas para Velocity -
Pgina 166
Material do Treinamento Desenv. gil para Web 2.0 com VRaptor, Hibernate e AJAX
2) Crie a pasta /WEB-INF/velocity, e dentro dela a pasta teste. Mova o arquivo olamundo.vm para a pasta
teste e o renomeie para teste.vm.
@Path("/teste")
public void teste() {
result.include("mensagem", "Estou usando o Velocity");
}
}
4) Acesse a url do mtodo teste (http://localhost:8080/goodbuy/teste), e veja que continua funcionando: ele
vai redirecionar automaticamente para a pgina /WEB-INF/velocity/teste/teste.vm.
5) Veja que agora nenhuma das outras pginas do sistema esto acessveis. Agora qualquer chamada vai dar
404, pois ele estar usando a nova conveno. O comportamento do VRaptor agora o da sua classe, e
no mais a padro dele!
Captulo 17 - Apndice: Mudando a View Padro: Velocity - Exerccios: Mudando o resultado de todas as lgicas para Velocity -
Pgina 167
ndice Remissivo
AnnotationConfiguration, 24
Criteria, 57
Driver, 17
Escopo, 87
Hibernate, 16
Hibernate Annotations, 16
Hibernate Core, 16
Injeo de Dependncias, 61
JPA, 16
Log4J, 17
Logging, 17
MySQL, 15
ORM, 16
POJO, 49
Result, 70
SL4J, 17
Validao, 93
168