Projeto 2 – Cadastro de Oficinas SEMTEC 2013
Neste projeto iremos construir um sistema básico de cadastro das oficinas da SEMTEC 2013 utilizando componentes de conexão com base de dados utilizando MySQL. A partir da ligação destes componentes seremos capazes de adicionar, atualizar e remover dados em nosso banco para então trabalharmos com ferramentas que irão nos ajudar a organizar e resolver nossos problemas criando novas soluções.
Os componentes necessários
Para que possamos trabalhar a conexão ao nosso banco de dados vamos precisar de 4 objetos, 3 deles se encontram na palheta SQLdb e o outro na palheta Data Access. Os componentes de que estamos falando são: Mysql Connection 5, SQL Query, SQL Transaction (esses na palheta SQLdb) e o Data Source (na palheta Data Access).
A DLL de conexão
Para fazermos a conexão do Lazarus com o Mysql, precisaremos inicialmente termos uma DLL responsável pela ligação. Esta DLL é a libmysql.dll ela é encontrada dentro da pasta de
instalação do XAMMP e pode ser baixada da internet também. Para continuarmos nosso projeto então, copie da pasta C:/xammp/Mysql/lib o arquivo libmysql.dll e cole dentro das pastas C:/Windows/system e C:/Windows/system32/ . Tendo realizado isso é só continuar com os procedimentos de criação do nosso projeto que segue abaixo.
A Base de dados
Para conhecermos os componentes vamos criar um banco de dados onde iremos cadastrar as nossas oficinas com seus códigos automáticos. A tabela do banco de dados segue logo mais abaixo. Acesse do seu navegador http://localhost/phpmyadmin e crie a seguinte base de dados.
BASE DE DADOS: semtec
Tabela: oficinas
Campo Tipo de dado
codigo int – auto incremento – chave primária
titulo varchar – tamanho 100
apresentador varchar – tamanho 100
Criando o programa
O objetivo deste programa é adicionar títulos e autores de oficinas no nosso banco de dados, para isso precisaremos então preparar nosso Form. Siga a imagem abaixo para ver a disposição dos objetos no Form e logo depois veja as propriedades que deverão ser alteradas seguindo a numeração disposta em cada objeto. Ao criar o seu projeto lembre-se de salvá-lo.
Agora adicione cada componente e altere as propriedades referentes a cada objeto, para tudo seguir corretamente, altere primeiro as propriedades Name de cada objeto e depois siga alterando as outras propriedades:
1) GroupBox (1)
a. Caption - Oficinas 2) Label (1)
a. Caption – Título 3) TEdit (1)
a. Text – deixar em branco (apagar) b. Name – edt_titulo
4) Label (2)
a. Caption – Apresentador 5) TEdit (2)
a. Text – em branco
b. Name – edt_apres 6) Button
a. Caption – Cadastrar 7) SQL Connection
a. Name conexao
b. DatabaseName semtec c. HostName 127.0.0.1 d. UserName root
e. Password A senha que você definiu na instalação do xammp (em branco) f. Connected True
8) SQL Query
a. Name query b. Database conecta c. Transaction trans 9) SQL Transaction
a. Name trans b. Database conecta 10)Data Source
a. Name source b. Dataset query 11) DBGrid ( Palheta Data Control)
a. Name grid b. DataSource source 12)GroupBox (2)
a. Caption – Deletar Oficina 13)Form
a. Caption – Oficinas SEMTEC
Codificação do projeto
Para que o sistema funcione então precisamos agora incluir alguns comandos de programação no nosso projeto. Primeiro vamos inserir uma pequena linha de programação no evento FormCreate que irá fazer a ligação do nosso DB Grid com o banco de dados para que possamos visualizar os dados que serão cadastrados.
Programação do Form
Para isso clique duas vezes no formulário para ir para a tela de edição de código diretamente no evento FormCreate. Veja os comandos digitados e digite-os em seu projeto.
Nesta programação estamos dizendo ao programa que no instante em que for criado o Form (Evento FormCreate) o programa incluir na nossa query uma sintaxe SQL que faz uma pesquisa
no banco de dados por todos os dados da tabela. Na segunda linha ele faz executar o script anterior através da função Open da query.
Este código fará com que os dados que tivermos no nosso banco sejam mostrados no DB Grid do nosso form , tudo isso devido a ligação entre o Data Source a Query e o DB Grid.
Botão Cadastrar
Para fazer a parte de cadastro vamos precisar codificar o botão de Cadastrar, para isso volte ao form e dê dois cliques no botão Cadastrar para irmos à janela de edição de código no evento Click do nosso Button. Após isso digite o código que verá na imagem abaixo:
:::DESAFIOS:::
1) Como fazer um botão para exclusão dos registros da tabela oficinas de acordo com o seu código?
2) Como adicionar um botão para limpar os campos de texto que aparecem no form?
a. Dica: Elemento Clear ou string vazia “ ”.
