Aula_TPI

TRABALHANDO BANCO DE DADOS EM PHP Técnicas de Programação para Internet Prof. Arnaldo Martins Hidalgo Junior [email protected] Etec Antonio Devisate Técnico em Informática

SUMÁRIO Introdução ................................................................................................................................... 1 Trabalhando com PHP ................................................................................................................ 3 Tela de Conexão ..................................................................................................................... 3 Tela Principal .......................................................................................................................... 4 Tela Colaboradores / Novo ..................................................................................................... 5 Exercícios ................................................................................................................................... 9

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] INTRODUÇÃO Abra o PHPMyAdmin e crie uma base de dados chamada projetos. Para ter acesso ao PhpMyAdmin, inicialize o Wamp ou Xampp e depois de inicializado no seu navegador digite: http://localhost/phpmyadmin A tela abaixo será visualizada. Figura 1- Tela do PHPMyAdmin Caso seu usuário root não tenha senha, na tela acima, mantenha a palavra-passe em branco e clique em Executar. A tela a seguir será visualizada. Etec Antonio Devisate - 1 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] Figura 2 - Tela interna do PhpMyAdmin Clique em New, para criarmos uma nova base de dados. Figura 3 - Tela para criação de bases de dados Insira o nome da base de projetos, conforme solicitado no início do exercício e clique em Criar. Note que aparecerá uma mensagem na tela confirmando a criação da base de dados e já será redirecionado para outra tela que possibilitará a criação da primeira tabela. Vamos colocar o nome na tabela de trabalhos e colocar 4 colunas e outra chamada colaborador, que terão a seguinte composição (lembrando que os itens em branco são atributos que podem ficar em branco): Etec Antonio Devisate - 2 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] Figura 4 - Tabelas trabalhos e colaborador (ambos Ids são auto numerados) Depois de terem sido criadas, insira em cada tabela 10 registros (lembre-se que o id_gerente pode ou não ter alguém vinculado à ele, portanto, o Id_Gerente poderá ser nulo. Agora que estamos com o banco de dados criado, vamos para a próxima etapa. TRABALHANDO COM PHP Tela de Conexão Para que possamos trabalhar e criar algo interessante a partir do zero, vamos criar uma pasta no nosso computador com o nome de projetos e vamos criar dentro dela um arquivo chamado conexao.php, com o seguinte conteúdo: Figura 5 - Arquivo CONEXAO.PHP Neste projeto, nosso objetivo é criar algo rápido e que possa realizar as atividades básicas de CRUD (Create / Retrieve / Update / Delete). Agora, vamos criar uma tela básica para poder gerenciar os dados. Nesta tela, poderemos consultar, inserir, atualizar e apagar as informações dos registros de ambas as tabelas. Etec Antonio Devisate - 3 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] Tela Principal Vamos criar a tela abaixo, redigite o código e veja se ficará como a tela a seguir: Figura 6 - Arquivo INDEX.PHP Caso venhamos abrir o arquivo no navegador, teremos a visão que se segue: Figura 7 - http://localhost/projetos/index.php Agora, vamos criar as telas de cadastro de colaboradores. Etec Antonio Devisate - 4 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] Tela Colaboradores / Novo Vamos criar a tela de cadastro de colaboradores e nesta tela também estará uma listagem com todas as informações existentes no banco de dados, na tabela de colaboradores, mais precisamente. Nosso objetivo hoje é deixar a tela igual a que está abaixo. Caso você queira utilizar o materialize, fique a vontade. Não coloquei para que não tenhamos problema com as importações de classes, portanto, a proposta para hoje é uma tela mais rudimentar, mas com as funcionalidades que precisamos para nosso trabalho. Figura 8 - Tela de Gerenciamento das informações (Cadastro e consulta de dados) O código que precisamos para tal página ser vista é esse. Preste bastante atenção, pois em vários pontos são abertos e fechados o código PHP, mas explicarei com mais calma a frente, o que está sendo feito. Etec Antonio Devisate - 5 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] Figura 9 - Arquivo COLABORADORES.PHP (parte 1) Figura 10 - Arquivo COLABORADORES.PHP (parte 32 - continuar na linha 33) Etec Antonio Devisate - 6 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] Figura 11 - Arquivos COLABORADORES.PHP (parte 3 - contnuar a partir da linha 69) Vamos, linha a linha, em nosso arquivo, para que possamos entende-lo. Na linha 1, iniciamos o código PHP. Já na linha dois, inserimos o arquivo de conexão, que foi feito acima. O código a partir da linha 3 verifica se foi pressionado o botão Enviar (se foi “setado”) e, em caso afirmativo, coleta as informações vindas do formulário, nas linhas de 5 a 9. A linha 10, monta o código SQL que será utilizado em nosso trabalho e atribui à variável $sql. Verifique algo interessante nessa linha: $sql = \"insert into colaborador (nome_colaborador, cpf_colaborador, nasc_colaborador, sexo_colaborador, fone_colaborador) values ('\".$nome.\"', '\".$cpf.\"',' \".$nasc.\"',' \".$sexo.\"', '\".$fone.\"')\"; Como já vimos em banco de dados, esse comando insere na tabela colaborador, nos campos nome_colaborador, cpf_colaborador, etc., os valores que estão em $nome, $cpf, etc., mas outra coisa verificamos aqui, a presença de três apóstrofos que quando vamos para o código, notamos que são aspas duplas e simples ou o contrário (aspas simples e duplas). Isso porque, se não colocar essas aspas, quando fossemos inserir as informações, o comando insert na sua parte values ficaria assim (Arnaldo Martins Hidalgo Junior, 123.333.222-00,...) e não (‘Arnaldo Etec Antonio Devisate - 7 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] Martins Hidalgo Junior’, ‘123.333.222.00’,...). Então a presença dos caracteres acima é para que o navegador entenda que fechamos aspas e inserimos o caractere aspas para compor a cadeia de caracteres em questão, portanto, muita atenção. Na linha 11, a consulta é executada através da conexão que foi criado na importação da linha 2. Verificamos se a consulta foi executada com sucesso na linha 12 e em caso afirmativo, na linha 13, é mostrada a mensagem de acerto, caso contrário, na linha 15 temos o senão e na linha 16, a mensagem de erro, pois a consulta não foi executada por algum motivo. Na linha 19, finalizamos nosso PHP e vamos programar HTML. Na linha 23, é inserido o meta char-set para que possamos trabalhar com o padrão de caracteres do Brasil. Entre as linhas 25 a 31, temos estilos utilizados no formulário que vamos criar. Entre as linhas 37 e 69, temos o código do nosso formulário, dentro de uma tabela, para que sua apresentação na tela fique mais bonita (lembrando que se quiser, pode-se utilizar o Materialize). Das linhas 70 a 105, montamos a listagem dos já cadastrados, mas vamos entende-la passo a passo. Linha 71, atribuímos a variável $sql a informação para selecionar todos os dados da tabela colaboradores. Na linha 72, atribuímos em $consulta o resultado do comando executado. Já na 73, verificamos o número de linhas que foram encontradas nesta pesquisa. Linha 74, verifica se o número de linhas foi maior que 0, caso tenha sido, iniciamos uma tabela com largura 80% e borda de espessura, 1 pixel. Vamos criar nossa linha (onde ficarão os cabeçalhos dos campos), com alinhamento centralizado, espessura de texto negrito e tamanho da fonte de 18px. Serão criadas colunas para Nome Completo, CPF, Data de Nascimento, Sexo, Fone e uma mesclada chamada Ações, que receberá depois ações específicas para o formulário. Na linha 83, fecha-se a linha de cabeçalho. Agora, a linha 84, inicia-se um novo PHP. Para cada linha da consulta, armazenamos na variável $linha, ai fechamos o PHP e iniciamos uma linha onde colocaremos consulta a consulta, <td><?=$linha['nome_colaborador']?></td>. A informação em negrito é a mesma Etec Antonio Devisate - 8 - 03/05/2018

TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET Prof. Arnaldo Martins Hidalgo Junior [email protected] que <?php echo $linha[‘nome_colaborador’]; ?>. Nas linhas 96 e 97, criamos o link para a exclusão da informação e atualização dos dados. Faremos isso nas próximas aulas. Na linha 103, temos a mensagem que será exibida se a consulta da linha 72 retornar vazia. As linhas 106 e 107, finalizam nosso código e encerrar o arquivo. Não esqueçam de interligar a página index.php à pagina colaboradores.php. EXERCÍCIOS 01. A partir do modelo de Cadastro de Colaboradores, crie o cadastro de projetos. 02. Melhore seu trabalho com o materialize 03. Envie a pasta do seu trabalho para o e-mail [email protected] 04. Dúvidas, envie por e-mail um arquivo no Word, com o print da tela e a dúvida que tem, tentarei solucioná-la o mais breve possível. Uma ideia para desenvolvimento com materialize seria a que segue: Figura 12 - Projeto no Materialize Etec Antonio Devisate - 9 - 03/05/2018