Capítulo 3

Novo projeto

"Não há uma verdade fundamental, apenas há erros fundamentais"

Neste capítulo, vamos definir as tecnologias do projeto e vamos criar e configurar nosso projeto inicial.

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.

Servidores e Java EE

Para uma discussão mais detalhada sobre servidores de aplicação Java EE e servlet containers, consulte os capítulos iniciais da apostila do curso FJ-21.

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, então algumas funcionalidades podem não funcionar em outros browsers, principalmente no Internet Explorer 6.

Ao desenvolver um sistema você deveria se preocupar com a compatibilidade entre os browsers, e você pode saber mais sobre isso no curso WD-43 | Desenvolvimento Web com HTML, CSS e JavaScript.

Resumindo as tecnologias:

Java

Ajax

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.

Tire suas dúvidas no GUJ Respostas

O GUJ é um dos principais fóruns brasileiros de computação e o maior em português sobre Java. A nova versão do GUJ é baseada em uma ferramenta de perguntas e respostas (QA) e tem uma comunidade muito forte. São mais de 150 mil usuários pra ajudar você a esclarecer suas dúvidas.

Faça sua pergunta.

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.

    view-servers.png
  4. Configure o Tomcat seguindo os passos abaixo:

    • Botão direito na view Servers
    • Escolha a opção New
    • Escolha a opção Server
    novo-servidor.png
  5. Escolha Tomcat v6.0 Server, dentro da pasta Apache

    config-tomcat-1.png
  6. Clique no botão Browse, e indique o local onde foi feito o unzip do Tomcat (a pasta do Tomcat no seu Desktop):

    config-tomcat3.png

    Clique em Finish.

  7. Teste o servidor que acabamos de configurar. Na view Servers, selecione o Tomcat e clique no botão de iniciar:

    iniciar-tomcat.png
  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.

    parar-tomcat.png
  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
    import-project.png
  12. No Select root directory, selecione o Desktop e clique em Finish:

    import-project2.png

    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.

    config-projeto3.png

Estrutura de pastas de um projeto Web

Para entender a estrutura de pastas dos projetos Web em Java, consulte o capítulo de servlets da apostila do curso FJ-21.

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...
    config-projeto4.png
  2. Passe o nosso projeto goodbuy para a direita, usando o botão Add All, e depois clique em Finish.

    config-projeto5.png
  3. O projeto ficará associado ao Tomcat, conforme a figura abaixo.

    config-projeto6.png

    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.

    bem-vindo.png