Novo projeto

3.1 - Definindo as tecnologias

Nosso projeto será todo em Java e utilizará o VRaptor 3.x como framework Web. Para a persistência, usaremos o Hibernate com anotações rodando sobre o MySQL, que pode ser mudado caso desejado.

Na parte de interação com os usuários, 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 aplicação no Jetty ou Glassfish.

Resumindo as tecnologias:

Java

• Hibernate Core - JBoss
• Hibernate Annotations - JBoss
• VRaptor - Caelum
• JSTL - Sun
• Tomcat - Apache
• MySQL - Sun

Ajax

• JQuery - JQuery

3.2 - Montando o ambiente de desenvolvimento

Para o ambiente de desenvolvimento, vamos utilizar o Eclipse com o plugin WTP. A versão que utilizaremos no curso será a mais nova, a 3.6, que possui o codinome Helios.

Para utilizar o Eclipse, basta fazer o download, descompactar o zip baixado e depois executá-lo. Isso é uma grande vantagem em relação a programas que exigem a instalação. O Eclipse é a IDE líder de mercado. Formada por um consórcio liderado pela IBM, possui seu código livre. Para fazer o download, acesse o site do Eclipse e baixe a distribuição "Eclipse IDE for Java EE Developers".

http://www.eclipse.org/downloads

Vamos também configurar o Tomcat para rodar nossa aplicação.

3.3 - Exercícios: montando o ambiente de desenvolvimento

1. Na Caelum, execute o Eclipse pelo ícone que está em seu Desktop. Em casa, faça a instalação como citado anteriormente.

2. Descompacte o arquivo apache-tomcat-X.X.X.zip em seu Desktop. O arquivo está na pasta Caelum/28 em seu Desktop.

   Em casa, você pode fazer o download do Tomcat 6.x em: http://tomcat.apache.org/

3. No Eclipse, abra a view Servers. Para tal, você pode ir em Window e depois Show View e escolher a opção Servers.

   Uma outra maneira de fazer isso, e acessar qualquer tela ou menu, é através da pragmática tecla de atalho Ctrl+3. Depois digite servers.

   

4. Configure o Tomcat seguindo os passos abaixo:

   • Botão direito na view Servers
   • Escolha a opção New
   • Escolha a opção Server
   

5. Escolha Tomcat v6.0 Server, dentro da pasta Apache

   

6. Clique no botão 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 botão de iniciar:

   

8. Verifique se o log está limpo e se nenhuma mensagem de erro foi impressa. É muito importante, durante 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 botão de parar.

   

10. Caso você esteja na Caelum siga essas instruções: Vá na pasta Caelum/28 e abra o arquivo goodbuy.zip. Extraia o conteúdo desse arquivo para o Desktop.

    Caso você não esteja na Caelum e precise criar o projeto de casa:

    Basta você baixar do site do VRaptor o vraptor-blank-project, descompacta-lo e importá-lo no Eclipse. Depois disso, adicione, dentro da pasta WebContent o conteúdo do zip que contém cabeçalho, rodapé, css e javascript básicos que usaremos durante o projeto. Você pode baixar em:

    http://www.caelum.com.br/download/caelum-java-web-vraptor-hibernate-ajax-fj28-auxiliar.zip

11. Importe o projeto no eclipse seguindo os passos:

    1. Vá em File
    2. Escolha a opção Import
    3. Escolha a opção General >> Import existing projects into workspace
    4. Clique em Next
    

12. No Select root directory, selecione o Desktop e clique em Finish:

    

    Este projeto já possui as configurações básicas do VRaptor e do Hibernate, para que não percamos muito tempo configurando. Mas essas configurações usadas serão explicadas com mais detalhe durante o curso.

13. O Eclipse perguntará se você quer trocar de perspectiva. Não será necessário, então vamos escolher a opção No.

    

3.4 - Exercícios: configurando o deploy da aplicação

1. Na aba de Servers, selecione o Tomcat que configuramos no exercício anterior e siga os passos abaixo:

   • Clique com o botão direito
   • Selecione Add and Remove...
   

2. Passe o nosso projeto goodbuy para a direita, usando o botão Add All, e depois clique em Finish.

   

3. O projeto ficará associado ao Tomcat, conforme a figura abaixo.

   

   Pronto! Nosso projeto está preparado para ser executado no servidor.

4. Inicie o servidor clicando com o botão direito e selecionando Start. Abra o firefox e digite na barra de endereços: http://localhost:8080/goodbuy.