Criação de um novo projeto para executar no servidor

Agora que temos um servidor integrado ao Eclipse IDE, podemos criar nosso primeiro projeto web. Para isso clique com o botão direito do mouse na view Project Explorer, como na figura 1.39. Selecione a opção New ➤ Dynamic Web Project.

A criação de projetos também pode ser feita pelo menu File ➤ _New ➤ _{Dynamic Web Project.}

Dependendo da perspectiva ativa pode ser que essa opção de projeto não seja apresentada. Nesse caso, vá para New ➤ _{Other e selecione o item Web} ➤ _{Dynamic Web Project.}

Figura 1.39 – Seleção do tipo do projeto a ser criado.

Na tela que será exibida, informe um nome para o projeto, preferencialmente sem espaços nem caracteres especiais. No campo Server Runtime, selecione Apache Tomcat v6 – que foi o servidor que configuramos.

No quadro Configuration, clique no botão Modify e marque a opção JavaServer Faces – clique em OK. Na tela de criação do projeto, clique em Next até chegar em JSF Capabilities. Nessa tela selecione o Type igual a Disable Library Configuration e troque o URL Mapping Patterns de /faces/* para *.jsf. Clique em Finish. A tela de configuração deverá ter ficado como na figura 1.40.

Esta opção do quadro Configuration não é obrigatória, mas é recomendada caso você queria trabalhar com JavaServer Faces. O interessante é que ela habilita o assistente de código (code completion) nos arquivos XHTML, auxiliando na utilização de tags e atributos. Independentemente de você ter feito ou não esta opção, vamos configurar e instalar completamente o JavaServer Faces de forma manual no projeto.

Figura 1.40 – Criação do novo projeto web.

Depois de criado o projeto, este deve aparecer na view Project Explorer, conforme a figura 1.41.

Essa é a estrutura-padrão do projeto web dentro do Eclipse. A seguir serão descritos os principais itens dessa estrutura de projeto.

Item Descrição

Deployment Descriptor Fornece um atalho para o arquivo web.xml, que fica por padrão armazenado em /WEB-INF/web.xml. Nesse atalho, o Eclipse ofer- ecerá vários assistentes para incluir novos elementos no arquivo

web.xml.

Java Resources Fornece acesso aos arquivos Java do projeto. É nesse elemento que aparecerão todos os packages de seu aplicativo.

WebContent Representa o conteúdo raiz do aplicativo web. Nessa pasta você deverá colocar a página index.html e todas as outras páginas, jsp, css, imagens etc. Nela você pode criar a estrutura de pastas que quiser.

WebContent/WEB-INF A pasta WEB-INF faz parte da especificação Java para projetos web. Todo projeto web Java tem que ter essa pasta. Ela é inaces- sível via web, somente internamente. Isso garante que nenhum arquivo presente nela possa ser visualizado por algum usuário. Por esse motivo, os arquivos de configuração, bibliotecas (jar) e classes ficam seguros nessa pasta.

WebContent/WEB-INF/lib

Nessa pasta devem ser mantidos todos os arquivos Jar necessários ao funcionamento do projeto.

Agora que já estamos com o projeto criado e conhecemos sua estrutura, vamos criar um arquivo JSP e testar sua execução no servidor. Como acabamos de ver, o local correto para criar um arquivo JSP é na pasta WebContent. Dessa forma, clique com o botão direito do mouse na pasta WebContent e vá até New ➤ JSP.

Será aberto um assistente para a criação de arquivos JSP. Informe o nome index.jsp para o arquivo no campo File Name e clique em Finish. Depois disso, o arquivo index.jsp estará criado, e seu Eclipse irá exibi-lo para edição, conforme a figura 1.42.

Se você observar a figura 1.42, perceberá que o texto Ola Mundo e Agora são: ficou sublinhado por uma linha ondulada, igual ao MS-Word quando faz a correção de uma palavra. E é exatamente isso que aconteceu, mas no momento esse não é um recurso interessante e podemos desligá-lo. Para desligar o Spell Checking, abra a janela Windows ➤ _{Preferences, selecione a opção General} ➤

Editors ➤ _{Text Editors} ➤ _{Spelling e desmarque a opção Enable spell checking.}

A figura 1.42 exibe uma alteração no arquivo, com a intenção de mostrar a seguinte mensagem na tela:

Olá Mundo

Figura 1.42 – Eclipse exibindo o arquivo index.jsp que acabou de ser criado.

Você pode perceber, na figura, a presença de uma janela mostrando o nome de classe SimpleDateFormat. Isso foi consequência do uso da tecla de atalho Ctrl+Espaço, que reali- zou o code-completion. Observe que digitamos apenas o texto simpledatef no arquivo e pressionamos Ctrl+Espaço. O que o Eclipse fez foi sugerir um nome de classe que iniciasse com simpledatef. Se você selecionar o nome SimpleDateFormat sugerido pelo Eclipse, ele completará a palavra que você digitou e adicionará automaticamente o import para essa classe, no topo do arquivo. Em arquivo JSP, o import é realizado na diretiva de página (<%page%>), no parâmetro import.

O arquivo final ficará igual ao texto a seguir.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@page import="java.text.SimpleDateFormat"%>

<%@page import="java.util.Date"%><html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Teste inicial</title>

</head> <body> Olá Mundo. Agora são:

<%=new SimpleDateFormat("hh:mm:ss").format(new Date()) %> </body>

</html>

Agora que o arquivo index.jsp está completo, vamos testar o projeto em ambiente web. Para isso, vá até a view Server e clique com o botão direito do mouse no servidor configu- rado e acione a opção Add and Remove Projects. A opção permite definir quais dos projetos do Eclipse serão executados nesse servidor quando ele for colocado no ar. A tela que será exibida pode ser vista na figura 1.43. Ali, você deve selecionar o projeto olamundo e clicar em Add >> para adicioná-lo para execução no servidor, clicando depois em Finish.

Você deverá repetir esse mesmo procedimento para qualquer outro projeto que queira executar no servidor. Nessa tela também é possível remover projetos. Se você deixar no servidor somente os projetos que realmente está utilizando, o servidor subirá mais rapidamente e consumirá menos memória.

Figura 1.43 – Inclusão de projetos para serem executados no servidor configurado.

Agora basta colocar o servidor configurado no ar para fazer o teste. Para isso, acione o botão Start the Server na view Servers, conforme a figura 1.44.

Quando a coluna State da view Servers aparecer como Started quer dizer que o servidor já está no ar: isso acontecerá muito rápido. Agora, se você abrir um navegador e digitar o endereço http://localhost:8080/olamundo será exibida a página index.jsp que acabamos de criar, sendo uma página igual à da figura 1.45.

Figura 1.45 – Página de teste do projeto olamundo sendo visualizada no navegador.

O aparecimento dessa página conforme a figura 1.45 confirma que todo o nosso am- biente de desenvolvimento está configurado e funcionando. Estamos prontos para seguir adiante e conhecer cada etapa do projeto que será desenvolvido e aprender todas as tecnologias necessárias para que ele se concretize.

1.5 MySQL

O MySQL é o banco de dados de código-fonte aberto mais popular do mundo, tendo mais de 70 milhões de instalações no mundo todo. É utilizado por empresas como Amazon.com, Google, Motorola, MP3.com, NASA, Silicon Graphics, Texas Instruments e Yahoo! Finance.

O fato de ser de código-fonte aberto não significa que ele seja gratuito: isso dependerá de como você utilizará o banco de dados. Para que o MySQL possa ser utilizado gra- tuitamente, o aplicativo que o utiliza tem que seguir a licença GPL. Isso basicamente significa que, se você não obtiver lucro com o seu aplicativo, não precisará pagar pelo MySQL e que sempre deverá distribuir os códigos-fonte do MySQL junto com seu aplicativo ou pelo menos indicar onde obtê-los.