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: