Ajuda para criar tabela com dados de uma consulta mysql e botão excluir registro a cada linha

marcusufsj · March 31

Pessoal, boa tarde.

Tenho um formulário bem simples de cadastro que já funciona muito bem para meu propósito.

Eu queria agora, exibir abaixo do formulário duas tabelas com registros do banco e ao final de cada linha, um botão excluir registro, assim como mostra a figura anexada ao tópico.

No momento, precisaria apenas disso para que meu "mini sistema" seja no mínimo funcional para o que preciso aqui no trabalho. Espero poder contar com dicas e ajuda dos feras aqui do fórum.

Confesso que o único contato que tive com programação foi em meados de 2013 quando comecei um curso de php e mysql e infelizmente não consegui termina-lo, por isso espero contar também com a paciência e compreensão de vocês. O objetivo desse sisteminha é melhorar a logística de insumos do laboratório público(SUS) onde trabalho no diagnóstico de covid. Simplesmente comecei a escrever o código e adaptar modelos encontradas na internet com o pouco que me lembrava e no fim consegui fazer esse formulário.

Segue o código:

cadastro1.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CADASTRO</title>

<style type="text/css">

<!--
.style1 {
	color: #FF0000;
	font-size: small;
}
.style3 {color: #0000FF; font-size: x-small; }

-->

</style>


<script type="text/javascript">
  
/* BLOQUEIA ENTER leitor código de barras
window.addEventListener('keydown', function(e) {
        if (e.keyIdentifier == 'U+000A' || e.keyIdentifier == 'Enter' || e.keyCode == 13) {
            if (e.target.nodeName == 'INPUT' && e.target.type == 'text') {
               e.preventDefault();
                return false;
            }
        }
    }, true); */


//VALIDA CAMPO
function validaCampo()
{
if(document.cadastro.produto.value=="")
	{
	alert("O Campo PRODUTO \u00e9 obrigat\u00f3rio!");
	return false;
	}
else
	if(document.cadastro.quantidade.value=="")
	{
	alert("O Campo QUANTIDADE \u00e9 obrigat\u00f3rio!");
	return false;
	}
else
if(document.cadastro.colaborador.value=="")
	{
	alert("O Campo COLABORADOR \u00e9 obrigat\u00f3rio!");
	return false;
	}
else
return true;
}
<!-- Fim do JavaScript que validará os campos obrigatórios! -->
</script>
</head>

<body>


<form id="cadastro" name="cadastro" method="post" action="processa.php" onsubmit="return validaCampo(); return false;">
  <table width="625" border="0" align="center">
  <h2 align="center">Dados da retirada:</h2>
    <tr>
      <td width="69">Produto:</td>
      <td width="546"><input name="produto" type="text" id="produto" size="60" maxlength="50" />
        <span class="style1">*</span></td>
    </tr>
	<tr>
      <td>Quantidade:</td>
      <td><input name="quantidade" type="number" id="quantidade" size="38" maxlength="35" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Colaborador:</td>
      <td><input name="colaborador" type="text" id="colaborador" size="60" maxlength="50" />
      <span class="style1">*</span></td>
    </tr>
    <tr>
    <td><h3>Adicionais:</h3></td>
	  <tr>
      <td>Observa&ccedil;oes:</td>
      <td><textarea name="obs" id="obs" cols="40" rows="3" ></textarea>
        </td>
    </tr>	
    <tr>
      <td>Lote:</td>
      <td><input name="lote" type="text" id="lote" size="38" />
       <span class="style1">APENAS PARA KITS DE PCR</span></td> 
    </tr>
    <tr>
     <tr>
      <td colspan="2"><p>
        <input name="cadastrar" type="submit" id="cadastrar" value="Concluir retirada!" /> &ensp;
        
          <input name="limpar" type="reset" id="limpar" value="Limpar Campos preenchidos!" />
          <br />
          <span class="style1">Campos com * s&atilde;o obrigat&oacute;rios!</span></p>
      <p>&nbsp; </p></td>
    </tr>
  </table>
</form>
  
<!-- INICIO DA CONSULTA QUE CONSEGUI EXIBIR ABAIXO DO FORMULÁRIO! -->
  
  <?php 

//conectando com o localhost - mysql
$conexao = mysql_connect("localhost","root","usbw");
if (!$conexao)
	die ("Erro de conexão com localhost, o seguinte erro ocorreu -> ".mysql_error());
//conectando com a tabela do banco de dados
$banco = mysql_select_db("covid",$conexao);
if (!$banco)
	die ("Erro de conexão com banco de dados, o seguinte erro ocorreu -> ".mysql_error());
mysql_query("SET NAMES 'utf8'");
mysql_query('SET character_set_connection=utf8');
mysql_query('SET character_set_client=utf8');
mysql_query('SET character_set_results=utf8');

?> 


         <fieldset class="row2">
          <legend><font color="black">Ultimas Sa&iacute;das</font></legend>
            <p>
                <?php
                   $query = "SELECT created,produto,quantidade,colaborador from retirada ORDER BY created desc";
                   $result = mysql_query($query);
                    while($fetch = mysql_fetch_row($result)){
       echo "<p>". $fetch[0] . " | " . $fetch[1] . " | " . $fetch[2] . " | " . $fetch[3] . "</p>";
    }
                ?>
            </p> 
        </fieldset> 
</body>
</html>

processa.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<?php 
// RECEBENDO OS DADOS PREENCHIDOS DO FORMULÁRIO !
$produto	= $_POST ["produto"];	//atribuição do campo "produto" vindo do formulário para variavel
$quantidade	= $_POST ["quantidade"];	//atribuição do campo "quantidade" vindo do formulário para variavel	
$colaborador	= $_POST ["colaborador"];	//atribuição do campo "colaborador" vindo do formulário para variavel
$obs	= $_POST ["obs"];	//atribuição do campo "obs" vindo do formulário para variavel
$lote	= $_POST ["lote"];	//atribuição do campo "lote" vindo do formulário para variavel
//Gravando no banco de dados !

//conectando com o localhost - mysql
$conexao = mysql_connect("localhost","root","usbw");
if (!$conexao)
	die ("Erro de conexão com localhost, o seguinte erro ocorreu -> ".mysql_error());
//conectando com a tabela do banco de dados
$banco = mysql_select_db("covid",$conexao);
if (!$banco)
	die ("Erro de conexão com banco de dados, o seguinte erro ocorreu -> ".mysql_error());
mysqli_set_charset($conexao,"utf8");
mysql_query("SET NAMES 'utf8'");
mysql_query('SET character_set_connection=utf8');
mysql_query('SET character_set_client=utf8');
mysql_query('SET character_set_results=utf8');



$query = "INSERT INTO `retirada` (`created` , `produto` , `quantidade` , `colaborador` , `obs` , `lote` , `id` ) 
VALUES (NOW(),'$produto', '$quantidade', '$colaborador', '$obs', '$lote', '')";

mysql_query($query,$conexao);

echo "<script>
    alert('Registrado com sucesso!'); location= './cadastro1.php';
    </script>";
	
 //echo "Seu cadastro foi realizado com sucesso!<br>Agradecemos a atenção." ;
   


?> 
</body>
</html>

sql:

-- Dumping database structure for covid
CREATE DATABASE IF NOT EXISTS `covid` /*!40100 DEFAULT CHARACTER SET utf8 */;
USE `covid`;

-- Dumping structure for table covid.requisicao
CREATE TABLE IF NOT EXISTS `requisicao` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `created` datetime NOT NULL,
  `produto` varchar(50) NOT NULL DEFAULT '0',
  `quantidade` varchar(50) NOT NULL DEFAULT '0',
  `setor` varchar(50) NOT NULL DEFAULT '0',
  `colaborador` varchar(50) NOT NULL DEFAULT '0',
  UNIQUE KEY `id` (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

-- Data exporting was unselected.

-- Dumping structure for table covid.retirada
CREATE TABLE IF NOT EXISTS `retirada` (
  `created` datetime NOT NULL,
  `produto` varchar(60) NOT NULL,
  `quantidade` varchar(60) NOT NULL,
  `colaborador` varchar(60) NOT NULL,
  `obs` varchar(70) NOT NULL,
  `lote` varchar(20) NOT NULL,
  `id` int(200) NOT NULL AUTO_INCREMENT,
  UNIQUE KEY `id` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=latin1;

-- Data exporting was unselected.

/*!40101 SET SQL_MODE=IFNULL(@OLD_SQL_MODE, '') */;
/*!40014 SET FOREIGN_KEY_CHECKS=IFNULL(@OLD_FOREIGN_KEY_CHECKS, 1) */;
/*!40101 SET [email protected]_CHARACTER_SET_CLIENT */;
/*!40111 SET SQL_NOTES=IFNULL(@OLD_SQL_NOTES, 1) */;

Edited March 31 by marcusufsj

Edmilson Duarte · Monday at 10:28 PM

Fala dr. acessa ai ó tou explicando um pouco de como efetua uma conexão.

https://www.youtube.com/watch?v=VSOoQdANE-Y&t=37s

Sign In

Ajuda para criar tabela com dados de uma consulta mysql e botão excluir registro a cada linha

Question

marcusufsj 0

Link to post

Share on other sites

1 answer to this question

Recommended Posts

Edmilson Duarte 0

Link to post

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity