aula 1 CRUD APP IN JAVA USING NETBEANS.pptx
- 1. CRUD_APP (USING JAVA GUI) (ADD,UPDATE, DELETE, CLEAR, REPORTING) Nilza Mohamed Ikbal,PhD.
- 2. OBJECTIVO • A) DESIGNING LAYOUT • 1. DESIGNING LOGIN FRAME • 2. DESIGNING SIGNUP FRAME • 3. DESIGNING HOME PAGE • B) PROGRAMMING (DEVELOPING) • 1. INSERTING EMPLOYEE RECORD (Db) • 2. UPDATING EMPLOYEE RECORD (DB) • 3. DELETING EMPLOYEE RECORD (DB) • 4. CLEAR TXT FIELDS • 5. REPORTING (I-REPORT, JASPER)
- 3. • NEW PROJECT CRUD-App • Create package “com.login” • Dentro deste package cria new “jFrame form” e faça rename por “LoginFrame” • Apague todos os comentarios que aparecem by default para inserir o nosso comment
- 4. • No CRUD_App.java //criar um objecto para login frame, de modo que ao executarmos este projecto mostre o login frame. LoginFrame loginObj=new LoginFrame(); loginObj.show(); Coloque esse codigo por baixo do metodo main, lembando que a leitura comeca ai. Execute o programa, apos isso vai aparecer uma janela.
- 5. • Vai ao loginFrame e acerta o layout • Faz right click do mouse e select set layout, absolute layout
- 6. 1. DESIGNING LOGIN FRAME What we will cover • How to create JFrame using netbeans IDE • How to set layout on Jframe • Now • How to set Jframe screen on center Vai ao navegador do Jframe e faz right click no jFrame e depois faz proprerties, menu code e activa check box para “generate center”.
- 7. • How to use panel in different ways? Agora vamos desenhar login frame usando panel Right click no loginFrame set layout, absolute layout, coloque o panel e background Continuamos na proxima aula……
- 8. • O panel e background para cima , centro e baixo. • Escreva login para o panel de centro: Faça right click do mouse no panel do centro, properties, border: da click nos 3 pontinhos, line border, escolha a cor, active o check box do rounded corners, coloque thickness “2”, OK. Novamente vai aos 3 pontinhos de border, title border, vai ao “title” e screva LOGIN, coloque a cor, fonte: tipo, plain e tamanho. Then, ok, ok, close.
- 9. • Arraste o label para o local onde ira inserir o logotipo • Depois faz o right click no label, set layout, absolute layout. • Para criar separador no titulo do app : vai a paleta e arraste o sepador para desenhar a linha por baixo do titulo
- 10. Ter algo +/- assim
- 11. Aula 3 • Ja desenhamos LoginFrame • Agora vamos desenhar SignUp Frame, para dar possibilidade de fazer signUp so apos isso faer login. • Objectivos • ADD, Update,Delete, Clear e Reporting.
- 12. Faremos quase o mesmo que fizemos com LoginFrame • Vamos para netbeans, click direito do mouse no com.login, new, Jframe Form, colocamos o nome “SignupJFrame” • Ajustamos o tamanho da tela, e fazemos click direito do mouse, set layout, absolute layout.
- 13. • Agora crie tudo que criou na tela anterior (coloque a imagem e desenho mesma maneira)
- 14. Fix login and signup frame repare que podes fazer Run e aumetar mostra que a tela nao esta Fixa
- 15. Abra LoginFrame pra fazer Fix, usamos o metodo setResizable
- 16. Run Login Frame, e faz o mesmo como SignUppFrame Faz run para testar…… Ja desenhamos login e signup, mas quando coremos o ligin, o botao signUp nao funciona, vamos testar para ver se funciona.
- 17. Para o botao signUp do Login lavar nos ao Frame de SignUp • Faz right click no botao signUp no login e seleccione o seguinte:
- 18. Coloque o codigo boldado • private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) { • // TODO add your handling code here: • this.hide();// that means that current frame will hide when i click signUp button • UpFrame signupObj= new UpFrame(); • signupObj.show(); //that means, will show signup Frame • }
- 19. • Agora teste se o seu botaoSignUp do login funciona ou nao. • Agora vai na classe SignUp e de dois click no botao Back. • E coloque o codigo bold e depois teste: • private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) { • // TODO add your handling code here: • • this.hide();// that means that current frame will hide when i click signUp button • LoginFrame loginObj= new LoginFrame(); • loginObj.show(); //that means, will show signup Frame • }
- 20. Agora vamos desenhar a nossa Home page. • Vai ao source package new, java package, nome “com.home” • No com.home, faz right click, new Jframe form, nome “HomeJFrame” • Coloque imagem no com.image para home page • Tera 2 imagens no pacote de imagens. • Abra o source de code da HomeJFrame e escreva: • O codigo para por imagem na barra de titulo e coloque a imagem na pasta com.home (que pretende por na barra de titulo ) • Coloque o logo na pagina home
- 22. continuação • Faz right click no gender e vai ao properties e coloque no model o seguinte :
- 23. • e depois faz o mesmo com o city
- 24. Set button for ADD, UPDATE, DELETE, CLEAR • Troque a cor do background dos botoes e ficaram assim…
- 25. Config de tabela para mostrar dados que seram inseridos • Arrastar a tabela ao lado do hpme frame • Ajuste a seu criterio • Configure as propriedades basicas da table. Click direito do mouse, tables content, columns, e ver a fig… depois vai a Rows e apague todas as linhas e ficara count 0 …
- 26. Ficara assim….
- 27. Set combobox for reporting, para ficar assim…
- 28. Terminamos a parte de desenho. • Agora vamos comecar a parte de codigo, mas para isso, primeiro precisamos trabalhar com a nossa base de dados. • Base de Dados • Criar databade CRUD_APP • Criar tabelas com suas respectivas colunas • Criar conexao entre o App e a sua Database
- 29. Criar databade CRUD_APP • Para base de dados vamos usar mySQL e sqlyog IDE • Para isso, faça o download do IDE ultima versao e install.. • Abra o sqlyog • E de um click no conectar • Click direito do mouse no root@localhost, create database, “crud_app”