Depois de grande ausência resolvi voltar a atualizar o blog. Ano novo, cara nova pra ele né?

A partir de agora vou começar a fazer e postar alguns tutoriais de coisas básicas, porém difíceis de achar um bom manual na web. Então acho que serão bastante úteis para muita gente.

A grande tendência hoje são as aplicações web. Essas que podem rodar em um servidor e serem acessadas pelos usuários através de um browser, otimizando assim espaço em disco, segurança, etc.

Conheço muita gente que quer começar a desenvolver em Java Web mas não faz a mínima idéia de por onde começar. Eis que surgirá esse manual, para ajudá-los passo a passo.

Vamos começar configurando o ambiente de desenvolvimento:

Para desenvolver Java EE é preciso fazer a instalação da JDK. (Se você não como fazê-la veja aqui.)

1 – Deve-se baixar o Tomcat, que é o server onde a aplicação vai rodar. Para baixá-lo clique aqui.

2 – Descompacte o conteúdo. (No meu caso coloquei na mesma pasta onde o Eclipse está)

3 – Agora esqueça um pouquinho o Tomcat e abra o Eclipse.

4 – No Eclipse, na barra lateral esquerda (ali onde ficam os projetos) clique com o botão direito e escolha New > Project.

5 – Irão aparecer várias opções. Lá você escolhe Web > Dynamic Web Project.

6 – Preencha o nome do seu projeto em “Project Name” e clique em “Finish”.

7 – Na barra inferior (ali onde fica o console) clique na aba “Servers”, na janela clique com o botão direito e vá em New > Server.

8 – Vá em Apache > Apache Tomcat v6.0, e clique em Next.

9 – Em “Tomcat installation directory” você deverá colocar o caminho da pasta onde descompactou o Tomcat. Use o botão “Browse” para isto e depois clique em “Next”.

10 – Na lista da esquerda deverá estar seu projeto. Adicione ele de modo que ele vá para a lista da direita. e clique em “Finish”.

11 – Na aba “Servers” agora deverá ter aparecido o Tomcat.

12 – Clique com o botão direita em cima de seu projeto e vá em Build Path > Configure Build Path… > Java Compiler, e verifique se o “Compiler Compliance Level” está como 1.6, se não estiver coloque.

13 – Pronto, agora seu ambiente está configurado. Você está pronto para desenvolver um projeto web.

Com o ambiente configurado, algumas explicações:

Vamos entender agora como funciona o projeto. Se você entrar no seu projeto que foi criado vai encontrar a pasta WebContent, e dentro da mesma uma pasta chamada WEB-INF. Nela deverá ter um arquivo chamado web.xml. É nele que podem ser colocadas diversar configurações do projeto.

Por enquanto, a única Tag que interessa é o “welcome-file-list”. Ela significa que, se tiver um arquivo com qualquer nome desses “welcome-file”, ele será o index (página inicial) da sua aplicação.

Criando o primeiro exemplo

1 – Sendo assim, em cima de WebContent, clique com o botão direito e vá em New > JSP, e coloque o nome de “index”.

2 – O Eclipse deverá ter criado um arquivo jsp padrão. Ainda não edite.

3 – Na aba “Servers”, clique com o botão direito no servidor que está criado e então em “Start”. Ele deverá aparecer um texto no console mas você não precisa dar muito importância agora, ao menos que seja um erro.

4 – Abra seu browser (Internet Explorer, Firefox, Chrome, Safari, Opera, etc.) e digite o endereço “http://localhost:8080/[Nome do Seu Projeto]“. (no meu caso ficou “http://localhost:8080/TutorialFlavio”)

5 – Deve ter sido aberta uma página em branco com o título “Insert title here”. Isso é um sinal que está tudo funcionando.

Fazendo alguns testes

Vamos experimentar um pouco do potencial do Jsp.

Veja a modificação que fiz no jsp:

 Java | 
 copy code |
?
 
01
02
 
03
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
04
    pageEncoding="ISO-8859-1"%>
05
 
06
 
07
 
08
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
09
<title>Insert title here</title>
10
 
11
 
12
<% // o <% no jsp serve para indicar que vai entrar um codigo java
13
int soma = 5+4; // declara um int que é o resultado da soma de 5+4;
14
out.println("
15
 
16
" + soma + "
17
 
18
"); // o out.println serve para imprimir no html. muito similar ao System.out.println
19
%> <!-- Fecha a tag agora só pode ser colocado html -->
20
 
21
 
22
 
23

Agora é só treinar!

No próximo post pretendo ensinar um projeto web com um CRUD básico.