1.2. Pacote para o armazenamento das telas Agora, será necessário criarmos um novo pacote para armazenarmos as nossas telas:

Transcrição

1 Prática 1: Iniciando o projeto da aplicação comercial Nesta prática iremos iniciar o nosso projeto, iniciando pela construção da tela principal e com as telas para o cadastro (inclui a manutenção completa) de vendedores, clientes e fornecedores. Neste projeto iremos manter os dados dos clientes, fornecedores, vendedores e vendas realizadas. Nesta prática os seguintes componentes serão apresentados: javax.swing.jframe; javax.swing.jmenubar javax.swing.jmenu javax.swing.jmenuitem javax.swing.jpopupmenu.separator 1.1. Criação de novo projeto no Netbeans Vamos criar um novo projeto no Netbeans, através dos passos abaixo: javax.swing.jdesktoppane javax.swing.jinternalframe javax.swing.jtabbedpane javax.swing.jpanel 1. Acione o comando Arquivo > Novo Projeto...; 2. Na janela Novo Projeto, selecione a Categoria Java e o Projeto do tipo Aplicação Java; 3. Clique no botão Próximo; 4. Na janela Novo Aplicação Java, informe os seguintes dados: Nome do Projeto: Vendas Usar Pasta Dedicada para Armazenar Bibliotecas: Marque esta opção Criar Classe Principal: Desmarque esta opção 5. Clique no botão Finalizar. Note que foi criado um novo projeto com a seguinte estrutura: 1.2. Pacote para o armazenamento das telas Agora, será necessário criarmos um novo pacote para armazenarmos as nossas telas: 1. Clique com o botão direito do mouse sobre Pacotes de Códigos-fonte; 2. Acione o comando Novo > Pacote Java...; 3. Na janela New Pacote Java, informe o nome de pacote br.edu.univag.vendas.view; 4. Clique no botão Finalizar. Agora, temos esta estrutura: 1.3. Tela principal da aplicação A nossa tela principal será consistida de um menu principal e de uma área de trabalho interna para a abertura das janelas filhas da aplicação principal. 1. Clique com o botão direito do mouse sobre o pacote br.edu.univag.vendas.view e acione o comando Novo > Form JFrame...; Programação Comercial Walderson Shimokawa Página 1 de 5

2 2. Na janela New Form JFrame, informe FrmPrincipal como o nome da classe; 3. Clique no botão Finalizar; 4. Será criada uma nova classe, sendo aberta em modo de Projeto; 5. Na janela de propriedades, efetue a seguinte configuração: title: Sistema de Vendas preferredsize: [640, 480] 6. Execute a aplicação, usando a tecla <F6>; 7. Como não criamos a classe principal, o Netbeans irá confirmar o arquivo a ser executado, então selecione a classe br.edu.univag.vendas.view.frmprincipal e clique no botão OK; 8. Confira como ficou a tela: 1.4. Menu principal da aplicação Agora, use o recurso visual do Netbeans para criar a seguinte estrutura de menu, através do uso dos componentes Barra de Menu, Menu, Item de Menu e Separador: Cadastro Venda Consulta Menu Item de Menu Nome da Variável mnucadastro Vendedor mnivendedor Cliente mnicliente Fornecedor mnifornecedor Categoria mnicategoria Produto mniproduto mnuvenda Incluir mniincvenda Alterar mnialtvenda mnuconsulta Comissão por Vendedor mnicomvendedor Programação Comercial Walderson Shimokawa Página 2 de 5

3 Menu Item de Menu Nome da Variável Total Venda por Mês mnitotvenmes Execute a aplicação (tecla <F6>) e confira como ficou a estrutura do menu: Observação: Note que os menus e itens de menu foram nomeados indicando as operações associadas a cada um deles. Usar nomes que indicam as ações é importante para que possamos identificar os componentes associados mais tarde Aplicações multi document interface (MDI) É comum encontrarmos aplicações que possuam interface de múltiplos documentos ou (multi document interface, MDI). Por exemplo, os editores de texto possuem esse tipo de interface, onde cada uma das janelas internas contém um documento sendo editado ou visualizado, sendo aberta dentro da janela principal (externa). Vamos fazer com que a nossa aplicação seja MDI: 1. Insira um componente Painel da Área de Trabalho (Contêineres Swing) no formulário FrmPrincipal; 2. Redimensione o novo painel (jdesktoppane1) para ocupar toda a área cliente do formulário; 3. Renomeie a variável jdesktoppane1 para jdpareatrabalho; 4. Execute a aplicação (<F6>) e confira como ficou a tela: Programação Comercial Walderson Shimokawa Página 3 de 5

4 1.6. Tela do cadastro de vendedores Nesta seção iremos criar uma janela interna (JInternalFrame), para mantermos os dados de vendedores. Esta janela será aberta dentro da janela principal da aplicação, na área especificada Criação da janela filha de cadastro de vendedores Siga os passos abaixo para criarmos a janela interna, que será aberta dentro da janela principal: 1. Clique com o botão direito do mouse sobre o pacote br.edu.univag.vendas.view e acione o comando Novo > Outros; 2. Na janela Novo Arquivo, selecione a categoria Forms GUI Swing e o tipo de arquivo Form JInternalFrame; 3. Clique no botão Próximo; 4. Informe FrmCadVendedor como o nome da classe; 5. Clique no botão Finalizar; 6. Altere as seguintes propriedades: title: Cadastro de Vendedor closable: Marque esta opção maximizable: Marque esta opção resizable: Marque esta opção 7. No menu principal, adicione a seguinte implementação na ação do menu Cadastro > Vendedor: JInternalFrame frame = null; for (JInternalFrame f : jdpareatrabalho.getallframes()) { if (f.gettitle().equals("cadastro de Vendedor")) { frame = f; if (frame == null) { frame = new FrmCadVendedor(); jdpareatrabalho.add(frame); frame.setvisible(true); try { frame.setselected(true); frame.setmaximum(true); catch (PropertyVetoException ex) { Logger.getLogger(FrmPrincipal.class.getName()).log(Level.SEVERE, null, ex); 8. Adicione as importações necessárias (<Ctrl> + <Shift> + <i>); 9. Formate o código-fonte (<Alt> + <Shift> + <F>); 10. Execute a aplicação (<F6>), abra a janela de cadastro de clientes e use os comandos para restaurar, redimensionar, mover, maximizar e fechar a janela Criação do painel com guias (JTabbedPane) Agora, iremos criar uma tela única para manter (incluir, alterar, consultar, excluir) os dados do vendedor: 1. Volte ao formulário de cadastro de vendedor e mude para a visão de Projeto (caso tenha entrado na visão de código-fonte); 2. Adicione um Painel com Guias (Contâineres Swing) no formulário; 3. Redimensione o painel com guias (jtabbedpane1) para que ocupe toda a área cliente da janela do cadastro de vendedor; 4. Renomeie a variável jtabbedpane1 para abas; 5. No painel com guias (abas), adicione três painéis (Contâineres Swing > Painel), alterando os títulos (propriedade title) das abas, para: Cadastro, Registros e Pedidos, respectivamente; 6. Altere também os nomes das variáveis para pnlcadastro, pnlregistros e pnlpedidos, respectivamente; 7. Execute a aplicação (<F6>), e confira o resultado. Programação Comercial Walderson Shimokawa Página 4 de 5

5 Note que existe uma janela dentro da nossa janela principal, ocupando a área de trabalho interna. Assim, podemos controlar todo o comportamento desta área de trabalho, criando as janelas da nossa aplicação em área própria em vez de ficarmos com várias janelas abertas sendo controladas pelo sistema operacional Exercícios complementares 1. Pesquise o que são aplicações MDI? Como são construídas e quando são indicadas. 2. Na sua opinião existem vantagens ao se implementar aplicações com formulários MDI? 3. Faça a mesma implementação apresentada nesta prática, criando os formulários para os cadastros de cliente (contendo as abas Cadastro, Registros e Pedidos) e fornecedor (contendo as abas Cadastro, Registros e Produtos). Obs.: Não se esqueça de incluir o código-fonte para abrir estes novos formulários no menu principal da aplicação. 4. Execute a aplicação (<F6>) e confira que as janelas se abrem apenas uma vez. Abra todos os cadastros implementados, redimensione as janelas e execute novamente o comando para abrir as janelas internas da aplicação. 5. Após terminar a implementação, acione o comando Arquivo > Exportar Projeto > Para ZIP... no Netbeans, selecionando o projeto Vendas, salvando para um arquivo chamado Vendas-01.zip. 6. Acesse o ambiente de EAD (Moodle) e anexe o arquivo criado no exercício anterior E na próxima prática... Na próxima prática, iremos terminar de montar o formulário de cadastro de vendedor, de forma que teremos a inclusão dos campos para entrada/saída de dados, rótulos para os campos e as tabelas para a exibição dos registros. Teremos também a implementação do formulário de cadastro de produto e categoria de produto (exercício). Programação Comercial Walderson Shimokawa Página 5 de 5