É com muito prazer termos você como nosso aluno virtual em nosso treinamento de Desenvolvimento de Aplicações Delphi.

Transcrição

1 Notas ao Aluno É com muito prazer termos você como nosso aluno virtual em nosso treinamento de Desenvolvimento de Aplicações Delphi. Você adquiriu a versão sem suporte a dúvidas. Mas futuramente poderá adquirir o suporte quando achar necessário pelo ramos@mgt.com.br O conteúdo desta apostila é o conteúdo das vídeo aulas. Caso você tenha alguma dúvida recorra às vídeo aulas e caso mesmo assim suas dúvidas não tenham sido sanadas pode enviar para o nosso . Todos exemplos desta apostila são progressivos, ou seja, dependem das lições anteriores. 1

2 Fazendo um Tour pelo Delphi Este primeiro capítulo é dedicado a uma visão geral do Delphi e sua configuração. Começamos pelo Main Menu Bar: Main Menu Bar Aqui temos os menus, os botões de atalho e as palhetas de componentes do Delphi. Cada um destes itens serão apresentados no decorrer de nosso treinamento. Vamos personalizar nossos atalhos para o Delphi. Clique com o botão direito do mouse sobre esta área da figura a cima e escolha a opção Customize, deverá apresentar a tela Customize: Nesta tela encontramos três pastas: Toolbars, Commands e Options. Em nosso exemplo da apostila temos a opção Custom desmarcada iremos marca-la e observe que o Main Menu Bar sofrerá alterações, o mesmo ocorrerá se você desmarcar outras opções e marcar novamente. Na pasta Commands temos diversos outros atalhos que podem ser adicionados ao Delphi. Para selecionar vamos escolher em Categories a opção Edit e em Commands escolheremos a opção Cut: 2

3 Observe que o mouse depois que selecionamos o componente fica com uma imagem, isto ocorre porque o Delphi fica aguardando o lugar onde você irá colocar o atalho Cut em nosso Main Menu Bar, coloque em qualquer lugar e veja que agora temos um atalho para esta opção. Você também poderá retirar este ou qualquer outro atalho clicando sobre ele e arrastando de volta ao Customize. A opção Options não é aconselhado alterar pois são apresentação de hints e possibilidade de atalhos que são sempre usados por nós. 3

4 A palheta de componentes Aqui existem as opções de componentes que serão adicionados em nossos projetos de desenvolvimento, cada um destes componentes serão vistos no decorrer do treinamento pois seria inútil aqui fazermos um comentário de cada pasta e seus componentes. Existem componentes visuais e não visuais. Os componente visuais são aqueles que serão vistos pelos usuários quando o programa desenvolvido estiver sendo executado. Os componentes não visuais são aqueles vistos somente pelo desenvolvedor. A partir da versão 6 do Delphi temos duas categorias de componentes as VCL e as CLX onde VCL são para programação Windows e CLX para programação Linux (Kylix). Os componentes CLX funcionam tanto na plataforma Windows como na plataforma Linux., já as VCL funcionam somente na plataforma Windows. Então caso você esteja planejando desenvolver uma aplicação que suporte tanto Windows quanto Linux é aconselhável utilizar somente componentes CLX. Speed Menus 4

5 Speed Menus existem em todo o Delphi, são menus em forma de pop-up que surgem quando clicamos com o botão direito do mouse e nos dão diversas opções. No caso da figura a cima são as opções de nosso editor de código, onde escrevemos os eventos e códigos de nossas aplicações. Como são diversos Speeds Menus iremos ver mais detalhadamente no decorrer do curso. Object Inspector A janela Object Inspector que se encontra a esquerda do Form, é onde definimos e alteramos as propriedades dos objetos que serão utilizados no desenvolvimento de nossas aplicações. É onde podemos alterar propriedades e eventos de componentes e formulários de nossas aplicações enquanto desenvolvemos. Propriedades - Properties Ainda no Object Inspector, vou aqui falar um pouco de propriedades, como citado anteriormente, estas propriedades iremos conhecer mais a fundo no decorrer de nosso treinamento, até porque cada componente que iremos trabalhar possuem suas próprias propriedades. É na Propriedade do Objector Inspector que podemos colocar nome em cada objeto (quando eu falar de objetos no decorrer do treinamento gostaria que fosse entendido como componentes e formulários que iremos utilizar no desenvolvimento de nossas aplicações), mudar a fonte, localização, tamanho entre diversas outras propriedades que um objeto pode ter. No caderno de exercícios o primeiro exercício que tem para você fazer é mudar a propriedade Font do Formulário. Gostaria de mostrar aqui somente um 5

6 caso que sempre gera dúvidas, na propriedade Font existe uma característica... estes três pontinhos informam que existem uma janela de formatação de outras propriedades, sempre que encontrar estes pontinhos fique sabendo que existem diversas sub propriedades a esta propriedade. Você perceberá melhor nas vídeo aulas do CD-ROM e no decorrer de nosso treinamento. Eventos - Events Eventos são o que ocorrerá a um objeto se por exemplo: Clicar, O mouse estiver por cima, ou mouse estiver pressionado e diversos outros eventos que cada objeto pode ter não obrigatoriamente e que veremos no decorrer do treinamento. Form Designer, Code Editor e Code Explorer O Form Designer é o principal no desenvolvimento de nossas aplicações pois é nele que iremos adicionar todos componentes de nossa aplicação é a janela que iremos utilizar sempre. Faça o seguinte para perceber, vá ao menu do Delphi Run e escolha a opção Run para compilar e ver como fica o formulário. Code Editor e Code Explorer As janelas Code Editor e Code Explorer é onde é criado a programação de nossas aplicações e onde podemos navegar pelo código desenvolvido. 6

7 Não tenho muito o que dizer aqui na apostila, aconselho assistir a aula pois assim é melhor explicado estas janelas, assim como no decorrer do treinamento você perceberá outras utilidades. 7

8 Nossa Primeira Aplicação Esta lição é a mesma lição das vídeo aulas. A partir daqui que iremos começar a realmente trabalhar com o Delphi e começar a conhecer mais a fundo os componentes, propriedades e escrever os códigos de programação, que na minha opinião é a melhor parte. Este primeiro aplicativo é um aplicativo à-toa, mais para já ir apresentando alguns componentes e regras no desenvolvimento que a partir de adiante iremos utilizar sempre. Então vamos começar: 1.) Vá ao menu File New Application: 2.) Nos será apresentado uma nova aplicação. 3.) No Object Inspector vamos alterar as seguintes propriedades: 8

9 Em Name, ao invés de Form1 iremos colocar frmdesigner. O que fizemos aqui foi informar que o nome do Formulário será frmdesigner. Observe que retiramos todas vogais e números do nome Form1 deixando apenas frm e adicionamos a palavra Designer: Na propriedade Caption, ao invés de frmdesigner iremos colocar Designer, onde o Caption será o nome que será apresentado em nosso formulário, como mostra a figura a seguir: 9

10 4.) Agora iremos adicionar componentes ao nosso formulário. Iremos adicionar os seguintes componentes, veja na tabela com suas propriedades: Componente Localização Propriedades Edit1 Standard Name = TextForLabel Text = ProgressBar Win32 Name = prgrsbramountdone Button1 Standard Name = btnprogressbarreset Caption = Reseta Progress Bar Button2 Standard Name = btnupdate Caption = Update Label1 Standard Name = lbltextfromedit Label 2 Standard Name = lblcurrenttime GroupBox Standard Name = grpbxcurrenttime Caption = Current Time Timer System Name = tmrprogressbar Para melhor compreensão da tabela a cima temos: Componente: Componente que iremos adicionar ao formulário. Localização: Nome da pasta onde se localiza o componente. Propriedades: As propriedades que deverão ser alteradas no Object Inspector para cada componente. O formulário deverá ficar como mostra a figura a baixo: 10

11 Para melhor compreensão é aconselhável assistir a vídeo aula desta lição. Agora que você já montou a tela como apresentado na figura anterior, iremos agora criar os eventos no object inspector de cada componente. Selecionando o componente Reset Progress Bar (btnprogressbarreset) no Object Inspector na pasta Events, dê um duplo clique no evento OnClick: 11

12 E escreva o seguinte código: procedure TfrmDesigner.btnProgressBarResetClick(Sender: TObject); begin prgrsbramountdone.position := prgrsbramountdone.min; end; Este código serve para resetar o componente ProgressBar quando ele estiver sendo executado, quando o usuário clicar sobre o botão. Agora no evento OnClick do componente btnupdate iremos colocar o seguinte código: procedure TfrmDesigner.btnUpdateClick(Sender: TObject); begin lbltextfromedit.caption := edttextforlabel.text; end; Este código irá transformar a Caption do componente Label lbltextfromedit no que estiver escrito no componente Edit edttextforlabel sempre que o usuário clicar no botão Update. Agora no evento OnTimer do componente Timer (tmrprogressbar) coloque o seguinte código: procedure TfrmDesigner.tmrProgressBarTimer(Sender: TObject); begin //pega a hora atual lblcurrenttime.caption := TimeToStr(now); //Se a barra de progresso ainda não estiver no máximo acrescenta mais um if prgrsbramountdone.position < prgrsbramountdone.max then begin prgrsbramountdone.stepit; end else prgrsbramountdone.position := prgrsbramountdone.min; end; Este código monta a progressão da barra conforme os segundos do relógio de seu computador e coloca a hora na caption do Label (lblcurrenttime). Para finalizar execute nossa primeira aplicação e veja como ficou. Depois de executado e fechado vamos agora salvar nossa aplicação, vá ao menu do Delphi File Save Project As, agora clique em janela, vá no ícone Criar nova pasta e coloque o nome da pasta como Designer, salve o projeto como Designer. 12

13 13

14 14

15 Componentes Sampler A partir de agora iremos explorar um pouco os componentes Sampler e criar nossa segunda aplicação que será como um Windows Explorer. Primeiramente iremos criar uma nova aplicação indo ao menu do Delphi File New Application, a partir de agora sempre que eu disser criar uma nova aplicação fica entendido que será sempre estes passos. Em seguida já vamos salvar este projeto criando uma nova pasta chamada ComponentSampler e salvar como FromComponentSampler1.pás. E em seguida como ComponentSampler.dpr: 15

16 Em seguida vamos mudar as propriedades do formulário no Object Inspector com o nome frmcomponentsampler e o Caption como Component Sampler. Os componentes que iremos utilizar: Iremos utilizar os seguintes componentes: Panel, Splitter e StatusBar que são o caminho ideal para criarmos uma boa interface gráfica ao nosso sisteminha e possibilitar ao usuário modificações em tempo real. Panel servirá para distribuirmos melhor a apresentação do nosso projeto e também para possibilitar ao usuário a dimensionar os itens expostos no formulário. Splitter é o objeto que iremos configurar para que possibilite esta movimentação dos objetos pelo usuário do sistema. StatusBar é uma barra que contém informações sobre onde o usuário do nosso exemplo estará. Você compreenderá melhor o que quero dizer até o final desta lição. 16

17 Statusbar Primeiramente vamos adicionar um componente StatusBar ao nosso formulário e setar a propriedade Name para stsbrmain. O componente StatusBar fica localizado na aba de componentes Win32: Quando você colocou o componente StatusBar em seu formulário ele foi para o final do Form. Agora vamos criar colunas para nosso StatusBar, na propriedade Panels clique nos três pontinhos: Deverá ser mostrado a janela Editing StatusBar1.Panels: Clique sobre o botão Add New, devemos criar dois TstatusPanel: 17

18 Com o 0 TstatusPanel selecionado vamos mudar a propriedade Width de 50 para 200, como mostra imagem a seguir: Vamos mudar a propriedade Bevel de pblowered para pbnone, perceba que ao alterarmos esta propriedade o nosso componente StatusBar mudou de posição. Vamos deixar assim. 18

19 19

20 Panels Vamos agora adicionar um componentes Panel da aba de componentes Standard em nosso formulário e setar sua propriedade Name como pnlleft e a propriedade Align para alleft: Componente Panel da palheta Standard. Agora vamos colocar um componente Splitter no formulário, o componente Splitter fica na pasta Additional, e nas propriedades deste componente setar Name como splttrmain. Componente Splitter da palheta Additional. Vamos também definir a propriedade Align do Splitter como alleft. Em seguida coloque outro componente Panel no formulário com a propriedade Name como pnlrigth e a propriedade Align como alclient. Seu formulário deverá ficar assim: 20

21 O componente Splitter é utilizado para que o usuário possa redimensionar a tela no form, para ver na prática execute a aplicação clicando na tecla de atalho Run: Tecla de atalho Run. Agora vamos adicionar outro componente Panel em nosso formulário com a propriedade Name pnllefttop.e propriedade Align como altop: Até o momento estávamos preparando como seria o visual da nossa aplicação. A partir de agora iremos colocar novos componentes que darão a verdadeira função a nossa aplicação que é um Windows Explorer nosso. Vamos agora adicionar um componente DriveCombobox ao formulário sobre o Panel pnllefttop, o componente DriveCombobox fica na aba de componentes Win3.1: O componente DriverCombobox é um componente que lista os drivers que existem em nosso computador. 21

22 Depois de colocado o componente no form como mostra a figura a baixo, vamos configurar suas propriedades como: Name = drvcombobox. Aproveitando vamos retirar nas propriedades dos Panels seus respectivos captions deixando vazios. Agora localize o componente DirectoryListBox na palheta Win3.1 e coloque sobre o panel pnleft e configure a propriedade do componente DirectoryListBox como: Name = lstdir e a propriedade Align como alclient devendo ficar assim: 22

23 Agora coloque o componente FileListBox também da aba de componentes Win3.1 no Panel pnlright com o nome lstfiles e align como alclient, devendo ficar assim: 23

24 Pronto, já temos o nosso Windows Explorer. Porém se você mandar executar perceberá que ainda não está funcionando corretamente, isso porque ainda não terminamos, teremos agora que determinar suas propriedades e realizar a programação de eventos dos componentes adicionados. Enfim a parte divertida. Inicialmente selecione o componente DriverComboBox do Formulário e na propriedade dele em DirList vamos setar para lstdir, assim o nosso componente DriverComboBox estará ligado ao nosso componente DirectoryListBox que colocamos o nome de lstdir: Agora vamos linkar o componente DirectoryListBox com o componente FileListBox. Com o componente DirectoryListBox de nosso formulário selecionado vamos setar a propriedade FileList para lstfiles que foi o nome dado ao nosso componente FileListBox: 24

25 Agora sim, se você mandar executar nossa aplicação todos os controles estarão funcionando perfeitamente. Vamos agora implementar o nosso Windows Explorer, colocando uma informação informando todo o caminho que você está, como se fosse uma Path. Vamos adicionar um componente Label da aba de componentes Standard com o nome de lbldir em sua propriedade. Depois vamos setar nosso label (lbldir) ao componente DirectoryListBox na propriedade DirLabel: 25

26 Em seguida sete a propriedade Visible do Label para True. E está pronto nossa segunda aplicação. 26

27 Menus Características de Menus Vamos iniciar uma nova aplicação para melhor ilustrar este exemplo. Na aba de componentes Standard existe o componente MainMenu é com este componente que criamos nossos menus. Colocamos este componente em nosso formulário e com um duplo clique será aberto uma nova janela que é a janela de edição de menus: Como todo componente, ele possui sua propriedades no Object Inspector onde temos em Caption a possibilidade de criar as opções de menu. Vamos criar o menu Opções escrevendo no Caption. Agora vamos criar as sub-opções tais como: Custommer, Parts, Vendors e Sair: 27

28 Para colocar um traço entre Vendors e Sair como mostra a figura a cima, basta colocar um traço - no Caption. Você já deve ter percebido que programas Windows possuem navegação por teclado, como por exemplo Alt+O e assim por diante, podemos fazer isso colocando o símbolo & no Caption de cada opção na letra que acharmos mais conveniente, após fazer isso observe que a letra onde colocamos o símbolo ficará sublinhado: 28

29 Podemos criar sub-menus clicando sobre a opção desejada com o botão direito do mouse e escolhendo a opção Create SubMenu: Assim podemos fazer quantas sub opções desejarmos: 29

30 Podemos também adicionar imagens, na verdade somente ícones (.ICO), em nossos menus e sub-menus. Para isso precisamos adicionar um nosso formulário um componente ImageList da aba de componentes Win32. Para selecionarmos os ícones de cada opção de menu, basta clicar duas vezes sobre o componente ImageList que deverá aparecer a seguinte tela: Clique sobre o botão Add... em seguida ir a algum diretório onde haja ícones e selecionar os ícones que irão ser utilizados em seu projeto, como neste exemplo temos 7 opções selecionamos 7 ícones: 30

31 Em seguida clicamos sobre o botão OK. Em nosso componente MainMenu na tela de edição de menus, vamos a propriedade SubMenuImages e linkamos com o componente ImageList: Agora podemos colocar as imagens em cada opção. Na propriedade ImageList de cada uma das opções existem os Ícones que serão associados a cada opção e sub-opção, enquanto linkamos cada imagem não vemos quando estamos criando (entenda editando) mas se sairmos do editor de menus e irmos ver em nosso formulário poderemos então visualizar: 31

32 Assim encerramos este capítulo por enquanto. 32

33 Borland Database Engine BDE O Borland Database Engine ou BDE é utilizado para realizar a conexão do Delphi com banco de dados (Paradox, Access, Interbase, Oracle, SQLServer e outros) e permite também distribuir suas aplicações a seus clientes. Neste módulo estaremos dando uma introdução ao BDE. Vamos executar o BDE Administrator que foi instalado em seu computador junto com o Delphi, vá ao menu do Windows Iniciar Programas Borland Delphi BDE Administrator, deverá ser aberto uma janela como esta: Vamos iniciar nosso aprendizado sobre o BDE com exemplos práticos e que serão utilizados pelo nosso treinamento daqui por diante. Vamos criar aqui um novo Alias 1, para isso vá ao menu Object New onde deverá ser apresentado a seguinte tela New Database Alias: 1 Alias é um apelido dado a um caminho onde é localizado os bancos de dados que iremos utilizar no desenvolvimento de nossas aplicações para que o Delphi possa localizar quando estivermos desenvolvendo e até mesmo para distribuir nossa aplicação aos nossos clientes. 33

34 Escolheremos sempre STANDARD em seguida clique em OK, deverá ser apresentado a seguinte tela: Observe que a esquerda há um opção selecionada chamado STANDARD1 é aqui que é criado o nome de nosso Alias, neste exemplo vamos colocar o nome como Delphi_Local_Class_Data 2 e em seguida teclar Enter para fixar o nome, como mostra a figura a seguir: 2 Poderíamos criar qualquer nome para o Alias, mas vamos utilizar este nome em todas aplicações que iremos desenvolver daqui por diante. Caso no futuro você desenvolva um controle de estoque poderia colocar o nome deste Alias como Estoque. 34

35 Ao lado direito da imagem temos algumas opções como: Type, Default Driver, Enable BCD e Path. Nestas opções vamos trabalhar com somente a PATH 3 clicando sobre esta opção será apresentado os três pontinhos, ou janela de edição, que clicando sobre teremos uma janela chamada Direct Directory que é onde definimos o local onde estão os bancos de dados que iremos trabalhar. Daqui por diante, para não perdermos tempo criando nossos Bancos de Dados (veremos como criar banco de dados Paradox no próximo capítulo) iremos trabalhar com bancos de dados já existentes no próprio Delphi que se localizam em: C:\ Arquivos de programas\arquivos comuns\borland Shared\Data 4 em seguida clicar em OK. 3 Caminho de diretórios onde se localiza o diretório onde estão os bancos de dados que o sistema a ser desenvolvido estão armazenados. 4 Este caminho pode mudar de computador por computador, é aconselhável realizar um procura antes pelas tabelas: customer.db, Parts.db e colocar o caminho onde se encontram. 35

36 Após clicar em OK deverá nossa PATH listar o caminho selecionado: Para salvar estes processos realizados, vá ao Menu Object Apply.em seguida irá perguntar se deseja salvar, confirme clicando em OK: 36

37 Assim estará pronto para começar a desenvolver suas aplicações com banco de dados. 37

38 Conhecendo o Database Desktop Este capítulo é apenas como título de curiosidade, pois nosso objetivo é de apenas ensinar a desenvolver aplicações Delphi. No treinamento oficial da Borland em nenhum momento é ensinado a criar um banco de dados Paradox apesar de ensinar como desenvolver com então aqui iremos passar rápido apenas como a título de curiosidade, tanto que este texto já foi utilizado para outros propósitos para o portal Ramos da Informática 5. Um banco de dados pode ser definido como um conjunto unificado de informação que vai ser compartilhado pelas pessoas autorizadas de uma organização. A função de um Banco de Dados é permitir o armazenamento e a recuperação da informação necessária para as pessoas da organização tomarem decisões. Um Banco de Dados é formado por um conjunto de arquivos de dados, também chamados de tabelas. Em uma tabela temos, linhas e colunas. Onde uma linha contém informações a respeito de um item em particular, e a coluna possui uma parte das informações de uma linha. A figura a seguir ilustra uma tabela de Clientes. Código Nome Telefone 001 Aldair Marina Aline José Márcio A tabela mostrada acima possui os campos ou colunas: Código, Nome e Telefone. E em cada linha temos a identificação de um cliente em particular. Cada tabela em um banco de dados possui um campo que identifica unicamente cada registro. O conjunto de atributos ou campos utilizados para gerar este índice é conhecido como chave primária. Nós podemos escolher qualquer campo de uma tabela para ser uma chave primária, sempre levando em consideração que ela deve ser curta. Por exemplo, usar um campo numérico é melhor do que um campo formado por Strings. Como a chave primária determina a singularidade de um registro, quando se usa um string não poderemos ter dois registros com o mesmo nome de cliente. Na tabela do exemplo acima, o mais sensato é determinar o campo Código como nossa chave primária. Além de determinarmos os campos e a chave primária da nossa tabela, também teremos que definir o tipo de dado, comprimento, formato e o domínio para cada campo desta tabela. Tipo de Dado: refere-se ao conteúdo do dado, podendo ser numérico, alfabético, data, hora ou cadeia de caracteres longa ou curta. Comprimento: refere-se ao tamanho ou número máximo de posições que poderá assumir o valor ou conteúdo de cada dado. 5 Portal Ramos da Informática é um portal de comunidade on-line voltado a desenvolvedores Delphi e Kylix e todos bancos de dados do mercado. O endereço de acesso é: 38

39 Formato: refere-se à forma com que os dados deverão ser editados ou apresentados, definindo-se as posições de símbolos. Domínio: especifica se os valores dos dados pertencem a uma lista de valores pré definidos, podendo estar em uma lista, ou satisfazer uma regra. Database Desktop No grupo de programas do Delphi, encontramos o utilitário Database Desktop, que permite a criação e manipulação de banco de dados de diversos formatos. O nosso próximo exemplo, gerenciará duas tabelas. Uma com o cadastro dos clientes e outra com as vendas realizadas para estes clientes. Vá ao grupo de programas do Delphi e abra o Database Desktop. Abra uma nova tabela como mostra a figura a seguir. 39

40 Escolha o tipo Paradox 7. Aparecendo então a janela Create Paradox 7 Table. Digite o nome para o primeiro campo (CODIGO) e mude para tipo de campo (Type) usando a tecla Tab. Com o campo Type selecionado, de um clique com o botão direito do mouse em cima dele, para ser exibido o menu pop-up com todos os valores para o tipo de campo. As letras sublinhadas correspondem à letra de atalho para cada tipo de dado. O nosso campo CODIGO será definido como tipo Alpha. Apesar de ser um campo com números nós não iremos realizar nenhum cálculo matemático com ele, por isso o definimos como Alpha. 40

41 O campo CODIGO será a nossa chave primária para a identificação dos clientes na tabela Clientes. Para definir um campo como chave primária, pressione qualquer tecla quando o campo Key estiver selecionado, marcando este campo com um * - asterisco. 41

42 Dê continuidade entrando com outros campos, seguindo o modelo apresentado abaixo. Salve-a como Clientes.db. 42

43 Logo após, abra uma nova tabela no mesmo formato, e construa-a como mostrado abaixo. Para que a tabela Vendas se relacione com a tabela Clientes, deveremos definir o campo CODIGO da tabela Vendas como índice secundário. No ComboBox Table properties, selecione a opção Secundary Indexes e clique no botão Define..., aparecendo o quadro de diálogo Define Secundary Index. Na janela Define Secondary Index, selecione o campo CODIGO e dê um clique na seta para introduzi-lo como campo índice, e finalmente dê um clique no botão OK para aceitar a opção. Será então solicitado um nome para este índice, digite INDCODIGO. 43

44 Salve a tabela como Vendas.dbf. Saia do Database Desktop, através do menu File, opção Exit. O Delphi possui um assistente para a construção de formulários de acesso a Banco de Dados, nós iremos utilizá-lo para construirmos o nosso projeto, que utiliza as tabelas de Clientes e Vendas construídas anteriormente. 44

45 Criando Aplicações com Banco de Dados O Delphi nos oferece algumas soluções para banco de dados como: Session, Database, Dataset, DataSource e Data-aware controls ou controles de bancos de dados. Os componentes Session e Database serão explicados em outro capítulo, neste iremos conhecer apenas outros componentes. Todos os componentes de bancos de dados possuem as seguintes relações: Vamos inicialmente trabalhar somente com Table e Query, na ilustração a cima pretendo mostrar que estes componentes estão ligados ao componente DataSource que faz a ligação com os demais componentes de controle. Ou seja, sempre que colocarmos um componente Table ou Query em nosso formulário teremos sempre que colocar um componente DataSource para podermos realizar a ligação aos componentes de controle de banco de dados. Teremos um capítulo só de Table e um capítulo só de Query. A diferença entre Table e Query é a seguinte: Table é para banco de dados simples como o Paradox e não possui facilidades para trabalhar com SQL. 45

46 Query podemos trabalhar, além de Paradox, outros bancos de dados e possui maior facilidade para criação de rotinas SQL. Este capítulo iremos trabalhar somente com Table pois é necessário que você tenha conhecimentos deste para podermos prosseguimos com Query e ambos são muito idênticos mudando poucas coisas. O componente Table está localizado na aba de componentes BDE: Componente Table. O componente DataSource está localizado na aba de componentes Data Access: Componente DataSource. Então sempre que pedir para colocar um desses componentes você já sabe onde localizar. Os componentes de controle, apresentados no diagrama no começo deste capítulo estão localizados na aba de componentes Data Controls. Criando um simples formulário de Banco de Dados Aqui começamos uma nova aplicação. Antes de continuar o assunto sobre criação de aplicações com banco de dados, crie uma nova aplicação com as seguintes propriedades do Form: Name: frmmain Caption: Nossa Aplicação Em seguida salve o projeto como FormMain.pas e Aplicação.dpr. Agora crie um menu com as seguintes opções:opções, Customers, Parts. Como na figura a baixo: 46

47 Agora vamos continuar entrando na parte de banco de dados. Vá ao menu File New Form com o novo form vamos colocar as seguintes propriedades para ele: Name: frmcustomer Caption: Customers Em seguida coloque um componente Table no formulário e vamos colocar as seguintes propriedades: Name: tblcustomer DatabaseName: Delphi_Loca_Class_Data (Observe que é aqui que utilizamos o Alias criado no BDE.) TableName: customer.db (Observe que aqui encontramos todos bancos de dados que indicamos ao criar o Alias no BDE, neste exemplo utilizaremos a tabela customer.db). 47

48 Agora vamos colocar o componente DataSource que irá auxiliar na conexão com os componentes de controle de bancos de dados, uma vez colocado no formulário vamos realizar as seguintes configurações de propriedade para este componente: Name: dtsrccustomer DataSet: tblcustomer Pronto! Já fizemos a ligação do Delphi com nosso banco de dados. Vamos agora inserir componentes de controle de banco de dados. Por enquanto vamos adicionar somente o componente DBGrid na palheta de componentes DataControls e setar as seguintes propriedades para este componente: Name: dbgrdcustomer DataSource: dtsrccustomer E está quase pronto, mas é preciso mostrar os dados do banco de dados Customer.db no DBGrid, para isso selecione o componente table (tblcustomer) e coloque a propriedade Active de False para True e pronto, lá estão os dados do banco de dados Customer.db visível em nosso DBGrid. 48

49 49

50 Agora vamos voltar em nosso formulário onde está o menu, se você tiver dificuldades em encontrar vá no menu View Forms... será apresentado a janela View Form: Selecione o frmmain e dê um duplo clique para abrir nosso formulário principal. No menu, clique sobre a opção Customers deverá então aparecer a janela de edição de código, coloque o seguinte código: 50

51 Agora mande executar, quando você realizar esta operação o Delphi irá perguntar se deseja declarar o frmcustomer a unir, clique no botão Yes para confirmar: Em seguida mande executar novamente, para que faça a compilação completa. Os comandos frmcustomer.show; é usado para chamar o formulário de Customer. Agora vamos melhorar nossa aplicação. Vamos criar aqui uma interface mais agradável ao usuário com várias opções em uma única tela. Para isso vamos selecionar o DBGrid e clicar no botão Delete de seu teclado, vamos deletar o componente DBGrid, mas somente ele. Vamos agora colocar um componente PageControl da aba Win32 em nosso formulário: 51

52 Clique com o botão direito do mouse sobre este componente em nosso formulário e escolha a opção New Page, será criado uma pasta com o nome TabSheet1 vamos agora alterar a propriedade Caption de TabSheet1 para &Listin, vamos repetir esta operação criando uma nova pasta com seu Caption como &Detail em seguida coloque novamente o componente DBGrid e configure ele como fizemos no começo desta lição, uma vez configurado coloque a propriedade Align do DBGrid como AlClient. Seu formulário deverá ficar assim: 52

53 Observe na imagem a cima que o DBGrid foi colocado na pasta Listn. Agora vamos criar a opção para Detail, onde iremos colocar os detalhes do banco de dados e conhecer outros componentes de controle de banco de dados. Vamos agora colocar 6 componentes DBEdit da palheta de componentes Data Controls e 6 componentes Label da palheta de componentes Standard. Onde os componentes DBEdit terão as seguintes propriedades: Componente DBEdit1 DBEdit2 DBEdit3 DBEdit4 DBEdit5 Propriedades Name: dbedtcompany DataSource: dtsrccustomer DataFiels: Company Name: dbdtadress DataSource: dtsrccustomer DataFiels: Addr1 Name: dbdtcity DataSource: dtsrccustomer DataFiels: City Name: dbdtstate DataSource: dtsrccustomer DataFiels: State Name: dbdtzip DataSource: dtsrccustomer DataFiels: Zip 53

54 DBEdit6 Label1 Label2 Label3 Label4 Label5 Label6 Name: dbdtcontact DataSource: dtsrccustomer DataFiels: Contact Caption: Company Caption: Adresss Caption: City Caption: State Caption: Zip Caption: Contact Devendo Ficar assim: Agora para melhorar a aparência e colocar um novo controle, o controle de navegação, vamos colocar um componente Panel da palheta de componentes Standard e definir em suas propriedades: Caption: Align: altop Em seguida vamos colocar o componente de controle DBNavigator da palheta de componentes Data Controls com as seguintes propriedades: Name: dbnvgtrcustomer DataSource: dtsrccustomer 54

55 Pronto, temos nosso controle de navegação que é melhor explicado na vídeo aula. Vamos selecionar nosso Page Control que já está no formulário e vamos definir sua propriedade Align para alclient, sua tela então deverá ficar como esta: Fazendo ligação com mais de uma tabela Vamos criar agora mais uma pasta em nosso Page Control que terá seu Caption como &Orders: 55

56 Agora vamos adicionar em nosso formulário um novo componente Table com as seguintes propriedades: DatabaseName: Delphi_Local_Class_Data TableName: orders.db Name: tblorders Em seguida um componente DataSource com as seguintes propriedades: Name: dtsrcorders DataSet: tblorders Em seguida coloque um componente de controle DBGrid e faça sua ligação ao banco de dados, como já apresentado com o DataSource linkado em dtsrcorders e Align como alclient em seguida no componente tblorders: 56

57 Agora vamos linkar as duas tabelas uma com a outra, para isso na tabela tblorders na propriedade MasterSource setar para dtsrccustomer em seguida na propriedade MasterField vamos clicar nos três pontinhos para abrir a caixa de edição Field Link Designer: 57

58 Em Avaliable Indexes selecione CustNo, em Detail Fields selecione CustNo e também em Máster Fields selecione CustNo em seguida clique sobre o botão Add: Em seguida clique em Ok e coloque a propriedade do tblorders de Active False para True e mande executar. O que fizemos faz em Orders mostrar todas as compras realizadas pela empresa selecionada em Customer. 58

59 Usando Database Wizards Ainda em nossa aplicação que iniciamos no capítulo anterior aberta vamos criar o cadastro de Parts. Os Wizards são feitos para facilitar a criação de formulários já com os controles e ligações necessárias aos bancos de dados. Esta é um opção muito fácil pois basta seguir as instruções da tela. Vamos ao menu do Delphi File New Other e vamos escolher a pasta Business: Selecione o ícone Database Form Wizard e clique em OK: 59

60 Form Options temos dois tipos de formulários, por enquanto vamos escolher apenas o Create a simple form e, em DataSet Option por enquanto somente a primeira opção em seguida clique sobre o botão Next: Em Drive or Alias name vamos selecionar o nosso Alias. Em seguida escolha o banco de dados Parts.db: 60

61 Clique sobre o botão Next, clique sobre o botão >> para que passe todos os campos da esquerda para direita: Clique sobre o botão Next e escolha a opção Horizontally: 61

62 Clique sobre o botão Next e em Form Generation escolha a opção Form Only e deixe desmarcado a opção Generate a main form: Clique sobre o botão Finish, será criado nosso formulário do Parts, vamos alterar as propriedades deste formulário para: Name: frmparts Caption: Parts Selecione o componente table do formulário e coloque as seguintes propriedades: Name: tblparts 62

63 Selecione o componente DataSource e coloque a propriedade Name como dtsrcparts e está pronto nosso formulário de Parts. Agora vamos criar um novo formulário Mestre Detalhe 6. Mestre Detalhe Wizard Vamos refazer os mesmos passos no anterior: 1. Vá ao menu do Delphi File New Other; 2. Selecione a pasta Business; 3. Selecione o ícone Database Form Wizard: Escolha a opção Create a master/detail form: Clique em Next e selecione a tabela Parts.db: 6 Mestre Detalhe é quando utilizamos dois ou mais bancos de dados em um formulário. 63

64 Clique em Next e selecione e mova os itens da esquerda para direita: Clique em Next, escolha a opção Horizontally: 64

65 Clique em Next, escolha a tabela vendors.db: Clique em Next, mova os itens da esquerda para a direita: 65

66 Clique em Next, escolha a opção In a Grid: Clique em Next, Selecione as opções VendorNo e clique em Add: 66

67 Clique em Next, escolha a opção Form and DataModule: Clique em Finish. Será montado nosso formulário que liga a tabela Parts.db com Vendors.db: 67

68 Vamos agora configurar as propriedades do formulário com: Name: frmpartsvendors Caption: Parts and Vendors Temos uma novidade agora, a janela DataModule, onde estão os componentes do formulário: O DataModule veremos mais detalhadamente no próximo capítulo, por enquanto vamos apenas configurar as propriedades do DataModule dos Tables e DataSources: Componente DataModule2 Table1 Table2 DataSource1 DataSource2 Propriedades Name: dtmdlpartsandvendors Name: tbltblparts Name: tblvendors Name: dtsrcparts Name: dtsrcvendors 68

69 Salve este projeto como FormPartsAndVendors.pas. 69

70 Trabalhando com objetos Tfield Os objetos TField são criados já quanto colocamos um componente de banco de dados (Table ou Query) que possibilita a alteração e/ou personalização de cada campo do banco de dados. Tipos de Componentes TField Existem diversas categorias de componentes Tfield são eles: Componentes Correspondência Field TAutoIncField Campo de auto-incremento. TStringField Dados em textos de até 255 caracteres. TIntergerField Números entre TSmallIntField Números entre TLargeIntField Campo Integer longo TWordField Números de zero a TFloatField Números reais com digitos TCurrencyField O mesmo que TFloatField TBCDField Números reais com decimais fixas de até 19 digitos TBooleanField Valores True ou False TDateTimeField Valores Data e Time TTimeField Valor Time TBlobField Campo binário sem limitação de tamanho. TBytesField Igual ao TBlobField TVarBytesField Campo binário com limitação de espaço para caracteres TArrayField Campo Array TMemoField Somente textos longos TADTField Campo abstrato de dados TGraphicField Campo de imagem (por exemplo, bitmap) sem limitação de tamanho. Estes componentes apresentados na tabela são os que poderão ser alterados em tempo de desenvolvimento ou em tempo de execução. Ou alterando suas propriedades no Object Inspector ou via programação. Conheceremos agora no decorrer do treinamento os principais e mais utilizados componentes TField. Este capítulo, apesar de termos as vídeo aulas, vamos refazer os exemplos das vídeo aulas e vamos explicar itens que não foram explicados nas mesmas. Usando o Field Property Editor Se você quiser criar um objeto TField quando estiver desenvolvendo sua aplicação, clique sobre o componente Table que desejar com o botão direito do mouse e escolha a opção Fields Editor... : 70

71 Será apresentado o Fields Editor porém vazio. Necessitamos então adicionar os campos da tabela selecionada clicando com o botão direito do mouse e escolhendo a opção Add Fields... será então apresentado a tela Add Fields com os campos da tabela selecionados, neste exemplo deixe todos selecionado: Em seguida clique sobre o botão OK. Todos campos selecionados foram para o nosso editor de Fields: 71

72 Cada um destes campos possuem suas propriedades e eventos no Object Inspector. Perceba por exemplo o nome do campo Company que está tblcustomercompany que quer dizer que este componente Field pertence a tabela Customer: Existem outras propriedades para cada campo TField no Object Inspector. As que iremos conhecer em nosso treinamento são: Propriedade Descrição DisplayLabel É o nome da coluna de um componente DBGrid, é aqui que corrigimos o nome de uma coluna do DBGrid. DisplayWidth Usado para definirmos o tamanho de uma coluna em um componente DBGrid. 72

73 EditMask Currency Usado para criarmos mascaras para os campos de cadastro e visualização, como por exemplo CEP, CPF, CNPJ, Data e outros. Usado para colocar formatação de moeda. Não vamos tratar este na apostila, mas está sendo tratado nas vídeo-aulas. Formatando Campos com Edit Masks Apesar de apresentarmos nas vídeo aulas, vamos tratar também aqui na apostila de conteúdo o que não foi citado. Temos algumas mascaras já criadas pelo próprio Delphi que podemos escolher, assim como também podemos criar nossas próprias mascaras. Por exemplo podemos forçar que o sistema aceito somente letras maiúsculas colocando o sinal de maior ( > )antes da mascara, ou podemos colocar o sinal de menor ( < ) para forçarmos o sistema aceitar somente letras minúsculas. Podemos colocar o caracter L para aceitar somente letras e o caracter A para aceitar letras e números. O caracter 9 permite somente números. Um exemplo: Se você precisar criar uma mascara que force o usuário a digitar 3 letras maiúsculas e em seguida 4 números você pode criar a seguinte mascara: >LLL

74 74

75 Manipulando DataSets Movendo ponteiros Podemos personalizar os botões de nosso DBNAvigator criando assim uma certa personalização de nossas aplicações deixando de depender um pouco dos controles já prontos pelo Delphi apesar de não achar isso necessário mas acho importante apresentar a você com muita facilidade. Neste exemplo vamos implementar nosso formulário frmcustomer. Coloque um componente Panel em nosso formulário com a propriedade Align como alright: Em seguida coloque dois componentes SpeedButton da palheta de componentes Additional: 75

76 Vá a propriedade Glyph dos SpeedButons para colocarmos imagens nos botões: Clique sobre o botão Load e escolha as imagens BMP que melhor se encaixar ao exemplo no meu caso estas imagens estavam em \Arquivos de Programas\Borland\Delphi6\Demos\Fotball: 76

77 Após clicar em OK a imagem selecionada foi para o nosso botão SpeedButton, repita os mesmos passos para o segundo botão. Agora vamos escrever os códigos para que nossos botões funcionem, no primeiro SpeedButton coloque o seguinte código no evento OnClik: 77

78 No evento OnClick do segundo SpeedButton coloque o seguinte código: Agora no componente DataSource de Orders, no evento OnDataChange: 78

79 Escreva o seguinte código: Agora é só rodar nossa aplicação e ver nossos botões mudando de registro. 79

80 Limitando Record Sets O que iremos criar agora ainda incrementando o formulário de Customer é realizar filtros de nomes por pastas no DBGrid. Vamos utilizar um componente TabControl da palheta de componentes Win32 e colocar sobre nosso formulário: Vamos colocar a propriedade Name deste componente como tbcntrlcustomer e na propriedade Tabs vamos colocar a palavra TODOS e em seguida todo o alfabeto é o seguinte, se selecionarmos a pasta TODOS será listado todas companhias cadastradas e conforme vamos mudando as pastas serão listados somente as companhias que comecem por aquela letra da pasta. Logo após clicar em OK seu TabControl ficará assim: 80

81 Agora para que você deixe sua tela como mostra a figura a cima é necessário você deletar o DBGrid em seguida no componente TabControl colocar sua propriedade Align como alclient e depois colocar o DBGrid novamente de volta e realizar suas ligações ao banco de dados como já foi apresentado anteriormente. Para fazermos um filtro conforma a letra da pasta selecionada devemos colocar o seguinte código no evento OnChange do componente TabControl: 81

82 Não esquecer de colocar a propriedade IndexFieldName do componente tblcustomer em Company. Assim já estará pronto para rodar a aplicação e ver como funciona este filtro. Criando uma pesquisa em registros Vamos criar um simples sistema de busca, para este exemplo vamos trabalhar um pouco na no formulário frmparts, deixando um pouco de lado nosso formulário Customer, mas pode ser feito também em outros formulários futuros. Crie um novo formulário com as seguintes propriedades: Name: frmfindpart Caption: Find Part Em seguida salve este formulário como FormFindPart. Coloque 3 componentes Panel no formulário e coloque as propriedades Align de cada Panel respetivamente como altop, albotton e alclient, devendo ficar assim: No Panel2 colque um componente DBGrid, com sua propriedade Align como alclient: 82

83 No Panel2 coloque 2 componente BitBtn da palheta de componentes Additional e coloque suas propriedades como: Para BitBtn1: Name: btbtncancel Kind: bkcancel Para BitBtn2: Name: btbtnok Kind: bkok No Panel1 vamos colocar um componente label e um componente Edit, com as seguintes propriedades cada um: Para o componente Label: Name: lblfindpartname Caption: Find Part Name: Para o componente Edit: Name:edtFind Devendo seu formulário ficar assim: 83

84 Na propriedade DataSource do DBGrid coloque dtmdlparts.dtsrcparts para interligar ao DataMolude criado quando desenvolvemos este formulário na lição de Wizard. Neste exemplo é necessário que a propriedade IndexFieldName do componente tblparts esteja como Description que assim será ordenado por ordem de descrição. Agora no evento OnChange de nosso componente Edit vamos escrever o seguinte código: 84

85 ATENÇÃO: O comando FindNearest aplica-se somente com componente Table. Se você for utilizar componente Query ou StoredProc o método Locate é o melhor a ser utilizado. Iremos ver este método quando chegarmos a parte do treinamento que trata de Query. Bookmarking Records Agora precisamos fazer o formulário frmparts chamar o formulário frmfindpart e quando voltarmos de nosso sistema de busca ele volte no registro que realizamos a pesquisa para que o usuário, caso deseje, possa alterar informações. Para isso vamos adicionar um componente SpeedButton no form Parts e no evento OnClick deste componente escrever o seguinte código para que isto seja realizado: Esta rotina faz a ligação com o DataModule e manda o Delphi construir o formulário de pesquisa. 85

86 Migração para Cliente/Servidor Client/Server Este capítulo é voltado a migração de aplicações para Cliente Servidor. Você aprenderá a converter seus bancos de dados Paradox para o Interbase e a configurar sua aplicação facilmente para esta plataforma. Escolhemos o banco de dados Interbase não apenas por ser um banco de dados da Borland, mas também por ser um banco de dados muito mais confiável que muitos outros como: MS-Access, MySQL, Paradox e outros. Este capítulo só funciona com o Borland Delphi versão 7, mas pode ser aplicado perfeitamente ao Delphi 6. Particularmente eu prefiro o Delphi 7 por ter mais recursos e alguns passos desta lição podem não dar certo com a versão 6 do Delphi. Num ambiente Cliente/Servidor nós temos um banco de dados central sendo acessado por vários outros usuários - Clientes. Este banco de dados central deve ser gerenciado por um programa específico para isto. O Delphi incorpora o gerenciador de banco de dados InterBase da Borland, nós iremos trabalhar com este gerenciador, o que permite a criação e teste de aplicativos sem estarem instalados no ambiente de produção. Quando o projeto estiver terminado, basta instalá-lo no computador servidor de arquivos para uso imediato. Migrando seus Bancos de Dados com o Data Migration Wizard Para converter os bancos de dados de Paradox para Interbase vamos utilizar uma ferramenta que já vem no próprio Borland Delphi 7. Vamos abrir o DataPump, que irá nos abrir diretamente nesta tela: 86

87 Podemos escolher abrir as tabelas a partir do Alias ou do diretório, vou abrir a partir do Alias. Mas antes por ser um ambiente Cliente Servidor devemos criar um novo Alias, como já foi apresentado não irei demonstrar novamente, chamado Delphi_Server_Class_Data, em seguida escolhido o alias inicial Delphi_Local_Class_Data clique sobre o botão Next e na próxima tela selecione o Alias Delphi_Server_Class_Data: Em seguida clique sobre o botão Next, vamos selecionar todos os bancos de dados clicando sobre o botão >>: Em seguida clique sobre o botão Next e será apresentado um relatório sobre cada tabela que irá ser convertida, clique sobre o botão Upsize para iniciarmos a conversão de 87

88 Paradox para Interbase, será apresentado uma barra de progressão informando a conversão dos bancos em seguida será apresentado um relatório: Este relatório apresenta que tudo ocorreu bem na conversão, clique em Done e pronto, seus bancos de dados agora são Interbase com todas informações neles contidos mantidos. Agora vamos às modificações que você deve realizar em sua aplicação para que rode perfeitamente, agora com banco de dados Interbase e Cliente Servidor. Modificando Aplicações Aqui neste exemplo vamos realizar a mudança somente no formulário Parts, quando você for desenvolver seus aplicativos e converte-lo deve realizar estes processos em todos formulários. Então com o formulário Parts aberto: 88

89 Devemos realizar diversas modificações de configuração do banco de dados. Vamos começar alterando a propriedade do DatabaseName para o nosso banco de dados servidor que criamos com o DataPump. Em seguida altere a propriedade TableName de parts.db para somente parts e estará pronto sua conversão. Aqui em meu exemplo deu tudo certo, porém podem ocorrer erros quando você for realizar. Entre em contato para que possamos resolver e explicar o que aconteceu. 89

90 UTILIZANDO COMPONENTES TQUERY Introdução e instrução Até este momento vimos a utilização de componente TTable para ligação de tabelas. A partir de agora veremos como utilizar o componente TQuery. O componente TQuery é parecido com o componente TTable. O componente Query é indicado para outros tipos de bancos de dados que não seja o Paradox, apesar de funcionar perfeitamente bem com o Paradox, em especial bancos de dados que trabalhem com instruções SQL como o Interbase. Então a diferença básica entre componente Table e Query é que este último necessita conhecimentos de SQL. Este treinamento não tem como objetivo ensinar SQL, mas vou mostrar aqui algumas funções básicas de SQL. Você poderá conhecer mais sobre SQL no Portal Ramos da Informática ( ) na seção de artigos. Não ensinarei o SQL, assim como não ensinei o Paradox, pois sairia do contexto do treinamento que é o Delphi exclusivamente. A utilização de SQL é sem dúvidas mais eficiente e rápido que se fizéssemos com Object Pascal puro e, uma vez que você já tiver conhecimentos de SQL verá como é muito mais fácil desenvolver suas aplicações, sem contar que o SQL é uma linguagem universal para banco de dados, muito utilizada pelos principais bancos de dados do mercado. Com os objetos (componentes) Query você pode desenvolver aplicações muito mais rápidas e seguras, além de ser mais indicado no desenvolvimento de aplicações Client/Server e redes. Um componente Query possui em suas propriedades a possibilidade de criar suas strings SQL e parâmetros. Vamos utilizar o nosso formulário Customer já criado anteriormente para podermos ilustrar melhor a utilização de Querys em nossas aplicações. Neste formulário Customers que criamos utilizamos a tabela Orders. Vamos colocar agora um componente Query, da palheta de componentes BDE, em nosso formulário e setar a propriedade Name para qryorders e definir a propriedade DatabaseName para o nosso Alias. Em seguida, vamos colocar já um parâmetro em SQL na propriedade SQL deste objeto para fazer a ligação com a tabela orders, este comando deverá ser: Select * From Orders Este comando, como já dito, serve para fazer a ligação da tabela Orders ao componente Query, é sempre este comando mudando apenas o nome do banco de dados sem sua extensão. 90