Skip to content

Latest commit

 

History

History
465 lines (367 loc) · 16 KB

agenda06.md

File metadata and controls

465 lines (367 loc) · 16 KB
Raw

Estudando PHP 🐘

Disciplina: Desenvolvimento de Sistemas II - ETEC

Agenda 06: PHP - Persistência de dados (parte 1).

MySQLi

MySQLi

  • trata-se de um driver que permite o acesso e manipulação de uma base de dados através da linguagem de programação PHP.
  • ou seja, a extensão MySQLi é um driver de banco de dados relacional usado no PHP, que fornece uma interface com os bancos de dados MySQL.
  • o PHP costumava utilizar o driver homônimo do banco MySQL, que suporta as versões mais antigas do MySQL. Porém essa extensão foi descontinuada e substituida por MySQLi.
  • o “i” em MySQLi vem da palavra em língua inglesa "improved" ou "melhorado".

As funções MySQLi funcionam apenas com PHP 5 (ou superior) e MySQL 4.1.3 (ou superior).

Objetido do projeto a ser desenvolvido:

"Criar um projeto para salvar o nome, apelido e e-mail de seus amigos, podendo ter assim um sistema exclusivo para gerenciar seus amigos."

Criando o Banco de Dados

No phpMyAdmin:

CREATE DATABASE `pwii`;

CREATE TABLE `pwii`.`amigo` (
 `idamigo` INT NOT NULL AUTO_INCREMENT,
 `nome` VARCHAR(45) NOT NULL,
 `apelido` VARCHAR(45) NOT NULL,
 `email` VARCHAR(45) NOT NULL,
 PRIMARY KEY (`idamigo`)
);

Criando o index:

No VSCode:

arquivo index.php

<...>
<div class="w3-padding w3-text-pink w3-half w3-display-middle w3-center">
  <h1 class="w3-center w3-pink w3-round-large">Projeto Lista de Amigos</h1>
  <div class="w3-row">
    <div class="w3-col w3-button w3-deep-purple w3-cell w3-round-large" style="width:48%;">
      <a href="cadastro.php" style="text-decoration: none;">
        <i class=" fa fa-user-plus" style="font-size: 2em;">
        <p style="display: inline;">Adicionar </p></i>
      </a>
    </div>
    <div class="w3-col w3-button w3-deep-purple w3-cell w3-round-large w3-right" style="width:48%;">
      <a href="listar.php" style="text-decoration: none;">
        <i class="fa fa-address-card" style="font-size: 2em">
        <p style="display: inline;">Listar</p></i>
      </a>
    </div>
  </div>
</div>
<...>

Criando página de cadastro

No VSCode:

arquivo cadastro.php

<...>
<a href="index.php" class="w3-display-topleft">
<i class="fa fa-arrow-circle-left w3-xlarge w3-deep-purple w3-button w3-round-large w3-margin-left w3-margin-top"> Voltar</i>
</a>

<div class="w3-padding w3-content w3-text-grey w3-third w3-margin w3-display-middle">
  <h1 class="w3-center w3-pink w3-round-large w3-margin">Cadastro de Amigos</h1>
  <form action="cadastroAction.php" class="w3-container" method='post'>
    <label class="w3-text-deep-purple" style="font-weight: bold;">Código</label>
    <input name="txtID" class="w3-input w3-grey w3-border" disabled><br>
    <label class="w3-text-deep-purple" style="font-weight: bold;">Nome</label>
    <input name="txtNome" class="w3-input w3-light-grey w3-border"><br>
    <label class="w3-text-deep-purple" style="font-weight: bold;">Apelido</label>
    <input name="txtApelido" class="w3-input w3-light-grey w3-border"><br>
    <label class="w3-text-deep-purple" style="font-weight: bold;">Email</label>
    <input name="txtEmail" class="w3-input w3-light-grey w3-border"><br>
    <button name="btnAdicionar" class="w3-button w3-pink w3-cell w3-round-large w3-right">
    <i class="w3-xlarge fa fa-user-plus">Adicionar</i> 
    </button>
  </form>
</div>
<...>

Criando a conexão script-base de dados:

No VSCode:

arquivo cadastroAction.php

Este arquivo irá interagir com a base de dados criada anteriormente (pwii), realizando a conexão com o banco, criando e executando a sentença sql de insert e, para finalizar, enviar mensagens de sucesso ou fracasso, a depender do resultado da nossa inserção de dados na base!!!

Para criar a conexão, há uma boa prática de criar variáveis para armazenar o nome do servidor, nome do usuário, senha e por fim o nome da base de dados. Após a definição dos valores para cada uma das variáveis, criamos uma instância do mysqli, que fornecerá recursos para realizar a inserção no banco de dados.

$servername = "localhost";
$username = "root";
$password = "SENHA";
$dbname = "pwii";
$conexao = new mysqli($servername, $username, $password, $dbname);

if ($conexao->connect_error) {
  die("Connection failed: " . $conexao->connect_error);
}

Criando a sentença de inserção de registros INSERT em cadastroAction.php

O próximo passo é a criação da sentença sql, para a inserção de um registro na tabela "amigo", utilizando os dados oriundos do formulário do arquivo “cadastro.php”.

<div class="w3-padding w3-content w3-text-grey w3-third w3-display-middle">

<?php

$servername = "localhost";
$username = "root";
$password = "SENHA";
$dbname = "pwii";
$conexao = new mysqli($servername, $username, $password, $dbname);

if ($conexao->connect_error) {
  die("Connection failed: " . $conexao->connect_error);
}

$sql = "INSERT INTO amigo (nome, apelido, email)
        VALUES ('".$_POST['txtNome']."', '".$_POST['txtApelido']."', '".$_POST['txtEmail']."')";

if ($conexao->query($sql) === TRUE) {
    echo '
    <a href="index.php">
    <h1 class="w3-button w3-pink w3-round-large">Amigo registrado com sucesso! </h1>
    </a>
    ';
  } else {
    echo '
    <a href="index.php">
    <h1 class="w3-button w3-pink w3-round-large">ERRO!</h1>
    </a>
    ';
  }

// Tanto para a mensagem de sucesso, quanto para de falha, há links redirecionando para a página inicial!


$conexao->close(); // fecha a conexão com o banco
?>

</div>

Criando página de listagem

No VSCode:

arquivo listar.php

Este arquivo conterá uma tabela com seis campos (ID, Nome, Apelido, e-mail, remover amigo e atualizar amigo), sendo que "remover" e "atualizar" serão links que redirecionarão para páginas respectivas de exclusão e atualização de amigos!

Para isso:

  • Criar instância MySQLi.
  • Verificar conexão.
  • Criar sentença SQL.
$servername = "localhost";
$username = "root";
$password = "SENHA";
$dbname = "pwii";
$conexao = new mysqli($servername, $username, $password, $dbname);

if ($conexao->connect_error) {
  die("Connection failed: " . $conexao->connect_error);
}

echo '
<div class="w3-padding w3-content w3-half w3-display-topmiddle w3-margin">
  <h1 class="w3-center w3-pink w3-round-large">Listagem de Amigos</h1>
  <table class="w3-table-all w3-centered">
    <thead>
      <tr class="w3-center w3-deep-purple">
        <th>Código</th>
        <th>Nome</th>
        <th>Apelido</th>
        <th>Email</th>
        <th>Excluir</th>
        <th>Atualizar</th>
      </tr>
    <thead>
';

$sql = "SELECT * FROM amigo" ;
// a sentença select retorna uma matriz de dados (array), ou seja, o resultado deve ser atribuído a uma variável ($resultado)
$resultado = $conexao->query($sql);

if($resultado != null)
// em caso de retorno, uma a estrutura de repetição foreach será utilizada para montar a tabela, listando todos os amigos:

foreach($resultado as $linha) {
  echo '<tr>';
  echo '<td>'.$linha['idamigo'].'</td>';
  echo '<td>'.$linha['nome'].'</td>';
  echo '<td>'.$linha['apelido'].'</td>';
  echo '<td>'.$linha['email'].'</td>';
  echo '<td><a href="excluir.php?id='.$linha['idamigo'].'&nome='.$linha['nome'].'&apelido='.$linha['apelido'].'&email='.$linha['email'].'"><i class="fa fa-user-times w3-large w3-text-deep-purple"></i></a></td></td>';
  echo '<td><a href="atualizar.php?id='.$linha['idamigo'].'&nome='.$linha['nome'].'&apelido='.$linha['apelido'].'&email='.$linha['email'].'"><i class="fa fa-spinner w3-large w3-text-deep-purple""></i></a></td></td>';
  // criados os links para  páginas de exclusão e atualização de amigos, e enviaremos os dados através da url, utilizando método get
  echo '</tr>';
}
echo '
</table>
</div>';

$conexao->close();

?>

</div>

Criação dos arquivos: excluir e excluir action

arquivo excluir.php

Composto por:

  • formulário com os campos (todos desabilitados):
    • nome;
    • apelido;
    • email.
  • botão para confirmar a exclusão.
  • link para cancelar a exclusão.
<a href="index.php" class="w3-display-topmiddle w3-red w3-center w3-padding w3-button w3-margin-top w3-round-large" style="text-decoration:none;">
  <i class="fa fa-ban" style="font-size:5em"></i>
  <p style="font-weight:bold;">CANCELAR EXCLUSÃO</p>
</a>

<div class="w3-padding w3-content w3-text-grey w3-third w3-margin w3-display-middle">
  <h1 class="w3-center w3-pink w3-round-large w3-margin">EXCLUIR - ID: <?php echo " ".$_GET['id']?> </h1>
  <form action="excluirAction.php" class="w3-container w" method='post'>
    <input name="txtID" class="w3-input w3-grey w3-border" type="hidden" value="<?php echo $_GET['id']?>">
    <br>
    <label class="w3-text-deep-purple" style="font-weight: bold;">Nome</label>
    <input name="txtNome" class="w3-input w3-border w3-grey" disabled value="<?php echo $_GET['nome']?>">
    <br>
    <label class="w3-text-deep-purple" style="font-weight: bold;">Apelido</label>
    <input name="txtApelido" class="w3-input w3-border w3-grey" disabled value="<?php echo $_GET['apelido']?>">
    <br>
    <label class="w3-text-deep-purple" style="font-weight: bold;">Email</label>
    <input name="txtEmail" class="w3-input w3-border w3-grey" disabled value="<?php echo $_GET['email']?>">
    <br>
    <button name="btnExcluir" class="w3-button w3-deep-purple w3-cell w3-round-large w3-right">
    <i class="w3-xxlarge fa fa-check"></i> Confirmar Exclusão.
    </button>
  </form>
</div>

e

arquivo excluirAction.php

  • Criar instância MySQLi.
  • Verificar conexão.
  • Criar sentença DELETE.
  • Executar a sentença, verificando se mesma obteve sucessso.
  • Gerar mensagens de sucesso e falha, com link para o arquivo listar.php.
  • Fechar a conexão.
$servername = "localhost";
$username = "root";
$password = "senha";
$dbname = "pwii";
$conexao = new mysqli($servername, $username, $password, $dbname);

if ($conexao->connect_error) {
  die("Connection failed: " . $conexao->connect_error);
}

$sql = "DELETE FROM amigo WHERE idamigo = '".$_POST['txtID'] ."';";

if ($conexao->query($sql) === TRUE) {
  echo '
  <a href="listar.php">
  <h1 class="w3-button w3-pink">Amigo Excluido com sucesso! </h1>
  </a>
  ';
} else {
  echo '
  <a href="listar.php">
  <h1 class="w3-button w3-pink">ERRO! </h1>
  </a>
  ';
}

$conexao->close();

Criação dos arquivos: atualizar e atualizar action

arquivo atualizar.php

Deve possuir um formulário com os campos (inputs):

  • nome;
  • apelido;
  • email.

Receberá os dados da url através do método get (do arquivo listar.php),para que o usuário possa realizar alterações nos dados (update).

<...>
<h1 class="w3-center w3-pink w3-round-large w3-margin">Atualizar - ID: <?php echo " ".$_GET['id']?> </h1>
<form action="atualizarAction.php" class="w3-container" method='post'>
  <input name="txtID" class="w3-input w3-grey w3-border" type="hidden" value="<?php echo $_GET['id']?>">
  <br>
  <label class="w3-text-deep-purple" style="font-weight: bold;">Nome</label>
  <input name="txtNome" class="w3-input w3-light-grey w3-border" value="<?php echo $_GET['nome']?>">
  <br>
  <label class="w3-text-deep-purple" style="font-weight: bold;">Apelido</label>
  <input name="txtApelido" class="w3-input w3-light-grey w3-border" value="<?php echo $_GET['apelido']?>">
  <br>
  <label class="w3-text-deep-purple" style="font-weight: bold;">Email</label>
  <input name="txtEmail" class="w3-input w3-light-grey w3-border" value="<?php echo $_GET['email']?>">
  <br>
  <button name="btnAtualizar" class="w3-button w3-deep-purple w3-cell w3-round-large w3-right">
  <i class="w3-large fa fa-spinner"></i> Atualizar
  </button>
</form>
<...>

e

arquivo atualizarAction.php

  • Criar instância MySQLi.
  • Verificar conexão.
  • Criar sentença Update.
  • Executar a sentença verificando se mesma obteve sucessso.
  • Gerar mensagems de sucesso e falha com link para o arquivo listar.php.
  • Fechar conexão.
$servername = "localhost";
$username = "root";
$password = "senha";
$dbname = "pwii";
$conexao = new mysqli($servername, $username, $password, $dbname);

if ($conexao->connect_error) {
  die("Connection failed: " . $conexao->connect_error);
}

$sql = "UPDATE amigo SET nome = '".$_POST['txtNome']."', apelido = '".$_POST['txtApelido']."', email='".$_POST['txtEmail']."' WHERE idamigo =". $_POST['txtID'].";";

if ($conexao->query($sql) === TRUE) {
  echo '
  <a href="listar.php">
  <h1 class="w3-button w3-pink">Amigo Atualizado com sucesso!</h1>
  </a>
  ';
  $id = mysqli_insert_id($conexao);

} else {
  echo '
  <a href="listar.php">
  <h1 class="w3-button w3-teal">ERRO! </h1>
  </a>
  ';
}

$conexao->close();

Você no comando

"Utilizando o que foi visto até agora, foi criada uma tabela no banco de dados com o nome: jogos, com os atributos idjogo (auto incremento), nome e fabricante.

  1. Obtenha os dados da tabela, utilizando o driver Mysqli
  2. Crie uma tabela utilizando os dados obtidos através da consulta ao banco de dados e exiba no navegador."

Criando a tabela jogo:

CREATE TABLE `pwii`.`jogo` (
 `idjogo` INT NOT NULL AUTO_INCREMENT,
 `nome` VARCHAR(45) NOT NULL,
 `fabricante` VARCHAR(45) NOT NULL,
 PRIMARY KEY (`idjogo`)
);

Inserindo registros:

INSERT INTO `pwii`.`jogo` (`nome`, `fabricante`) VALUES ('FIFA 2020', 'EA');
INSERT INTO `pwii`.`jogo` (`nome`, `fabricante`) VALUES ('FINAL FANTASY', 'Square Enix');
INSERT INTO `pwii`.`jogo` (`nome`, `fabricante`) VALUES ('GTA', 'Rockstar Games');
INSERT INTO `pwii`.`jogo` (`nome`, `fabricante`) VALUES ('CS: GO', 'Valve');

Código aqui!

Envio de Atividade

"Inês, professora de Inglês, ficou sabendo que Gabriela estudava programação, ficou interessada e pediu para ela desenvolver uma página para exibir as notas de cada um dos 4 módulos de inglês, de cada aluno concluinte da escola, oferecendo para Gabriela desconto em sua mensalidade.

Gabriela ficou muito interessada e começou a buscar informações para desenvolver o projeto. Por sorte a escola, possui um banco de dados, que contém uma tabela, com o código do aluno, seu nome e as notas dos quatros módulos de cada um dos alunos concluintes.

Utilizando o que foi visto até agora, vamos criar a página solicitada."

Criando a tabela "aluno concluinte"

CREATE TABLE `pwii`.`alunoconcluinte` (
 `idalunoconcluinte` INT(11) NOT NULL AUTO_INCREMENT,
 `nome` VARCHAR(45) NOT NULL,
 `nota1` FLOAT NOT NULL,
 `nota2` FLOAT NOT NULL,
 `nota3` FLOAT NOT NULL,
 `nota4` FLOAT NOT NULL,
 PRIMARY KEY (`idalunoconcluinte`)
);

Inserindo registros de alunos

INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Eduarda', '10', '10', '9', '10');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Paulo', '10', '9', '8', '9');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Igo', '10', '8', '10', '10');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Guilherm', '10', '9', '8', '7');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Henrique', '9', '9', '8', '7');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Nilson', '10', '9', '10', '9');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Ana', '9', '9', '8', '8');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Amanda', '8', '9', '9', '8');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Carlos', '6', '6', '5', '6');
INSERT INTO `pwii`.`alunoconcluinte` (`nome`, `nota1`, `nota2`, `nota3`, `nota4`) VALUES ('Pedro', '8', '8', '8', '7');

Resolução da atividade proposta aqui

Voltar ao início.