Java Web

    Nesse primeiro post vou comentar o que aprendi no treinamento que fiz no Rio nas semanas de 03/11/2013 a 08/11/2013. O professor e instrutor foi o Paulo Henrique Cayres. Vou comentar sobre o Javabeans e Deployment de aplicação Java Web, que fazem parte do capítulo 9 e 10, como forma de aprendizado e como forma de estudar os tópicos abordados no treinamento.

    JavaBeans é a tecnologia Java que lhe permite escrever programas Java e convertê-los em Beans que poderão ser utilizados por programadores em suas atividades de desenvolvimento de aplicativos.

    Uma vez que você tenha criado um bean, os usuários de qualquer ambiente compatível com a tecnologia JavaBeans podem usá-lo prontamente.

Primeiro exercício:
Os programas necessários para realizar os exercícios abaixo são:

Sessão09App
Nesse exercício iremos gerar um relatório através do clique de um botão. Veja o layout abaixo:

Ao se clicar no botão gerar relatório a seguinte tela será mostrada:

Para montarmos o formulário com o botão devemos clicar com o botão direito do mouse em cima do pacote visão e em new JFrame e depois é só arrastar o botão para o JFrame:

Precisamos gerar um relatório no software jaspersoft ireport designer:

Clique em arquivo new, faça as configurações de conexão com o BD, usuário e senha.

Selecione o layout do relatório desejado, ao se clicar no botão step 2:

Clique no botão launch report wizard:

Digite a query select * from....

Adicione os campos para a coluna da direita:

Clique em next, next...

Clique no botão preview:

Pronto agora é só jogar o arquivo gerado teste4.jasper dentro da pasta conforme figura abaixo.
O botão preview irá mostrar como irá ficar a página de relatório. Voltando para o netbeans temos que configurar o seguinte atributo em propriedades:

O resultado será:

O código é:

1. /*
2.  * To change this template, choose Tools | Templates
3.  * and open the template in the editor.
4.  */
5. package visao;
6. 
   
7. /**
8.  *
9.  * @author paulo983
10.  */
11. public class ExemploButtonRelatorio extends javax.swing.JFrame {
12. 
    
13.     /**
14.      * Creates new form ExemploButtonRelatorio
15.      */
16.     public ExemploButtonRelatorio() {
17.         initComponents();
18.     }
19. 
    
20.     /**
21.      * This method is called from within the constructor to initialize the form.
22.      * WARNING: Do NOT modify this code. The content of this method is always
23.      * regenerated by the Form Editor.
24.      */
25.     @SuppressWarnings("unchecked")
26.                   
27. 
    
28.     /**
29.      * @param args the command line arguments
30.      */
31. 
    
32.     public static void main(String args[]) {
33. 
    
34. 
    
35.         /* Create and display the form */
36. 
    
37.         java.awt.EventQueue.invokeLater(new Runnable() {
38.             public void run() {
39.                 new ExemploButtonRelatorio().setVisible(true);
40.             }
41.         });
42.     }
43.     // Variables declaration - do not modify                     
44.     private relatorio.ButtonRelatorio buttonRelatorio1;
45.     // End of variables declaration                   
46. }

=================================

1. /*
2.  * To change this template, choose Tools | Templates
3.  * and open the template in the editor.
4.  */
5. package controle;
6. import java.sql.Connection;
7. import java.util.HashMap;
8. import net.sf.jasperreports.engine.JRException;
9. import net.sf.jasperreports.engine.JasperFillManager;
10. import net.sf.jasperreports.engine.JasperPrint;
11. 
    
12. /**
13.  *
14.  * @author Paulo Henrique Cayres
15.  */
16. public class GeraRelatorio {
17. 
    
18.     private Connection con;
19.     public GeraRelatorio() throws Exception {
20.       this.con = new ConnectionFactoryComProperties().getConnection();
21.     }
22.     
23.     public JasperPrint gerarRelatorio(String arquivoJasper, HashMap map) throws JRException {
24.         JasperPrint rel = null;
25.         try {
26.             rel = JasperFillManager.fillReport(arquivoJasper, map, this.con);
27.         } catch (JRException e) {
28.             javax.swing.JOptionPane.showMessageDialog(null,e.getMessage(),"Mensagem",javax.swing.JOptionPane.ERROR_MESSAGE);
29.         }
30.         return rel;
31.     }    
32. }

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Continuando agora com a sessão09BibliotecaDeClasses

Lembre-se de instalar os seguintes programas abaixo:

Iremos criar a seguinte interface:

Ao se clicar no botão Média Salários iremos visualizar o relatório gerado pelo software jasper ExemploGráfico.jasper:

Para isso devemos abrir o software Jasper:

Teremos a seguinte tela e precisaremos configurar a conexão com o BD postgre que já deve estar instalado na sua máquina:

No passo 2 iremos selecionar o tipo de gráfico que iremos criar:

Ao se clicar em next, next iremos utilizar a seguinte query:

Iremos selecionar todos os campos da tabela e iremos clicar no botão abaixo:

Iremos cair na seguinte tela que devemos selecionar o tipo de gráfico chart no canto direito da tela e arrastar para o centro:

Clicar com o botão direito em cima do gráfico e selecionar a opção Chart Data, iremos para a seguinte tela:

Clicar no botão report query e digitar o comando select abaixo:

Clicar em preview para visualizar como sairá o relatório:

PRONTO!!!
A partir de agora é só adicionar esse relatório ao evento click do botão
Com isso, iremos detalhar o código agora:

Começando pelo pacote visão, arquivo teste.java:

1. /*
2.  * To change this template, choose Tools | Templates
3.  * and open the template in the editor.
4.  */
5. package visao;
6. 
   
7. /**
8.  *
9.  * @author paulo983
10.  */
11. public class Teste extends javax.swing.JFrame {
12. 
    
13.     /**
14.      * Creates new form Teste
15.      */
16.     public Teste() {
17.         initComponents();
18.     }
19. 
    
20.     /**
21.      * This method is called from within the constructor to initialize the form.
22.      * WARNING: Do NOT modify this code. The content of this method is always
23.      * regenerated by the Form Editor.
24.      */
25. 
    
26.     private void buttonRelatorio2ActionPerformed(java.awt.event.ActionEvent evt) {
27.         // TODO add your handling code here:
28.     }
29. 
    
30.     /**
31.      * @param args the command line arguments
32.      */
33.     public static void main(String args[]) {
34.         /* Set the Nimbus look and feel */
35. 
    
36.         /* Create and display the form */
37.         java.awt.EventQueue.invokeLater(new Runnable() {
38.             public void run() {
39.                 new Teste().setVisible(true);
40.             }
41.         });
42.     }
43.     // Variables declaration - do not modify
44.     private relatorio.ButtonRelatorio buttonRelatorio1;
45.     private relatorio.ButtonRelatorio buttonRelatorio2;
46.     private relatorio.ButtonRelatorio buttonRelatorio3;
47.     // End of variables declaration
48. }

=================

1. /*
2.  * To change this template, choose Tools | Templates
3.  * and open the template in the editor.
4.  */
5. package relatorio;
6. 
   
7. import controle.GeraRelatorio;
8. import java.awt.event.ActionEvent;
9. import java.awt.event.ActionListener;
10. import java.io.Serializable;
11. import java.util.HashMap;
12. import javax.swing.JButton;
13. import net.sf.jasperreports.engine.JasperPrint;
14. import net.sf.jasperreports.view.JasperViewer;
15. 
    
16. /**
17.  *
18.  * @author Paulo Henrique Cayres
19.  */
20. public class ButtonRelatorio extends JButton implements Serializable {
21. 
    
22.     private String nomeRelatorio;
23.     
24.     public ButtonRelatorio() {
25. 
    
26.         this.addActionListener(new ActionListener(){
27.                @Override
28.                public void actionPerformed(ActionEvent e){
29.                     try {
30.                         GeraRelatorio geraRelat = new GeraRelatorio();
31. 
    
32.                         JasperPrint relatorio;
33.                         HashMap map = new HashMap();
34.                         map.put("SUBREPORT_DIR", "src/reports/"); // define a localização do sub-relatório
35.                         relatorio = geraRelat.gerarRelatorio("src/reports/"+getNomeRelatorio(), map);
36.                         JasperViewer.viewReport(relatorio, false);
37.                     } catch (Exception ex) {
38.                         javax.swing.JOptionPane.showMessageDialog(null, "Erro: " + ex.getMessage());
39.                     }
40.                }
41. 
    
42.         });
43.     }
44.     
45.     public String getNomeRelatorio() {
46.         return nomeRelatorio;
47.     }
48. 
    
49.     public void setNomeRelatorio(String nomeRelatorio) {
50.         this.nomeRelatorio = nomeRelatorio;
51.     }        
52.     
53. }

============================

1. // Class InterfaceBean
2. package interfacebeans;
3. 
   
4. import java.awt.FlowLayout;
5. import java.awt.event.ActionEvent;
6. import java.awt.event.ActionListener;
7. import java.io.Serializable;
8. import javax.swing.JButton;
9. import javax.swing.JPanel;
10. import javax.swing.JTextField;
11. 
    
12. 
    
13. public class InterfaceBean extends JPanel implements Serializable{
14.     // atributos ativos
15.     private JTextField file;
16.     
17.     // atributos inativos
18.     private JButton mgs;
19.     private JButton fechar;
20. 
    
21.     public InterfaceBean(){
22. 
    
23.         setLayout(new FlowLayout());
24.         setSize(200, 300);
25. 
    
26. 
    
27.         file = new JTextField(10);
28.         file.setText("exemplo.txt");
29.         add(file);
30. 
    
31.         JButton msg = new JButton("Mensagem");
32.         msg.setMnemonic('M');
33.         msg.setToolTipText("Exibir Mensagem.");
34.         msg.addActionListener(
35.            new ActionListener(){
36.                @Override
37.                public void actionPerformed(ActionEvent e){
38.                       javax.swing.JOptionPane.showMessageDialog(null,"Arquivo a ser lido: "+ file.getText() , "Mensagem", javax.swing.JOptionPane.INFORMATION_MESSAGE);
39.                }
40. 
    
41.            }
42.         );
43.         add(msg);
44. 
    
45.         fechar = new JButton("Fechar");
46.         fechar.setMnemonic('F');
47.         fechar.setToolTipText("Finaliza execução.");
48.         fechar.addActionListener(
49.            new ActionListener(){
50.                @Override
51.                public void actionPerformed(ActionEvent e){
52.                    System.exit(0);
53.                }
54.            }
55.         );
56.         add(fechar);
57. 
    
58.     }
59.     public void setFileName(String f){
60.            file.setText(f);
61.     }
62. 
    
63.     public String getFileName(){
64.            return file.getText();
65.     }
66.     
67. } // End of Class InterfaceBean

=============================

1. /*
2.  * To change this template, choose Tools | Templates
3.  * and open the template in the editor.
4.  */
5. package controle;
6. import java.sql.Connection;
7. import java.util.HashMap;
8. import net.sf.jasperreports.engine.JRException;
9. import net.sf.jasperreports.engine.JasperFillManager;
10. import net.sf.jasperreports.engine.JasperPrint;
11. 
    
12. /**
13.  *
14.  * @author Paulo Henrique Cayres
15.  */
16. public class GeraRelatorio {
17. 
    
18.     private Connection con;
19.     public GeraRelatorio() throws Exception {
20.       this.con = new ConnectionFactoryComProperties().getConnection();
21.     }
22.     
23.     public JasperPrint gerarRelatorio(String arquivoJasper, HashMap map) throws JRException {
24.         JasperPrint rel = null;
25.         try {
26.             rel = JasperFillManager.fillReport(arquivoJasper, map, this.con);
27.         } catch (JRException e) {
28.             javax.swing.JOptionPane.showMessageDialog(null,e.getMessage(),"Mensagem",javax.swing.JOptionPane.ERROR_MESSAGE);
29.         }
30.         return rel;
31.     }    
32. }

===============================

1. /*
2.  * To change this template, choose Tools | Templates
3.  * and open the template in the editor.
4.  */
5. package controle;
6. 
   
7. import java.io.IOException;
8. import java.sql.Connection;
9. import java.sql.DriverManager;
10. import java.sql.SQLException;
11. import java.util.Properties;
12. 
    
13. /**
14.  *
15.  * @author Paulo Henrique Cayres
16.  */
17. public class ConnectionFactoryComProperties{
18.     
19.     public Connection getConnection() {
20.         try {
21.             // Criação de um objeto de propriedades
22.             Properties prop = new Properties();
23. 
    
24.             // leitura/carga do arquivo texto com as propriedades
25.             prop.load( getClass().getResourceAsStream("../util/bancoDeDados.properties"));
26. 
    
27.             // obtenção do valor de cada parâmetro através do método getProperty
28.             String dbDriver = prop.getProperty("db.driver");
29.             String dbUrl = prop.getProperty("db.url");
30.             String dbUser = prop.getProperty("db.user");
31.             String dbPwd = prop.getProperty("db.pwd");
32. 
    
33.  
34. 
    
35.             Class.forName(dbDriver);
36.             return DriverManager.getConnection(dbUrl, dbUser, dbPwd);
37. 
    
38.         } catch (ClassNotFoundException | IOException | SQLException ex) {
39.             throw new RuntimeException(ex);
40.         }
41.     }
42. }

A estrutura de pastas está organizada da seguinte forma:

======================================

Continuando agora com a sessão09Web

Iremos criar a seguinte tela, através de JSP e JavaBean:

Ao se clicar no botão enviar seremos redirecionado para a seguinte tela:

Para isso temos que criar o seguinte arquivo HTML:

1. <!--
2. To change this template, choose Tools | Templates
3. and open the template in the editor.
4. -->
5. <!DOCTYPE html>
6. <html>
7.     <head>
8.         <title>JSP e JavaBean</title>
9.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
10.     </head>
11.     <body>
12.         <form method="post" action="ex01UseBean.jsp">
13.             Digite seu nome: 
14.             <input type="text" name="nome" size="50" />
15.             <br />
16.             Selecione o sexo:
17.             <select name="sexo">
18.                 <option value="Feminino">Feminino</option>
19.                 <option value="Masculino">Masculino</option>
20.             </select>
21.             <br />
22.             <input type="reset" name="b1" value="Limpar" />
23.             &nbsp;&nbsp;
24.             <input type="submit" name="b2" value="Enivar" />
25.         </form>
26.     </body>
27. </html>

========================

1. <%-- 
2.     Document   : ex01UseBean
3.     Created on : 22/10/2013, 16:31:19
4.     Author     : Paulo Henrique Cayres
5. --%>
6. 
   
7. <%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
8. <jsp:useBean id="pessoa" class="modelo.Pessoa" />
9. <jsp:setProperty name="pessoa" property="nome" />
10. <jsp:setProperty name="pessoa" property="sexo" />
11. <!DOCTYPE html>
12. <html>
13.     <head>
14.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
15.         <title>JSP e JavaBean</title>
16.     </head>
17.     <body>
18.         <h1>Informações do objeto instanciado do Bean</h1>
19.         <hr>
20.         Nome: ${pessoa.nome}
21.         <br>
22.         Sexo: ${pessoa.sexo}
23.         <hr>
24.         <a href="ex01UseBean.html">Voltar</a>
25.     </body>
26. </html>

==========================

1. /*
2.  * To change this template, choose Tools | Templates
3.  * and open the template in the editor.
4.  */
5. package modelo;
6. 
   
7. public class Pessoa {
8.     
9.     private String nome;
10.     private String sexo;
11. 
    
12.     public Pessoa() {
13.     }
14. 
    
15.     public String getNome() {
16.         return nome;
17.     }
18. 
    
19.     public void setNome(String nome) {
20.         this.nome = nome;
21.     }
22. 
    
23.     public String getSexo() {
24.         return sexo;
25.     }
26. 
    
27.     public void setSexo(String sexo) {
28.         this.sexo = sexo;
29.     }          
30. }

=============================
Atividade 09

Nesse exercício iremos montar uma página da seguinte forma:

ao clicar em enviar será mostrado uma mensagem:

Ao clicar em voltar poderemos listar o produto que foi armazenado em um ArrayList

O código da página para adicionar em um ArrayList é esse:

1. <%-- 
2.     Document   : exercicio1FormPedido.jsp
3.     Created on : 24/09/2013, 23:29:39
4.   
5. --%>
6. <%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
8. <html>
9.     <head>
10.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
11.         <title>Exercicio01</title>
12.     </head>
13.     <body>
14.         <form action="exercicio1RespPedido.jsp" method="post">
15.                 <table>
16.                         <tr>
17.                                 <td>Descrição: </td><td> <input type="text" name="descricao"/></td>
18.                         </tr>
19.                         <tr>
20.                                 <td>Preço Unitario: </td><td> <input type="text" name="pcoUnitario"/></td>
21.                         </tr>
22.                         <tr>
23.                                 <td>Quantidade: </td><td> <input type="text" name="qtdade"/></td>
24.                         </tr>
25.                 </table>
26.                 <input type="submit" value="Enviar"/>
27.         </form>
28.         <a href='exercicio1ListaProdutos.jsp'>Listar</a>
29.     </body>
30. </html>

===========================
Ao clicar no botão enviar da tela acima será cadastrado no banco de dados conforme mostra a mensagem abaixo:

O código da página acima é esse:

1. <%-- 
2.     Document   : exercicio1RespPedido.jsp
3.     Created on : 24/09/2013, 23:29:39
4.     Author     : 
5. --%>
6. <%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
8. <html>
9.     <head>
10.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
11.         <title>Exercicio01</title>
12.     </head>
13.         <body>
14.         <jsp:useBean id="prod1" class="modelo.Produto" scope="page">
15.                 <jsp:setProperty name="prod1" property="*"/>
16.         </jsp:useBean>
17. 
    
18.         <jsp:useBean id="pedido1" class="modelo.Pedido" scope="session"/>
19.         <jsp:setProperty name="pedido1" property="novoProduto" value="${prod1}"/>
20. 
    
21.             <h1>Produto incluso com sucesso</h1>
22.             <a href="exercicio1FormPedido.jsp">Formulário de Pedido</a>
23.         </body>
24. </html>   

===================
Os produtos serão listados

O código da página acima é:

1. <%-- 
2.     Document   : exercicio1FormPedido
3.     Created on : 24/09/2013, 23:29:39
4.     Author     : 
5. --%>
6. <%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
7. <%@page import="modelo.Produto, java.util.ArrayList"%>
8. <jsp:useBean id="pedido1" class="modelo.Pedido" scope="session"/>
9. 
   
10. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
11. <html>
12.     <head>
13.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
14.         <title>Exercicio01</title>
15.     </head>
16.     <body>
17.         <h1>LIsta de produtos cadastrados</h1><br />
18.         <table>
19.             <thead>
20.                 <tr>
21.                     <td>Descrição</td>
22.                     <td>Preço Unitario</td>
23.                     <td>Quantidade</td>
24.                 </tr>
25.             </thead>
26.             <%
27.                 ArrayList lista = pedido1.getLista();
28.                 for (int x=0;x<lista.size();x++) {
29.                         Produto prod = (Produto) lista.get(x);
30.             %>
31.                     <tr>
32.                         <td><%=prod.getDescricao()%></td>
33.                         <td><%=prod.getPcoUnitario()%></td>
34.                         <td><%=prod.getQtdade()%></td>
35.                     </tr>
36.             <%}%>
37.         </table>
38.     </body>
39. </html>

========================
O código da classe pedido é:

1. package modelo;
2. 
   
3. import modelo.Produto;
4. import java.util.ArrayList;
5. 
   
6. public class Pedido {
7. 
   
8. ArrayList<Produto> lista = new ArrayList<Produto>();
10. public void add(Produto p) {
11. lista.add(p);
12. }
14. public ArrayList getLista() { return lista; }
16. public void setNovoProduto(Produto p) {
17. lista.add(p);
18. }
19. }

========================
O código da classe produto é:

1. package modelo;
2. 
   
3. public class Produto {
4. 
   
5. private String descricao;
6. private double pcoUnitario;
7.         private double qtdade;
9. public String getDescricao() {
10. return descricao;
11. }
12. public void setDescricao(String descricao) {
13. this.descricao = descricao;
14. }
15. public double getPcoUnitario() {
16. return pcoUnitario;
17. }
18. public void setPcoUnitario(double pcoUnitario) {
19. this.pcoUnitario = pcoUnitario;
20. }
21. public double getQtdade() {
22. return qtdade;
23. }
24. public void setQtdade(double qtdade) {
25. this.qtdade = qtdade;
26. }
27. }

A estrutura de pastas está organizada dessa forma:

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Capítulo 10:

Deployment de aplicação Java Web.

Primeiro passo: Instalação do Tomcat. Para fazer o download acesse: http://tomcat.apache.org. Caso seja utilizado o netbeans o ideal é já instalar o Tomcat junto com o netbeans. Para verificar se o Tomcat já está instalado vá em Ferramentas -> Servidores:

Caso já esteja instalado aparecerá o ícone do tomcat:

Com o Tomcat instalado acesse a página da seguinte forma localhost:8084. A seguinte tela será disponibilizada:

Para realizar o gerenciamento de aplicações web hospedadas pelo Tomcat, pode ser usada a aplicação Tomcat Web Application Manager:

==========================