Você está na página 1de 129

Autor: Samuel Santos

Programação Orientada à Objetos

Interfaces e conexão com Bancos de Dados Parte I A interface e o Ambiente Netbeans

de Dados Parte I – A interface e o Ambiente Netbeans Interfaces Gráficas em Java Netbeans

Interfaces Gráficas em Java

Netbeans e Access Projeto Agenda

Descobrindo o Netbeans

e o Ambiente Netbeans Interfaces Gráficas em Java Netbeans e Access – Projeto Agenda Descobrindo o
e o Ambiente Netbeans Interfaces Gráficas em Java Netbeans e Access – Projeto Agenda Descobrindo o

Interfaces Gráficas em Java

Objetivo:

Vamos desenvolver um Aplicativo simples, uma Agenda de Contatos usando JAVA,

em seguida, vamos desenvolver uma interface Gráfica e por Fim um Banco de Dados

Para conectar através de uma classe Conexão com o Aplicativo.

Aprender a usar a IDE Netbeans

Basicamente as principal funções

1
1

Construir conexão com Banco

de Dados Access e conectar a aplicação.

Basicamente as principal funções 1 • Construir conexão com Banco de Dados Access e conectar a

A IDE Netbeans

Tela Principal

arquivos abertos

A IDE Netbeans Tela Principal • arquivos abertos • projetos recentes • saída (“ prompt ”)
A IDE Netbeans Tela Principal • arquivos abertos • projetos recentes • saída (“ prompt ”)

projetos recentes

A IDE Netbeans Tela Principal • arquivos abertos • projetos recentes • saída (“ prompt ”)

saída (“prompt”)

A IDE Netbeans Tela Principal • arquivos abertos • projetos recentes • saída (“ prompt ”)
2
2

A IDE Netbeans

Novo Projeto

A IDE Netbeans Novo Projeto • Arquivo -> Novo Projeto Atalho = ( Ctrl + Shift
A IDE Netbeans Novo Projeto • Arquivo -> Novo Projeto Atalho = ( Ctrl + Shift

Arquivo -> Novo Projeto

Atalho = ( Ctrl + Shift + N )

3
3

A IDE Netbeans

Novo Projeto

Java -> Aplicativo Java ->

Próximo

4
4
1 2 3
1
2
3

A IDE Netbeans

Novo Projeto

1 - Coloque o nome

do projeto;

2 Desmarque os 2 campos marcados;

3 Clique em Finalizar.

5
5
1 2 3
1
2
3

A IDE Netbeans

Visualizando o Projeto

1 clique no + em cada

diretório do projeto;

• 2 – Veja que estão vazios;
• 2 – Veja que estão vazios;
Visualizando o Projeto • 1 – clique no + em cada diretório do projeto; • 2
6
6
Visualizando o Projeto • 1 – clique no + em cada diretório do projeto; • 2
Visualizando o Projeto • 1 – clique no + em cada diretório do projeto; • 2

A IDE Netbeans

Criando um JFrame (Formulário)

Clique com botão

direito sobre o Projeto :

Novo -> Formulário JFrame

Criando um JFrame (Formulário) • Clique com botão direito sobre o Projeto : Novo -> Formulário
7
7
Criando um JFrame (Formulário) • Clique com botão direito sobre o Projeto : Novo -> Formulário

A IDE Netbeans

Criando uma Classe e um Pacote

1 - Nome da Classe:

crie uma nova classe,

coloque o nome da classe.

2 Pacote:

crie um pacote, colocando

um nome no campo pacote.

3 Clique em finalizar !

8
8
1 2 3
1
2
3

A IDE Netbeans

Resultado:

* Temos agora um novo pacote “Gui” e uma nova Classe “Agenda.java”.

9
9
A IDE Netbeans Resultado: * Temos agora um novo pacote “ Gui ” e uma nova

A IDE Netbeans

Aba Projeto

* Na Aba projeto teremos um visualização do Componentes da nossa Interface.

Aba Projeto

10
10

JFrame

Netbeans Aba Projeto * Na Aba projeto teremos um visualização do Componentes da nossa Interface. Aba

A IDE Netbeans

Aba Código Fonte

* Na Aba projeto teremos um visualização do Componentes da nossa Interface.

teremos um visualização do Componentes da nossa Interface. Aba código fonte Código da Interface e comandos

Aba código fonte

visualização do Componentes da nossa Interface. Aba código fonte Código da Interface e comandos de Actions

Código da Interface

e comandos de

Actions eventos

visualização do Componentes da nossa Interface. Aba código fonte Código da Interface e comandos de Actions
11
11

A IDE Netbeans

Conhecendo a Paleta de Componentes Swing

* Na Paleta estão todos os componentes que usaremos na Interface, Labels, TextFilds

JPanel, Buttons e outros .

Selecione :

Aba Projeto para podermos visualizar paleta

na Interface, Labels, TextFilds JPanel, Buttons e outros . Selecione : Aba Projeto para podermos visualizar
na Interface, Labels, TextFilds JPanel, Buttons e outros . Selecione : Aba Projeto para podermos visualizar
12
12
na Interface, Labels, TextFilds JPanel, Buttons e outros . Selecione : Aba Projeto para podermos visualizar

A IDE Netbeans

Menus Swing

* Vamos inserir uma barra de Menu, primeiro componente de nossa aplicação.

Selecione :

Menus Swing

barra de Menu, primeiro componente de nossa aplicação. Selecione : Menus Swing Selecione : 13 [
barra de Menu, primeiro componente de nossa aplicação. Selecione : Menus Swing Selecione : 13 [

Selecione :

13
13

[ + ] para ver componentes

A IDE Netbeans

Menus Swing

* Vamos inserir uma barra de Menu, primeiro componente de nossa aplicação.

Selecione :

Menus Swing

uma barra de Menu, primeiro componente de nossa aplicação. Selecione : Menus Swing 14 Selecione :
uma barra de Menu, primeiro componente de nossa aplicação. Selecione : Menus Swing 14 Selecione :
14
14
uma barra de Menu, primeiro componente de nossa aplicação. Selecione : Menus Swing 14 Selecione :
uma barra de Menu, primeiro componente de nossa aplicação. Selecione : Menus Swing 14 Selecione :

Selecione :

[ file] Barra de menu

A IDE Netbeans

Menus Swing

* Arraste e solte dentro do Jframe

15
15
Essa é a forma de inserir componentes Escolha o componente arraste até o local e
Essa é a forma de inserir componentes
Escolha o componente arraste até o local e solte.

A IDE Netbeans

Editando a Barra de Menu

* Formas para editar a barra de Menu:

1
1
16
16

Clique com o Botão direito sobre o campo File e em

Seguida Editar Texto

2 3
2
3

A IDE Netbeans

Editando a Barra de Menu

* Visualizando a Guia Inspetor:

Editando a Barra de Menu * Visualizando a Guia Inspetor : 17 Será importante renomear todas
Editando a Barra de Menu * Visualizando a Guia Inspetor : 17 Será importante renomear todas
17
17

Será importante renomear todas as variáveis dos componentes em nosso projeto!

A IDE Netbeans

Editando a Barra de Menu

* Visualizando a Guia Inspetor:

Editando a Barra de Menu * Visualizando a Guia Inspetor : jMenuBar = Barra de menus
Editando a Barra de Menu * Visualizando a Guia Inspetor : jMenuBar = Barra de menus
Editando a Barra de Menu * Visualizando a Guia Inspetor : jMenuBar = Barra de menus

jMenuBar = Barra de menus

jMenu1 = Agenda jMenu2 = Edit

18
18

Ela tratará os componentes com sendo variáveis, a opção alterar nome das variáveis .

A IDE Netbeans

Editando a Barra de Menu

* Alterando o nome das Variáveis:

Editando a Barra de Menu * Alterando o nome das Variáveis: Clique com o botão direito

Clique com o botão direito sobre a barra de menus e em seguida selecione

Alterar o nome da variável .

19
19
e em seguida selecione Alterar o nome da variável . 19 Renomeie para menuPrincipal e observe
e em seguida selecione Alterar o nome da variável . 19 Renomeie para menuPrincipal e observe

Renomeie para menuPrincipal e observe novamente a Guia INSPETOR.

A IDE Netbeans

Editando a Barra de Menu

* Visualizando a Guia Inspetor:

Depois
Depois
Antes
Antes
20
20

Ela tratará os componentes com sendo variáveis, a opção alterar nome das variáveis .

A IDE Netbeans

Editando a Barra de Menu

* Outra forma de altera nome da variável diretamente pela guia Inspetor.

Antes
Antes
nome da variável diretamente pela guia Inspetor. Antes Depois 21 Selecionar Componente, apertar F2 remonear e
Depois
Depois
21
21

Selecionar Componente, apertar F2 remonear e apertar Enter.

A IDE Netbeans

Editando a Barra de Menu

Faça o mesmo com o segundo item de Menu

1
1
22
22

Clique com o Botão direito sobre o campo File e em

Seguida Editar Texto

2
2
3
3

A IDE Netbeans

Editando a Barra de Menu

Faça o mesmo com o segundo item de Menu

1
1
23
23

Clique com o Botão direito sobre o campo File e em

Seguida Editar Texto

2
2
3
3

A IDE Netbeans

Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

Todos os Componentes de Nossa Aplicação devem Ficar dentro de um Painel.

s u s a r o J P a n e l . Todos os Componentes
24
24
s u s a r o J P a n e l . Todos os Componentes

A IDE Netbeans

Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

Clique, Segure e Arraste para Dentro do Jframe e depois solte.

v a m o s u s a r o J P a n e l
v a m o s u s a r o J P a n e l
25
25

A IDE Netbeans

Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

A IDE Netbeans Contêineres Swing Contêineres Swing, vamos usar o JPanel. 26 Redimensione e ajuste ao
26
26

Redimensione e ajuste ao centro

A IDE Netbeans

Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

Netbeans Contêineres Swing Contêineres Swing, vamos usar o JPanel. 27 Clique com o Botão direito e
Netbeans Contêineres Swing Contêineres Swing, vamos usar o JPanel. 27 Clique com o Botão direito e
27
27

Clique com o Botão direito e vá em Propriedades

A IDE Netbeans

A IDE Netbeans Contêineres Swing Contêineres Swing, vamos usar o JPanel. Clique com o Botão direito

Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

Clique com o Botão direito e vá em Propriedades

Vamos colocar uma borda de título.

Swing, vamos usar o JPanel. Clique com o Botão direito e vá em Propriedades Vamos colocar
28
28

A IDE Netbeans

Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

Selecione Border e clique no botão com [

29
29

]

A IDE Netbeans Contêineres Swing Contêineres Swing, vamos usar o JPanel. Selecione Border e clique no

A IDE Netbeans

Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

Selecione Borda de Título

30
30
A IDE Netbeans Contêineres Swing Contêineres Swing, vamos usar o JPanel. Selecione Borda de Título 30

A IDE Netbeans

Contêineres Swing

Configurando o JPanel (propriedades).

Vá em Título e Coloque um Título :

Agenda de contatos e Clique em OK.

31
31
Configurando o JPanel (propriedades). Vá em Título e Coloque um Tít ulo : Agenda de contatos

A IDE Netbeans

Contêineres Swing

Renomeie o Componente JPanel1 para painelPrincipal
Renomeie o Componente JPanel1 para painelPrincipal

Configurando o JPanel

Pronto, temos o painel:

Agenda de Contatos

Renomeie o Componente JPanel1 para painelPrincipal Configurando o JPanel Pronto, temos o painel: Agenda de Contatos
32
32

A IDE Netbeans

Contêineres Swing

ATENCÃO: Todos os componentes que usaremos daqui em diante ficarão dentro desse Painel.
ATENCÃO: Todos os componentes que usaremos
daqui em diante ficarão dentro desse Painel.

Configurando o JPanel

Pronto, temos o painel:

Agenda de Contatos

daqui em diante ficarão dentro desse Painel. Configurando o JPanel Pronto, temos o painel: Agenda de
33
33

A IDE Netbeans

Controles Swing

A IDE Netbeans Controles Swing Componentes principais de nosso aplicativo, Labels, TextFields e outros. 34

Componentes principais de nosso aplicativo, Labels, TextFields e outros.

34
34

A IDE Netbeans

Controles Swing

A IDE Netbeans Controles Swing Componentes principais de nosso aplicativo, Labels, TextFilds e outros. 35

Componentes principais de nosso aplicativo, Labels, TextFilds e outros.

35
35

A IDE Netbeans

Controles Swing : Rótulo

A IDE Netbeans Controles Swing : Rótulo Os Rótulos servem para identificar os campos em nossa

Os Rótulos servem para identificar os campos em nossa interface.

36
36

A IDE Netbeans

Controles Swing : Rótulo

Os Rótulos servem para identificar os campos em nossa interface.

servem para identificar os campos em nossa interface. Altere o texto para Nome Altere a variável
servem para identificar os campos em nossa interface. Altere o texto para Nome Altere a variável
servem para identificar os campos em nossa interface. Altere o texto para Nome Altere a variável

Altere o texto para Nome

Altere a variável para lb_nome

37
37

A IDE Netbeans

Controles Swing : Rótulo

Os Rótulos servem para identificar os campos em nossa interface.

servem para identificar os campos em nossa interface. 38 Altere o texto para Nome Altere a
servem para identificar os campos em nossa interface. 38 Altere o texto para Nome Altere a
38
38

Altere o texto para Nome

Altere a variável para lb_nome

A IDE Netbeans

Controles Swing : Campo de Texto

Os campos de Textos são a entrada e a saída de dados .

39
39
A IDE Netbeans Controles Swing : Campo de Texto Os campos de Textos são a entrada

A IDE Netbeans

Controles Swing : Campo de Texto

A IDE Netbeans Controles Swing : Campo de Texto Os campos de Textos são a entrada

Os campos de Textos são a entrada e a saída de dados .

Os campos de Textos são a entrada e a saída de dados . Altere o texto:

Altere o texto: Apague o jTextField1

Altere a variável para tf_nome

40
40

A IDE Netbeans

Controles Swing : Campo de Texto

A IDE Netbeans Controles Swing : Campo de Texto Os campos de Textos são a entrada

Os campos de Textos são a entrada e a saída de dados .

Os campos de Textos são a entrada e a saída de dados . Altere o texto:

Altere o texto: Apague o jTextField1

Altere a variável para tf_nome

41
41

A IDE Netbeans

Controles Swing : Completando a Interface

A IDE Netbeans Controles Swing : Completando a Interface Vamos criar os seguintes campos na nossa

Vamos criar os seguintes campos na nossa interface:

a Interface Vamos criar os seguintes campos na nossa interface: 42 Veja o Inspetor para renomear
42
42

Veja o Inspetor para renomear os Componentes!

A IDE Netbeans

Visualizando o aplicativo

Vamos dar uma olhada na interface sem compilar o código ou executar o aplicativo.

43
43
Netbeans Visualizando o aplicativo Vamos dar uma olhada na interface sem compilar o código ou executar

A IDE Netbeans

Visualizando o aplicativo

Temos um GUI, que ainda temos ajustar dois detalhes importantes !

44
44
GUI, que ainda temos ajustar dois detalhes importantes ! 44 Título da barra de título e

Título da barra de título

e redimensionamento.:

Vamos impedir que essa

Janela seja redimensionada Pelo usuário e tenha um título

Chamado agenda de contatos!

A IDE Netbeans

Visualizando o aplicativo e configurando

A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 45

Ache Título em

Propriedades

Selecione JFrame

A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 45
A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 45
45
45

A IDE Netbeans

Visualizando o aplicativo e configurando

A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 46

Ache Título em

Propriedades

Selecione JFrame

A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 46
A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 46
A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 46
A IDE Netbeans Visualizando o aplicativo e configurando Ache Título em Propriedades Selecione JFrame 46
46
46

A IDE Netbeans

Visualizando o aplicativo

Veja a barra de título

A IDE Netbeans Visualizando o aplicativo Veja a barra de título 47 Pronto temos um título!
47
47

Pronto temos um título!

A IDE Netbeans

Visualizando o aplicativo e configurando

A IDE Netbeans Visualizando o aplicativo e configurando Ache resizable em Propriedades e desmarque Selecione JFrame

Ache resizable em

Propriedades

e desmarque

A IDE Netbeans Visualizando o aplicativo e configurando Ache resizable em Propriedades e desmarque Selecione JFrame

Selecione JFrame

A IDE Netbeans Visualizando o aplicativo e configurando Ache resizable em Propriedades e desmarque Selecione JFrame
A IDE Netbeans Visualizando o aplicativo e configurando Ache resizable em Propriedades e desmarque Selecione JFrame
48
48

A IDE Netbeans

Visualizando o aplicativo

Veja a barra de título e desativada a opção de redimensionamento da janela

49
49
A IDE Netbeans Visualizando o aplicativo Veja a barra de título e desativada a opção de

Autor: Samuel Santos

Programação Orientada à Objetos

Interfaces e conexão com Bancos de Dados Parte II O Access e o Banco de Dados

Bancos de Dados Parte II – O Access e o Banco de Dados Banco de Dados

Banco de Dados em Access

Netbeans e Access Projeto Agenda

Criando um Banco de dados para a Aplicação

de Dados Banco de Dados em Access Netbeans e Access – Projeto Agenda Criando um Banco
de Dados Banco de Dados em Access Netbeans e Access – Projeto Agenda Criando um Banco

Access Banco de Dados

Criando um Banco de Dados

50
50
Access Banco de Dados Criando um Banco de Dados 50

Access Banco de Dados

Criando um Banco de Dados

Access Banco de Dados Criando um Banco de Dados * Salve o Banco de dados dentro
Access Banco de Dados Criando um Banco de Dados * Salve o Banco de dados dentro

* Salve o Banco de dados dentro da pasta do projeto

Em NetbeansProjects -> AgendaContatos, crie um

Diretório chamado BandodeDados e salve dentro no

Formato 2002-2003 com o nome Agenda.

51
51

Access Banco de Dados

Criando uma tabela no banco de dados

Access Banco de Dados Criando uma tabela no banco de dados * Clique em Modo de

* Clique em Modo de Exibição para Criarmos e editarmos os Campos da Tabela.

salve como contatos e clique em OK.

52
52

Access Banco de Dados

Criando uma tabela no banco de dados

Access Banco de Dados Criando uma tabela no banco de dados * Edite os seguintes campos

* Edite os seguintes campos inclusive o campo código, retirando o acentos e o C

maiúsculo. E seguida salve e um clique duplo ao lado em contatos: Tabela para

podermos inserir um registro

53
53

Access Banco de Dados

Inserindo um registro no Banco de dados

Access Banco de Dados Inserindo um registro no Banco de dados * Pronto, temos um banco

* Pronto, temos um banco de dados, uma tabela com campos agora só falta criarmos

uma fonte de dados de usuários no sistema para que o aplicativo possa encontrar e ter acesso ao banco de dados.

Salve e Feche o Access.

54
54

Autor: Samuel Santos

Programação Orientada à Objetos

Interfaces e conexão com Bancos de Dados Parte III Criando uma fonte de dados

Bancos de Dados Parte III – Criando uma fonte de dados Criando uma fonte de dados

Criando uma fonte de dados

Netbeans e Access Projeto Agenda

Criando um Banco de dados para a Aplicação

de dados Criando uma fonte de dados Netbeans e Access – Projeto Agenda Criando um Banco
de dados Criando uma fonte de dados Netbeans e Access – Projeto Agenda Criando um Banco

Fonte de Dados

Abra o Painel de Controle / Sistema e Segurança

Fonte de Dados Abra o Painel de Controle / Sistema e Segurança 55 * Abra Sistema
55
55

* Abra Sistema e Segurança

Fonte de Dados

Abra Ferramentas Administrativas

Fonte de Dados Abra Ferramentas Administrativas 56 AVISO: Certifique – se que o Access foi fechado
56
56

AVISO:

Certifique se que o Access foi fechado e que O banco de dados foi realmente salvo na pasta

NetBeansProjects

Dentro da pasta BancodeDados

----------------------------------

Caso contrario volte e corrija

Pois o Netbeans não achará

Seu arquivo caso esteja em Outro local.

Fonte de Dados

Abra Fonte de Dados (ODBC)

Fonte de Dados Abra Fonte de Dados (ODBC) 57
57
57

Fonte de Dados

Fonte de Dados de usuário

Fonte de Dados Fonte de Dados de usuário 58 * Clique em Adicionar
58
58

* Clique em Adicionar

Fonte de Dados

Fonte de Dados de usuário

Fonte de Dados Fonte de Dados de usuário * Selecione Microsoft Access Driver (*.mdb) 59 e

* Selecione Microsoft Access Driver (*.mdb)

59
59

e clique em concluir

Fonte de Dados

Fonte de Dados de usuário

Fonte de Dados Fonte de Dados de usuário 60 * Nome da fonte: Agenda * forneça
60
60

* Nome da fonte: Agenda

* forneça um descrição qualquer

E clique em selecionar !

Fonte de Dados

Fonte de Dados de usuário

Fonte de Dados Fonte de Dados de usuário * Encontre o Banco de Dados que criamos!

* Encontre o Banco de Dados que criamos!

> Clique em C:\ procure NetBeansProject

> Depois AgendaContatos

> Depois BancodeDados

ache o arquivo Agenda.mdb

61
61

* Selecione o arquivo e clique

Em OK.

Fonte de Dados

Fonte de Dados de usuário

Fonte de Dados Fonte de Dados de usuário 62 * Agora o sistema sabe Informar ao
62
62

* Agora o sistema sabe

Informar ao nosso aplicativo

Onde está o banco de dados

Fonte de Dados

Fonte de Dados de usuário

63
63
Fonte de Dados Fonte de Dados de usuário 63 * Pronto finalmente está ai nossa fonte

* Pronto finalmente está ai

nossa fonte de dados.

Clique e OK e finalizamos!

Autor: Samuel Santos

Programação Orientada à Objetos

Interfaces e conexão com Bancos de Dados Parte IV Criando uma conexão

com Bancos de Dados Parte IV – Criando uma conexão Conexão com o Banco de Dados
com Bancos de Dados Parte IV – Criando uma conexão Conexão com o Banco de Dados

Conexão com o Banco de Dados

Netbeans e Access Projeto Agenda

Criando um Banco de dados para a Aplicação

Conexão com o Banco de Dados Netbeans e Access – Projeto Agenda Criando um Banco de
Conexão com o Banco de Dados Netbeans e Access – Projeto Agenda Criando um Banco de

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Retornando ao Netbeans, vamos para a parte mais árdua, trabalhosa e importante da

nossa aplicação a Classe de conexão com o banco de dados.

trabalhosa e importante da nossa aplicação a Classe de conexão com o banco de dados. *

* Clique em Novo Arquivo

44
44

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Selecione Java -> Arquivo Java Vazio (Empyt File caso esteja em Inglês o IDE)

64
64
Criando uma Classe Conexão * Selecione Java -> Arquivo Java Vazio (Empyt File caso esteja em

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Crie um nova Classe conexao e em seguida um novo pacote conect.

65
65
com o Banco de Dados Criando uma Classe Conexão * Crie um nova Classe conexao e

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Vamos aos códigos para Conexão:

66
66
Conexão com o Banco de Dados Criando uma Classe Conexão * Vamos aos códigos para Conexão:

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Copie os códigos linha por linha da mesma forma com está aqui:

com o Banco de Dados Criando uma Classe Conexão * Copie os códigos linha por linha
67
67

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Copie os códigos linha por linha da mesma forma com está aqui:

com o Banco de Dados Criando uma Classe Conexão * Copie os códigos linha por linha
68
68

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Copie os códigos linha por linha da mesma forma com está aqui:

com o Banco de Dados Criando uma Classe Conexão * Copie os códigos linha por linha
69
69

Conexão com o Banco de Dados

Criando uma Classe Conexão

* Copie os códigos linha por linha da mesma forma com está aqui:

com o Banco de Dados Criando uma Classe Conexão * Copie os códigos linha por linha
70
70

Conexão com o Banco de Dados

Conectando nossa Agenda com o Bando de Dados

* Vamos agora muda da Aba projeto para aba Código e instanciar uma conexão .

nossa Agenda com o Bando de Dados * Vamos agora muda da Aba projeto para aba
71
71
nossa Agenda com o Bando de Dados * Vamos agora muda da Aba projeto para aba

Conexão com o Banco de Dados

Conectando nossa Agenda com o Bando de Dados

* Aqui vamos Trabalhar para fazer uso da conexão e do banco de dados e os testes .

nossa Agenda com o Bando de Dados * Aqui vamos Trabalhar para fazer uso da conexão
72
72
nossa Agenda com o Bando de Dados * Aqui vamos Trabalhar para fazer uso da conexão

Conexão com o Banco de Dados

Conectando nossa Agenda com o Bando de Dados

* Importando o que vamos precisar

Conexão com o Banco de Dados Conectando nossa Agenda com o Bando de Dados * Importando
73
73

Conexão com o Banco de Dados

Conectando nossa Agenda com o Bando de Dados

* Importando o que vamos precisar

Conexão com o Banco de Dados Conectando nossa Agenda com o Bando de Dados * Importando
74
74

Conexão com o Banco de Dados

Conectando nossa Agenda com o Bando de Dados

* Instanciando uma conexão, lendo o banco de dados e exibindo na GUI os dados

75
75
nossa Agenda com o Bando de Dados * Instanciando uma conexão, lendo o banco de dados

Conexão com o Banco de Dados

Testando nosso Código SHIFT + F6

* Não precisamos compilar todo o código vamos apenas testar esse trecho

Clique com o Botão direito e Executar Arquivo.

Não precisamos compilar todo o código vamos apenas testar esse trecho Clique com o Botão direito
76
76

Conexão com o Banco de Dados

Testando nosso Código SHIFT + F6

* Sucesso : Leu o Banco de dados e Mostrou o registro Salvo!

* Sucesso : Leu o Banco de dados e Mostrou o registro Salvo! Vamos acrescentar botões
* Sucesso : Leu o Banco de dados e Mostrou o registro Salvo! Vamos acrescentar botões

Vamos acrescentar botões de navegação e Eventos para salvar e

77
77

Deletar arquivos

Conexão com o Banco de Dados

Botão Salvar

*

Conexão com o Banco de Dados Botão Salvar * 78 Clique com o Botão direito em
78
78

Clique com o Botão direito em cima de salvar, em seguida:

Eventos -> Action -> ActionPerformed

Conexão com o Banco de Dados

Botão Salvar

*

Conexão com o Banco de Dados Botão Salvar * 79 Veja que há uma sinal de
79
79

Veja que há uma sinal de Erro não encontrou a função mostrar_Dados();

Conexão com o Banco de Dados

Criando um Método para mostrar Dados

* Vá no final do código antes da chave de fechamento e crie o seguinte método :

80
80
um Método para mostrar Dados * Vá no final do código antes da chave de fechamento

Conexão com o Banco de Dados

Botões de Navegação

* Nossa aplicação já é capaz de adicionar um cadastro vamos agora Botões para navegar

pelos cadastros.

81
81
* Nossa aplicação já é capaz de adicionar um cadastro vamos agora Botões para navegar pelos

Conexão com o Banco de Dados

Botões de Navegação

* Insira 4 botões, altere o nome da variáveis e texto dos botões:

com o Banco de Dados Botões de Navegação * Insira 4 botões, altere o nome da
82
82
com o Banco de Dados Botões de Navegação * Insira 4 botões, altere o nome da

Conexão com o Banco de Dados

Colocando figuras nos botões

* Selecione o primeiro botão, vá em propriedade e ache icon :

o primeiro botão, vá em propriedade e ache icon : 83 Crie dentro da pasta do
o primeiro botão, vá em propriedade e ache icon : 83 Crie dentro da pasta do
83
83

Crie dentro da pasta do projeto uma pasta chamada imagens, e

Coloque apenas imagens PNG ou GIF para os ícon.

Conexão com o Banco de Dados

Colocando figuras nos botões

* Clique agora em Importar para ter as imagens adicionas da pasta principal do projeto :

84
84
Colocando figuras nos botões * Clique agora em Importar para ter as imagens adicionas da pasta

Conexão com o Banco de Dados

Colocando figuras nos botões

* Na pasta do projeto AgendaContatos deve ser criada a pasta contendo as imagens :

85
85
Colocando figuras nos botões * Na pasta do projeto AgendaContatos deve ser criada a pasta contendo

Conexão com o Banco de Dados

Colocando figuras nos botões

* Na pasta do projeto AgendaContatos deve ser criada a pasta contendo as imagens :

botões * Na pasta do projeto AgendaContatos deve ser criada a pasta contendo as imagens :
86
86

* Clique em finalizar

Conexão com o Banco de Dados

Colocando figuras nos botões

* Será exibida a imagem que você selecionou:

* Aviso:

Use imagens

Pequenas pois

Não poderá redimensioná-las

No Netbeans.

Sugiro:

32x32

24x24

16x16

redimensioná-las No Netbeans . Sugiro: 32x32 24x24 16x16 87 * Clique em OK, e faça isso
87
87

* Clique em OK, e faça isso com todo os botões.

Conexão com o Banco de Dados

Colocando figuras nos botões

* Faça com todos os botões, e veja o resultado:

nos botões * Faça com todos os botões, e veja o resultado: 88 Vamos agora adicionar
88
88

Vamos agora adicionar métodos para que funcionem.

Conexão com o Banco de Dados

Botão Primeiro registro

* Botão que mostra o primeiro registro no banco de dados da nossa agenda:

89
89
Clique com o Botão direito em cima de Primeiro, em seguida:
Clique com o Botão direito em cima de Primeiro, em seguida:

Eventos -> Action -> ActionPerformed

Conexão com o Banco de Dados

Botão Primeiro registro

* Insira o seguinte métodos:

Conexão com o Banco de Dados Botão Primeiro registro * Insira o seguinte métodos: 90
90
90

Conexão com o Banco de Dados

Botão Anterior

* Botão anterior mostra o registro anterior !

Anterior * Botão anterior mostra o registro anterior ! 91 Clique com o Botão direito em
91
91

Clique com o Botão direito em cima de Anterior, em seguida:

Eventos -> Action -> ActionPerformed

Conexão com o Banco de Dados

Botão Anterior

* Insira o seguinte métodos:

Conexão com o Banco de Dados Botão Anterior * Insira o seguinte métodos: 91
91
91

Conexão com o Banco de Dados

Botão Ultimo registro

* Botão ultimo mostra o ultimo registro da agenda!

* Botão ultimo mostra o ultimo registro da agenda! 93 Clique com o Botão direito em
93
93

Clique com o Botão direito em cima de Próximo, em seguida:

Eventos -> Action -> ActionPerformed

Conexão com o Banco de Dados

Botão Próximo

* Insira o seguinte métodos:

Conexão com o Banco de Dados Botão Próximo * Insira o seguinte métodos: 94
94
94

Conexão com o Banco de Dados

Botão Ultimo registro

* Botão próximo mostra o registro seguinte !

registro * Botão próximo mostra o registro seguinte ! 95 Clique com o Botão direito em
95
95

Clique com o Botão direito em cima de Ultimo, em seguida:

Eventos -> Action -> ActionPerformed

Conexão com o Banco de Dados

Botão Ultimo

* Insira o seguinte métodos:

Conexão com o Banco de Dados Botão Ultimo * Insira o seguinte métodos: 96
96
96

Conexão com o Banco de Dados

Testando Novamente !

* Clique sob o código com o botão direito, escolha Executar Arquivo.

97
97
com o Banco de Dados Testando Novamente ! * Clique sob o código com o botão

Conexão com o Banco de Dados

Testando Novamente !

* Clique sob o código com o botão direito, escolha Executar Arquivo.

com o Banco de Dados Testando Novamente ! * Clique sob o código com o botão
98
98
com o Banco de Dados Testando Novamente ! * Clique sob o código com o botão

Conexão com o Banco de Dados

Testando Novamente !

* Veja as mensagens de Erro clicando em Anterior e Próximo.

99
99

Conexão com o Banco de Dados

Ah, vamos agora inserir !

* Apague os campo e digite os novos dados, depois clique em Salvar.

100
100
com o Banco de Dados Ah, vamos agora inserir ! * Apague os campo e digite

Conexão com o Banco de Dados

Continue testando !

* Clique nos botões para verificar que estão funcionando e insira novos registros .

verificar que estão funcionando e insira novos registros . 101 * Bom, agora vamos fazer aparecer
101
101

* Bom, agora vamos fazer aparecer a foto do nosso contato.

Conexão com o Banco de Dados

Inserindo a foto do nosso contato

* Vamos adicionar um método para colocar a foto na Label foto, pois já estamos guardado

o nome do arquivo “foto” no banco de dados:

guardado o nome do arquivo “foto” no banco de dados: 102 * Vamos adicionar um função
102
102

* Vamos adicionar um função para abrir o arquivo com a foto.

Conexão com o Banco de Dados

Inserindo a foto do nosso contato

* Clique com o Botão direito em cima do botão [ Eventos -> Action -> ActionPerformed

* Clique com o Botão direito em cima do botão [ Eventos -> Action -> ActionPerformed
* Clique com o Botão direito em cima do botão [ Eventos -> Action -> ActionPerformed

],

em seguida:

103
103

Conexão com o Banco de Dados

Inserindo a foto do nosso contato

Insira o seguinte código, ajuste os endereços para o local no seu computador:

ajuste os endereços para o local no seu computador: Para corrigir os erros sinalizados, temos que

Para corrigir os erros sinalizados, temos que importar bibliotecas:

104
104

Conexão com o Banco de Dados

Inserindo a foto do nosso contato

Insira no inicio do código as bibliotecas:

do nosso contato Insira no inicio do código as bibliotecas: 105 Para corrigir os erros sinalizados,
105
105

Para corrigir os erros sinalizados, temos que importar bibliotecas:

Conexão com o Banco de Dados

Testando a Agenda

Eu criei uma nova pasta chamada Contatos e dentro da pasta imagens :

criei uma nova pasta chamada Contatos e dentro da pasta imagens : 106 Ao selecionar temos
106
106

Ao selecionar temos o foto na nossa Aplicação

Conexão com o Banco de Dados

Testando a Agenda

Eu criei uma nova pasta chamada Contatos e dentro da pasta imagens :

criei uma nova pasta chamada Contatos e dentro da pasta imagens : 107 Ao selecionar temos
107
107

Ao selecionar temos o foto na nossa Aplicação

Conexão com o Banco de Dados

Ajustando nossa nova função

Precisamos que ao passar os registros , seja mostrada o nova imagem do registro.

os registros , seja mostrada o nova imagem do registro. 108 Sabemos que mostrar_Dados é responsável
108
108

Sabemos que mostrar_Dados é responsável por exibir, então vamos alterar ela.

Conexão com o Banco de Dados

Ajustando nossa nova função

Volte para o código encontre o método mostra_Dados() e acrescente:

109
109
o Banco de Dados Ajustando nossa nova função Volte para o código encontre o método mostra_Dados()

Conexão com o Banco de Dados

Testando a aplicação

Agora ao usar os botões de navegação as fotos dos contatos são mostradas:

110
110
o Banco de Dados Testando a aplicação Agora ao usar os botões de navegação as fotos

Conexão com o Banco de Dados

Botão deletar

Vamos adicionar agora um código para excluir um cadastro.

Vamos adicionar agora um código para excluir um cadastro. 111 Vamos adicionar um código para controlar
111
111

Vamos adicionar um código para controlar os registro deletados e atualizar o BD.

Conexão com o Banco de Dados

Colocando a posição do contatos na aplicação

Vamos adicionar agora um código para excluir um cadastro.

Vamos adicionar agora um código para excluir um cadastro. 112 Vamos adicionar um código para controlar
112
112

Vamos adicionar um código para controlar os registro deletados e atualizar o BD.

Conexão com o Banco de Dados

Alterações no código

Acrescente no código os trechos destacados:

1 113
1
113

Conexão com o Banco de Dados

Alterações no código

Acrescente no código os trechos destacados:

2
2
114
114

Conexão com o Banco de Dados

Testando a aplicação

Veja que agora temos as posição dos contatos em nosso banco de dados

com o Banco de Dados Testando a aplicação Veja que agora temos as posição dos contatos
115
115

Conexão com o Banco de Dados

Evento Deletar

Acrescente no código os trechos destacados:

116
116

Conexão com o Banco de Dados

Método Deletar

117
117
Conexão com o Banco de Dados Método Deletar 117

Conexão com o Banco de Dados

Método Deletar

Conexão com o Banco de Dados Método Deletar Agora podemos deletar registro em nossa agenda! 118

Agora podemos deletar registro em nossa agenda!

118
118

Conexão com o Banco de Dados

Testando o Botão deletar

Ao clicarmos no botão deletar é exibida um mensagem de confirmação:

119
119
Ao clicarmos no botão deletar é exibida um mensagem de confirmação: 119 Clicando em YES, teremos

Clicando em YES, teremos a confirmação.

Conexão com o Banco de Dados

Compilando e Criando um Executável

No menu executar, clique na opção Construir Projeto (AgendaContatos) F11

Compilando e Criando um Executável No menu executar, clique na opção Construir Projeto (AgendaContatos) F11 120
120
120

Conexão com o Banco de Dados

Compilando e Criando um Executável

Clique na opção Limpar e Construir !

Conexão com o Banco de Dados Compilando e Criando um Executável Clique na opção Limpar e
121
121

Conexão com o Banco de Dados

Compilando e Criando um Executável

Veja em que locar foi construído o seu arquivo executável AgendaContatos.jar

Aqui 122
Aqui
122

Conexão com o Banco de Dados

Compilando e Criando um Executável

Pronto finalmente temos nosso programinha Compilado, é só usar !

finalmente temos nosso programinha Compilado, é só usar ! Obrigado a todos e quaisquer dúvida podem

Obrigado a todos e quaisquer dúvida podem entrar em contato.

Email: samuel.santos.2009@hotmail.com

123
123

Programando em Java

Programando em Java Final da Aplicação Em breve nosso aplicativo Estoque . 124

Final da Aplicação

Em breve nosso aplicativo Estoque.

Programando em Java Final da Aplicação Em breve nosso aplicativo Estoque . 124
124
124
Programando em Java Final da Aplicação Em breve nosso aplicativo Estoque . 124