Projeto: Construindo uma Calculadora web.Aluno: João Batista.

Discente: Sistema de InformaçãoUfra

Vamos construir nossa calculadora passo a passo.Obs: É necessário que você saiba o que é um Servlet e como criar as páginas de interação com o Servlet que são HTML, JSP, junto com as classes modelo. Assim, criaremos o famoso MVC .

1) Passo:- Abra o seu Netbeans e click em abrir novo projeto e aparecerá assim- Click próximo

-Dê um nome para o seu projeto “ WebCalculdora”. Veja a figura.-Depois click em proximo

- veja que ao clicar em próximo parecerá esta janela. Aqui escolha o servidor e versão java que vc estuda. Eu escolhi o apache tomcat 7.0.27.0 e versão java EE 5. -depois click em próximo e finalize a próxima janela que aparecerá e espere carrega o seu projeto.

Agora vamos começar criar as paginas e os códigos da calculadora.- click agora com o direito em página web e aparecerá assim e click em html.

--Dê um nome a sua pagina “ EntradaNumero” e finalize a janela.

- abrirá esta janela, onde vai ser inserido os códigos de entrada de valores. Veja a próxima janela com os códigos.

- pronto esta é janela com os código de entrada dos dados.Obs: o forme e os botões de ação foram tirados da paleta que aparece do lado direito da janela.

- veja com o ficou a pagina html “entradaNumeros” depois de executada

- agora criaremos a pagina de saída dos dados.- veja que a criação do jsp é o mesmo processo do html. Porem, é preciso saber que um jsp é uma pagina dinâmica, portanto, é preciso saber quando criar um jsp e um html que é estático. Veja a figura abaixo.

- Dê um nome para o jsp “SaidaNumero” e click em finalizar.

- veja como fica a pagina.- agora vamos inserir o código que vai retornar os dados. Veja a próxima pagina.

- A pagina do jsp esta pronta.

Agora precisamos criar o Servlet que vai fazer o controle dos dados. Veja como!- click com o direito em pacote de código-fonte e selecione Novo e click em Servlet.

- Dê um nome da classe deixe “ Servlet” por padrão.- click em próximo e aparecerá outra janela. Nela vc click em finalizar.

- apague todo o corpo do try e catch, isto é, deixe o Servlet assim.

- Agora vc cole o código abaixo dentro do Servlet.- deverá da erro, mais não se apavore é porque vai pedir importa pacote e também porque ainda não esta criada a classe modelo que processar o retorno.

Calculadora calc = new Calculadora();

int Num1 = Integer.parseInt(request.getParameter("Num1")); int Num2 = Integer.parseInt(request.getParameter("Num2")); int resultado = 0;

String op = request.getParameter("op"); switch (op.charAt(0)) {

case '+': System.out.println("o resultado é:" + calc.somar(Num1, Num2)); resultado = calc.somar(Num1, Num2); break; case '-': System.out.println("o resultado é:" + calc.subtrair(Num1, Num2)); resultado = calc.subtrair(Num1, Num2); break; case '*': System.out.println("o resultado é:" + calc.multiplicar(Num1, Num2)); resultado = calc.multiplicar(Num1, Num2); break; case '/': System.out.println("o resultado é:" + calc.dividir(Num1, Num2)); resultado = calc.dividir(Num1, Num2); break; }

String resposta = "Resposta = " + resultado;

request.setAttribute("resposta", resposta);

RequestDispatcher rp = request.getRequestDispatcher("SaidaNumero.jsp");

rp.forward(request, response);

- Dentro do seu Servlet deve ficar assim. Lembre-se que ainda não criamos o modelo.

- Agora vamos criar a classe modelo que processar o retorno dos resultado dos dados. Veja como.- Para criar a classe modelo é necessário que vc crie um pacote. Veja na janela.- Ao clicar em pacote aparecerá uma outra janela. Veja a próxima janela.

- aqui vc deve colocar o nome do pacote “Modelo” e click em finalizar. Veja a janela.

- Agora vc terá que criar a classe que vai obter o código. Veja como.- Click no pacote de código-fonte com o direito e selecione novo e click em classe java. Veja a janela.

- dê o nome da classe “Calculadora” e click em finalizar. Veja a janela.

- copie o código abaixo dentro da classe Calculador.

/** * * @param Num1 * @param Num2 * @return */ public static String Calculadora(int Num1, int Num2) { throw new UnsupportedOperationException("Not yet implemented"); }

/** * * @param Num1 * @param Num2 * @return */ public int somar(int Num1, int Num2) { return Num1 + Num2;

}

public int subtrair(int Num1, int Num2) {

return Num1 - Num2;

}

public int multiplicar(int Num1, int Num2) { return Num1 * Num2;

}

public int dividir(int Num1, int Num2) { return Num1 / Num2;

}- Veja como fica a classe modelo. Porem esta janela não esta mostrando todo o código dentro dela.

- Agora inicie o seu servidor se ele já não estive iniciado, ok.- depois execute o seu projeto. Veja como.

- veja como executar o projeto webcalculadora.

- Eu recomento que vc crie um link no index, pra chamar a janela html. - Dê dois cliques no index e aparecerá a sua janela par inserir o endereço. Veja como.Esta é janela do index. Veja a próxima janela como fica.

- janela do index já com a mensagem de boas vindas e de endereçamento do a html.

- Agora veja o projeto executando as operações, ok.Janela 1- click no link

Janela 2: Aparece as entradas dos valores:

- Digite os valores:

- Selecione a operação “ +” e click

- Resultado da operação é igual a 6: