OBJETIVO: Este projeto possibilitará fazer a manutenção dos dados da tabela de Produtos. Didaticamente, ele permite ao programador iniciante ter os primeiros contatos com os objetos de visualização individual dos registros em um banco de dados. PRIMEIRAS PROVIDÊNCIAS: 1) Altere as seguintes propriedades do Form1: a. Caption: Sistema Supermercado Produtos b. Position: escolha a opção poscreencenter para que o formulário sempre seja colocado no meio exato da tela. c. BorderIcons: coloque a opção false em Maximize, pois, queremos impedir que o usuário maximize o formulário. d. BorderStyle: altere para bssingle, para que o usuário não consiga mais alterar o tamanho do formulário movendo as bordas do mesmo. 2) Para gravar o projeto. Faça o seguinte: a. Vá até à pasta chamada SUPERMERCADO b. Dentro desta pasta, crie a pasta PRODUTOS c. Clique no ícone correspondente a Save All e grave a Unit1.pas na pasta PRODUTOS. d. Em seguida, ao mostrar a tela que pretende gravar o project1.dproj renomeie o mesmo para produtos e grave também na pasta PRODUTOS. Este arquivo dará origem ao arquivo do executável que terá o nome produtos.exe. e. Por falar em executável, vamos orientar o Delphi 2007 (D2007) a gravá-lo na pasta SUPERMERCADO e não na pasta PRODUTOS. Durante todo o projeto iremos utilizar deste expediente: os arquivos-fonte ficarão em uma pasta e o arquivo executável ficará na pasta SUPERMERCADO. f. Para orientar o D2007 a gravar o executável na pasta SUPERMERCADO faça o seguinte: (i) clique no menu Project e em seguida em Options... (ii) na janela que surge clique na opção Directories/Conditionals (iii) depois, clique no botão reticências que está na opção Output directory situada à direita da janela. (iv) na nova janela que surge informe onde se encontra a pasta SUPERMERCADO no seu computador. (v) clique OK nas duas janelas. 3) Pronto!!! Gravamos os arquivos-fonte na pasta PRODUTOS e informamos ao D2007 que o executável deverá ser gravado na pasta SUPERMERCADO. Prof. Alberto C. Carvalho - IFJF Página 1
CONEXÃO DO BANCO DE DADOS (FÍSICO) COM O PROGRAMA: Para tal, utilizaremos o objeto ZConnection1, obtido pelo instanciamento da classe TZConnection que está na aba Zeos. Agora altere as seguintes propriedades do objeto ZConnection1, diretamente no Object Inspector: Database: coloque aqui o nome do banco de dados (nome da pasta onde se encontram as tabelas) HostName: nome do servidor de banco de dados. No nosso caso é localhost. Protocol: nome do tipo de banco de dados que estamos utilizando. No nosso caso será mysql-5. User: nome do login do usuário do banco de dados. No nosso caso utilizaremos o login default que é root. Connected: altere para True. Se você conseguiu alterar o valor da propriedade Connected para true é sinal de que tudo está correto até o momento. ENVIANDO COMANDOS SQL AO SERVIDOR: Para que possamos enviar comandos SQL ao servidor de banco de dados iremos utilizar o objeto da classe TZQuery. Insira no formulário o objeto ZQuery1. Altere as seguintes propriedades de ZQuery1: a. connection: ZConnection1. b. SQL: clique no botão com as reticências e na janela que surge digite select * from produtos e clique em OK. c. Active: altere o valor para true. Se conseguir, é porque fez tudo certo até aqui. VISUALIZANDO OS DADOS DA TABELA PRODUTOS: Para que possamos visualizar o conteúdo da tabela, precisamos inserir no nosso projeto um objeto da classe TDataSource (aba Data Access), que é utilizado para fazer a ligação entre o ZQuery1 e qualquer objeto de visualização de dados. Altere a sua propriedade DataSet informando o nome do objeto ZQuery1. Desta vez, utilizaremos objetos para visualização individual de cada registro da tabela (classe TDBEdit), que permite a visualização/edição do dado contido no mesmo. Como este objeto é individual, além da propriedade DataSource do mesmo, precisamos informar também o nome do campo ao qual se refere, através de sua propriedade DataField. Portanto, para cada um dos campos da tabela Produtos, teremos que inserir um objeto DBEdit, alterando os propriedades DataSource e DataField de cada um. Mas, o D2007 permite uma redução de trabalho, característica desta linguagem para ser de alta produtividade, realizando as seguintes operações: Prof. Alberto C. Carvalho - IFJF Página 2
INSERINDO OBJETOS DE VISUALIZAÇÃO DO BD NO FORMULÁRIO: Para inserirmos todos/alguns objetos automaticamente no formulário, proceda da seguinte forma: a. Dê um duplo clique no objeto ZQuery1. b. Na janela que surge, em sua parte branca, clique com o botão direito do mouse e escolha a opção Add All Fields. c. Selecione os campos que deseja transferir para o formulário e arraste-os até o mesmo. d. Pronto. Surgirão todos os DBEdit correspondentes a cada campo arrastado, bem como um objeto DBMemo (campo descrição) já com as propriedades DataSource e DataField alteradas de acordo com o campo que cada um pertence. E para completar, aparece um objeto Label para cada um, contendo o nome do campo arrastado. e. Agora, é só ajeitarmos o lay-out, posicionando os objetos e alterando o tamanho de cada um deles. Prof. Alberto C. Carvalho - IFJF Página 3
INSERINDO BOTÕES DE NAVEGAÇÃO, INSERÇÃO, APAGAMENTO E GRAVAÇÃO: Para que possamos navegar de um registro para outro da tabela, e realizar algumas operações básicas, insira 7 objetos da classe TSpeedButton alterando suas propriedades conforme a tabela abaixo: Objeto Glyph ShowHint Hint SpeedButton1 ARROW1UL.BMP True Primeiro registro SpeedButton2 ARROW1L.BMP True Registro anterior SpeedButton3 ARROW1R.BMP True Próximo registro SpeedButton4 ARROW1DR.BMP True Último registro SpeedButton5 TRASH.BMP True Apaga registro SpeedButton6 INSERT.BMP True Novo registro SpeedButton7 FLOPPY.BMP True Grava registro Obs.: Todas estas imagens se encontram na pasta c:\arquivos de Programas\Arquivos Comuns\CodeGear Shared\Images\Buttons Cada um dos botões deverá ter o método correspondente ao evento OnClick alterado da seguinte forma: procedure TForm2.SpeedButton1Click(Sender: TObject); ZQuery1.First; procedure TForm2.SpeedButton2Click(Sender: TObject); ZQuery1.Next; Prof. Alberto C. Carvalho - IFJF Página 4
procedure TForm2.SpeedButton3Click(Sender: TObject); ZQuery1.Last; procedure TForm2.SpeedButton4Click(Sender: TObject); ZQuery1.Prior; procedure TForm2.SpeedButton5Click(Sender: TObject); ZQuery1.Insert; procedure TForm2.SpeedButton6Click(Sender: TObject); if MessageBox(0,'Deseja realmente apagar este registro?','produtos',mb_yesno) = idyes then ZQuery1.Delete; procedure TForm2.SpeedButton8Click(Sender: TObject); if ZQuery1.State in [dsinsert,dsedit] then ZQuery1.post; Convém observar que os comandos são bastante intuitivos e não é necessária nenhuma explicação adicional. Convém apenas justificar o uso do MessageBox que é uma função que retorna o botão acionado: os botões que aparecerão são informados no último parâmetro (mb_yesno) e fizemos o teste verificando se o botão Sim havia sido acionado (idyes). Já no comando de gravação, utilizamos o comando in (pertence a...) que verifica se o valor que está guardado na propriedade state da tabela (estado da tabela) representa a informação se ela está no modo de inserção de dados (dsinsert) ou se está editando algum dado (dsedit). Somente em um destes casos é que iremos fazer a gravação (post). Como o botão de gravação é o mais largo, convém acrescentarmos um texto na sua propriedade caption = Grava o registro atual. Ao fazermos isto, verificamos que fica antiestético, o que nos leva a utilizar de um pequeno artifício que irá permitir escrever o texto em 2 linhas: a) Clique com o botão direito do mouse no formulário e escolha a opção de menu View as Text. b) Com isto, você terá acesso ao arquivo-texto correspondente ao arquivo Unit1.dfm que contém as informações que permitem desenhar o formulário. c) Procure a frase Grava o registro atual no referido arquivo. Para isto, você pode utilizar o atalho [Ctrl] [F]. d) Ao encontrar a frase, a altere inserindo um #13 (código ASCII) do [Enter] que irá provocar uma mudança de linha. Altere de: Para: Caption = 'Grava o registro atual' Caption = 'Grava o'#13'registro atual' e) Clique com o botão direito novamente, e escolha a opção View as Form para retornar ao formulário no modo gráfico. Prof. Alberto C. Carvalho - IFJF Página 5
INSERINDO IMAGEM DO PRODUTO: 1) Tire fotos de alguns produtos e anote o seu código de barras e também outros dados como a quantidade do mesmo e o seu fabricante. No nosso site disponibilizamos algumas fotos de produtos para que sejam utilizadas como ilustração do programa. 2) Acrescente ao projeto um objeto da classe TOpenPictureDialog (aba Dialogs), que possibilitará abrir um diálogo onde o usuário poderá carregar a foto do produto para o programa. 3) Altere as seguintes propriedades de OpenPictureDialog1: Title: Filter: Escolha uma foto Apague todos os tipos disponíveis, exceto Jpg e Jpeg. 4) Iremos padronizar o seguinte: a. Todas as fotos receberão como nome o código de barras do produto, seguido da extensão jpg. b. Todas as fotos serão gravadas em uma pasta chamada fotos que ficará contida na pasta supermercado. Não haverá necessidade da criação manual desta pasta, pois, implementaremos no programa a criação da mesma automaticamente. c. As fotos deverão sempre ser tiradas com a máquina fotográfica na mesma posição para evitar distorções, pois, elas ficarão encaixadas dentro de um objeto Image de tamanho fixo. 5) Inclua agora um objeto da classe TSpeedButton alterando as seguintes propriedades do mesmo: Caption: Escolher uma foto Para colocar em 2 linhas, use o que explicamos na página anterior. Glyph: VIDEO.BMP 6) Acrescente mais 2 objetos: um da classe TBevel e outro da classe TImage; sendo que deste último, altere sua propriedade stretch para true, para que a foto se coloque inteiramente dentro do objeto. Já no primeiro, altere a propriedade Shape para bsframe para que a linha fique em alto relevo. Veja o novo aspecto do formulário: Prof. Alberto C. Carvalho - IFJF Página 6
7) O método correspondente ao evento OnClick do botão Escolher uma foto será: procedure TForm2.SpeedButton7Click(Sender: TObject); if OpenPictureDialog1.Execute then Image1.Picture.LoadFromFile(OpenPictureDialog1.FileName); if not directoryexists(diretorio+'fotos') then MkDir(diretorio+'fotos'); Image1.Picture.SaveToFile(diretorio+'fotos/'+ZQuery1.FieldByName('cod_produto').AsString+'.jpg'); end else Image1.Picture:= nil; a. if OpenPictureDialog1.Execute then O método execute retorna true se alguma figura for escolhida e false caso contrário. Então, caso o usuário não cancele a operação uma figura será escolhida e ficará arquivada na propriedade Filename do OpenPictureDialog1. b. Image1.Picture.LoadFromFile(OpenPictureDialog1.FileName); - transferimos para a propriedade Picture do objeto Image1 o arquivo que se encontra registrado na propriedade FileName do objeto OpenPictureDialog1, o que fará surgir a imagem na tela. c. if not directoryexists(diretorio+'fotos') then MkDir(diretorio+'fotos'); - testamos se existe a pasta fotos pendurada na pasta supermercado (diretório do programa). Caso não exista, criamos a pasta (MkDir = Make directory). d. Image1.Picture.SaveToFile(diretorio+'fotos/'+ZQuery1.FieldByName('cod_produto'). AsString+'.jpg'); - Grava a imagem que se encontra no objeto Image1 na pasta fotos contendo o código de barras guardado no campo cod_produto do registro atual, acrescido da extensão.jpg. e. Caso o usuário cancele o diálogo e não escolha nenhuma figura, apagamos a imagem que porventura esteja no objeto Image1, apontando o ponteiro Picture para lugar algum (nil). 8) Uma vez que conseguimos associar o nome da foto ao código de barras do produto, poderemos ao navegar pelos registros mostrar a foto correspondente a cada produto em evidência. Para tal, iremos escrever um pequeno método que terá esta finalidade: a. Digite na área public da declaração da classe Form1 a referência ao procedimento Le_foto : private { Private declarations } public procedure Le_foto; b. Acione o conjunto de teclas [ctrl] [shift] [C] para abrirmos a implementação do referido procedimento, onde testamos a existência do arquivo, existindo, mostramos a imagem em Image1, caso contrário, apagamos a imagem atual. procedure TForm2.Le_foto; if fileexists(diretorio+ 'fotos/'+ ZQuery1.FieldByName('cod_produto').AsString+ '.jpg ) then Image1.Picture.LoadFromFile(diretorio+ 'fotos/'+ ZQuery1.FieldByName('cod_produto').AsString+'.jpg') else Image1.Picture:= nil; Prof. Alberto C. Carvalho - IFJF Página 7
c. O local ideal para colocarmos a chamada a este procedimento é no evento OnDataChange do objeto DataSource1, pois, este evento é acionado quando o registro atual é trocado. (contribuição do aluno MARCOS PAULO MENDES, 2INF-N-2009/2). procedure TForm2.DataSource1DataChange(Sender: TObject; Field: TField); Le_foto; Concluímos aqui este programa. Prof. Alberto C. Carvalho - IFJF Página 8