CRUD usando PHP Bootstrap e MySQL
Tutorial Crud PHP MySQL Bootstrap Exemplo. Aqui você aprenderá como criar aplicativos crud em PHP com MySQL e
bootstrap do zero (passo a passo). Este tutorial mostra como você pode criar crud (criar, ler, atualizar, excluir) em
PHP com MySQL e bootstrap.
Este é um exemplo muito simples e fácil para criar aplicativos crud(criar, ler, atualizar, excluir) em PHP com MySQL e
bootstrap.
Neste tutorial do PHP MySQL crud, também forneceremos uma demonstração em execução para seus testes. Você
pode baixar gratuitamente o código fonte da operação PHP crud clicando aqui .
Operações CRUD usando PHP Bootstrap e MySQL
Basta seguir os poucos passos e criar um aplicativo CRUD (criar, ler, atualizar, excluir) em PHP com MySQL e
Boostrap.
Passo 1 – Criar banco de dados
Passo 2 – Crie uma nova tabela
Etapa 3 – Arquivo de conexão do banco de dados
Passo 4 – Crie um arquivo js e CSS
Passo 5 – Adicione dados de formulário ao banco de dados
Passo 6 – Atualize os dados do formulário no banco de dados
Passo 7 - Recuperar e Exibir Lista
Passo 8 – Excluir dados no banco de dados
Passo 1 – Criar banco de dados
Primeiro de tudo, precisamos criar um banco de dados. Então vá para PHPMyAdmin e crie um novo nome de banco
de dados my_database.
Passo 2 – Crie uma nova tabela
Agora precisamos criar uma tabela chamada users. Então vá para o seu PHPMyAdmin e execute a consulta SQL
abaixo para criar uma tabela em seu banco de dados:
CREATE TABLE `users` (
`id` bigint(20) NOT NULL AUTO_INCREMENT PRIMARY KEY,
`name` varchar(255) DEFAULT NULL,
`email` varchar(255) DEFAULT NULL,
`mobile` varchar(255) DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
Etapa 3 – Arquivo de conexão do banco de dados
Próximo passo, crie um novo nome de pasta php-crud. Dentro desta pasta crie um novo nome de arquivo
connection.php e atualize o código abaixo em seu arquivo.
O código abaixo é usado para criar uma conexão de banco de dados MySQL em PHP. Quando buscamos, inserimos,
atualizamos ou excluímos dados do banco de dados MySQL, incluímos este arquivo:
<?php
/* Database credentials. Assuming you are running MySQL
server with default setting (user 'root' with no password) */
define('DB_SERVER', 'localhost');
define('DB_USERNAME', 'root');
define('DB_PASSWORD', '');
define('DB_NAME', 'my_database');
/* Attempt to connect to MySQL database */
$conn = mysqli_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD, DB_NAME);
// Check connection
if($conn === false){
die("ERROR: Could not connect. " . mysqli_connect_error());
?>
Passo 4 – Crie um arquivo js e CSS
Em seguida, precisamos criar um nome de arquivo head.php e colocar todo o caminho do arquivo CSS e js dentro
desse arquivo. Agora você pode atualizar o código abaixo em seu arquivo head.php:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
Passo 5 – Adicione dados de formulário ao banco de dados
Na próxima etapa, precisamos criar um novo nome de arquivo create.php. Então você pode atualizar o código abaixo
em seu arquivo create.php.
O código abaixo é usado para inserir dados no banco de dados MySQL em PHP com forma de bootstrap.
Vamos criar três campos o primeiro nome é um nome, o segundo é email e o terceiro nome do campo é celular.
Nesses três campos do formulário, vamos inserir o nome da nossa tabela de banco de dados users.
<?php
require_once "connection.php";
if(isset($_POST['save']))
$name = $_POST['name'];
$mobile = $_POST['mobile'];
$email = $_POST['email'];
$sql = "INSERT INTO users (name,mobile,email)
VALUES ('$name','$mobile','$email')";
if (mysqli_query($conn, $sql)) {
header("location: index.php");
exit();
} else {
echo "Error: " . $sql . "
" . mysqli_error($conn);
mysqli_close($conn);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Create Record</title>
<?php include "head.php"; ?>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-header">
<h2>Create Record</h2>
</div>
<p>Please fill this form and submit to add employee record to the database.</p>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
<div class="form-group">
<label>Name</label>
<input type="text" name="name" class="form-control" value="" maxlength="50" required="">
</div>
<div class="form-group ">
<label>Email</label>
<input type="email" name="email" class="form-control" value="" maxlength="30" required="">
</div>
<div class="form-group">
<label>Mobile</label>
<input type="mobile" name="mobile" class="form-control" value="" maxlength="12" required="">
</div>
<input type="submit" class="btn btn-primary" name="save" value="submit">
<a href="index.php" class="btn btn-default">Cancel</a>
</form>
</div>
</div>
</div>
</body>
</html>
Passo 6 – Atualize os dados do formulário no banco de dados
Agora você pode criar um novo nome de arquivo update.php e atualizar o código abaixo em seu arquivo.
O código abaixo é usado para recuperar e atualizar dados do banco de dados MySQL em PHP com forma de
bootstrap.
<?php
// Include database connection file
require_once "connection.php";
if(count($_POST)>0) {
mysqli_query($conn,"UPDATE users set name='" . $_POST['name'] . "', mobile='" . $_POST['mobile'] . "' ,email='" .
$_POST['email'] . "' WHERE id='" . $_POST['id'] . "'");
header("location: index.php");
exit();
$result = mysqli_query($conn,"SELECT * FROM users WHERE id='" . $_GET['id'] . "'");
$row= mysqli_fetch_array($result);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Update Record</title>
<?php include "head.php"; ?>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-header">
<h2>Update Record</h2>
</div>
<p>Please edit the input values and submit to update the record.</p>
<form action="<?php echo htmlspecialchars(basename($_SERVER['REQUEST_URI'])); ?>" method="post">
<div class="form-group">
<label>Name</label>
<input type="text" name="name" class="form-control" value="<?php echo $row["name"]; ?>" maxlength="50"
required="">
</div>
<div class="form-group ">
<label>Email</label>
<input type="email" name="email" class="form-control" value="<?php echo $row["email"]; ?>" maxlength="30"
required="">
</div>
<div class="form-group">
<label>Mobile</label>
<input type="mobile" name="mobile" class="form-control" value="<?php echo $row["mobile"]; ?>"
maxlength="12"required="">
</div>
<input type="hidden" name="id" value="<?php echo $row["id"]; ?>"/>
<input type="submit" class="btn btn-primary" value="Submit">
<a href="index.php" class="btn btn-default">Cancel</a>
</form>
</div>
</div>
</div>
</body>
</html>
Passo 7 - Recuperar e Exibir Lista
Na próxima etapa, criaremos um novo nome de arquivo index.php e atualizaremos o código abaixo em seu
index.php.
O código abaixo é usado para recuperar ou obter dados do banco de dados MySQL em PHP. Além disso, exibiremos
os dados buscados em uma tabela HTML de bootstrap.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Retrieve Or Fetch Data From MySQL Database Using PHP With Boostrap</title>
<?php include "head.php"; ?>
<script type="text/javascript">
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<div class="page-header clearfix">
<h2 class="pull-left">Users List</h2>
<a href="create.php" class="btn btn-success pull-right">Add New User</a>
</div>
<?php
include_once 'connection.php';
$result = mysqli_query($conn,"SELECT * FROM users");
?>
<?php
if (mysqli_num_rows($result) > 0) {
?>
<table class='table table-bordered table-striped'>
<tr>
<td>Name</td>
<td>Email id</td>
<td>Mobile</td>
<td>Action</td>
</tr>
<?php
$i=0;
while($row = mysqli_fetch_array($result)) {
?>
<tr>
<td><?php echo $row["name"]; ?></td>
<td><?php echo $row["email"]; ?></td>
<td><?php echo ($row["mobile"])?($row["mobile"]):('N/A'); ?></td>
<td><a href="update.php?id=<?php echo $row["id"]; ?>" title='Update Record'><span class='glyphicon
glyphicon-pencil'></span></a>
<a href="delete.php?id=<?php echo $row["id"]; ?>" title='Delete Record'><i class='material-icons'><span
class='glyphicon glyphicon-trash'></span></a>
</td>
</tr>
<?php
$i++;
?>
</table>
<?php
else{
echo "No result found";
?>
</div>
</div>
</div>
</body>
</html>
Passo 8 – Excluir dados no banco de dados
Na última etapa, precisamos criar um nome de arquivo delete.php e atualizar o código abaixo em seu arquivo
delete.php.
O código abaixo é usado para excluir dados do banco de dados MySQL em PHP.
<?php
include_once 'connection.php';
$sql = "DELETE FROM users WHERE id='" . $_GET["id"] . "'";
if (mysqli_query($conn, $sql)) {
header("location: index.php");
exit();
} else {
echo "Error deleting record: " . mysqli_error($conn);
mysqli_close($conn);
?>
Conclusão
Aplicação crud PHP MySQL com bootstrap. Neste tutorial, você aprendeu passo a passo como criar um aplicativo
simples em PHP usando MySQL e bootstrap.
