├── model
    └── conexion.php
├── eliminar.php
├── editarProceso.php
├── template
    ├── footer.php
    └── header.php
├── scripts.txt
├── registrar.php
├── editar.php
└── index.php


/model/conexion.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | $contrasena = "";
 3 | $usuario = "root";
 4 | $nombre_bd = "crud";
 5 | 
 6 | try {
 7 | 	$bd = new PDO (
 8 | 		'mysql:host=localhost;
 9 | 		dbname='.$nombre_bd,
10 | 		$usuario,
11 | 		$contrasena,
12 | 		array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8")
13 | 	);
14 | } catch (Exception $e) {
15 | 	echo "Problema con la conexion: ".$e->getMessage();
16 | }
17 | ?>


--------------------------------------------------------------------------------
/eliminar.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 |     if(!isset($_GET['codigo'])){
 3 |         header('Location: index.php?mensaje=error');
 4 |         exit();
 5 |     }
 6 | 
 7 |     include 'model/conexion.php';
 8 |     $codigo = $_GET['codigo'];
 9 | 
10 |     $sentencia = $bd->prepare("DELETE FROM persona where codigo = ?;");
11 |     $resultado = $sentencia->execute([$codigo]);
12 | 
13 |     if ($resultado === TRUE) {
14 |         header('Location: index.php?mensaje=eliminado');
15 |     } else {
16 |         header('Location: index.php?mensaje=error');
17 |     }
18 |     
19 | ?>


--------------------------------------------------------------------------------
/editarProceso.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     print_r($_POST);
 3 |     if(!isset($_POST['codigo'])){
 4 |         header('Location: index.php?mensaje=error');
 5 |     }
 6 | 
 7 |     include 'model/conexion.php';
 8 |     $codigo = $_POST['codigo'];
 9 |     $nombre = $_POST['txtNombre'];
10 |     $edad = $_POST['txtEdad'];
11 |     $signo = $_POST['txtSigno'];
12 | 
13 |     $sentencia = $bd->prepare("UPDATE persona SET nombre = ?, edad = ?, signo = ? where codigo = ?;");
14 |     $resultado = $sentencia->execute([$nombre, $edad, $signo, $codigo]);
15 | 
16 |     if ($resultado === TRUE) {
17 |         header('Location: index.php?mensaje=editado');
18 |     } else {
19 |         header('Location: index.php?mensaje=error');
20 |         exit();
21 |     }
22 |     
23 | ?>


--------------------------------------------------------------------------------
/template/footer.php:
--------------------------------------------------------------------------------
 1 | <footer class="container-fluid bg-dark fixed-bottom">
 2 |         <div class="row">
 3 |             <div class="col-md text-light text-center py-3">
 4 |                 Desarrollado por Roger Gómez
 5 |             </div>
 6 |         </div>
 7 |     </footer>
 8 |       
 9 |     <!-- Bootstrap JavaScript Libraries -->
10 |     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
11 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
12 |   </body>
13 | </html>


--------------------------------------------------------------------------------
/scripts.txt:
--------------------------------------------------------------------------------
 1 | create database crud;
 2 | use crud;
 3 | 
 4 | create table persona(
 5 |   codigo int auto_increment primary key,
 6 |   nombre varchar(100),
 7 |   edad int,
 8 |   signo varchar(20)
 9 | );
10 | 
11 | INSERT INTO persona(nombre, edad, signo) VALUES 
12 | ('Roger Gómez','34','Leo'),
13 | ('Ruth Tarqui','22','Piscis'),
14 | ('Antonio Torres','5','Acuario')
15 | 
16 | *************
17 | 
18 | <?php 
19 | $contrasena = "";
20 | $usuario = "root";
21 | $nombre_bd = "crud";
22 | 
23 | try {
24 | 	$bd = new PDO (
25 | 		'mysql:host=localhost;
26 | 		dbname='.$nombre_bd,
27 | 		$usuario,
28 | 		$contrasena,
29 | 		array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8")
30 | 	);
31 | } catch (Exception $e) {
32 | 	echo "Problema con la conexion: ".$e->getMessage();
33 | }
34 | ?>
35 | 


--------------------------------------------------------------------------------
/registrar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     //print_r($_POST);
 3 |     if(empty($_POST["oculto"]) || empty($_POST["txtNombre"]) || empty($_POST["txtEdad"]) || empty($_POST["txtSigno"])){
 4 |         header('Location: index.php?mensaje=falta');
 5 |         exit();
 6 |     }
 7 | 
 8 |     include_once 'model/conexion.php';
 9 |     $nombre = $_POST["txtNombre"];
10 |     $edad = $_POST["txtEdad"];
11 |     $signo = $_POST["txtSigno"];
12 |     
13 |     $sentencia = $bd->prepare("INSERT INTO persona(nombre,edad,signo) VALUES (?,?,?);");
14 |     $resultado = $sentencia->execute([$nombre,$edad,$signo]);
15 | 
16 |     if ($resultado === TRUE) {
17 |         header('Location: index.php?mensaje=registrado');
18 |     } else {
19 |         header('Location: index.php?mensaje=error');
20 |         exit();
21 |     }
22 |     
23 | ?>


--------------------------------------------------------------------------------
/template/header.php:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="es">
 3 |   <head>
 4 |     <title>CRUD php y mysql b5</title>
 5 |     <!-- Required meta tags -->
 6 |     <meta charset="utf-8">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8 | 
 9 |     <!-- Bootstrap CSS v5.0.2 -->
10 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"  integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
11 | 
12 |     <!-- cdn icnonos-->
13 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
14 |   </head>
15 |   <body>
16 |       <div class="container-fluid bg-warning">
17 |           <div class="row">
18 |               <div class="col-md">
19 |                   <header class="py-3">
20 |                       <h3 class="text-center">CRUD PHP con Bootstrap 5</h3>
21 |                   </header>
22 |               </div>
23 |           </div>
24 |       </div>


--------------------------------------------------------------------------------
/editar.php:
--------------------------------------------------------------------------------
 1 | <?php include 'template/header.php' ?>
 2 | 
 3 | <?php
 4 |     if(!isset($_GET['codigo'])){
 5 |         header('Location: index.php?mensaje=error');
 6 |         exit();
 7 |     }
 8 | 
 9 |     include_once 'model/conexion.php';
10 |     $codigo = $_GET['codigo'];
11 | 
12 |     $sentencia = $bd->prepare("select * from persona where codigo = ?;");
13 |     $sentencia->execute([$codigo]);
14 |     $persona = $sentencia->fetch(PDO::FETCH_OBJ);
15 |     //print_r($persona);
16 | ?>
17 | 
18 | <div class="container mt-5">
19 |     <div class="row justify-content-center">
20 |         <div class="col-md-4">
21 |             <div class="card">
22 |                 <div class="card-header">
23 |                     Editar datos:
24 |                 </div>
25 |                 <form class="p-4" method="POST" action="editarProceso.php">
26 |                     <div class="mb-3">
27 |                         <label class="form-label">Nombre: </label>
28 |                         <input type="text" class="form-control" name="txtNombre" required 
29 |                         value="<?php echo $persona->nombre; ?>">
30 |                     </div>
31 |                     <div class="mb-3">
32 |                         <label class="form-label">Edad: </label>
33 |                         <input type="number" class="form-control" name="txtEdad" autofocus required
34 |                         value="<?php echo $persona->edad; ?>">
35 |                     </div>
36 |                     <div class="mb-3">
37 |                         <label class="form-label">Signo: </label>
38 |                         <input type="text" class="form-control" name="txtSigno" autofocus required
39 |                         value="<?php echo $persona->signo; ?>">
40 |                     </div>
41 |                     <div class="d-grid">
42 |                         <input type="hidden" name="codigo" value="<?php echo $persona->codigo; ?>">
43 |                         <input type="submit" class="btn btn-primary" value="Editar">
44 |                     </div>
45 |                 </form>
46 |             </div>
47 |         </div>
48 |     </div>
49 | </div>
50 | 
51 | <?php include 'template/footer.php' ?>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
  1 | <?php include 'template/header.php' ?>
  2 | 
  3 | <?php
  4 |     include_once "model/conexion.php";
  5 |     $sentencia = $bd -> query("select * from persona");
  6 |     $persona = $sentencia->fetchAll(PDO::FETCH_OBJ);
  7 |     //print_r($persona);
  8 | ?>
  9 | 
 10 | <div class="container mt-5">
 11 |     <div class="row justify-content-center">
 12 |         <div class="col-md-7">
 13 |             <!-- inicio alerta -->
 14 |             <?php 
 15 |                 if(isset($_GET['mensaje']) and $_GET['mensaje'] == 'falta'){
 16 |             ?>
 17 |             <div class="alert alert-danger alert-dismissible fade show" role="alert">
 18 |             <strong>Error!</strong> Rellena todos los campos.
 19 |             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 20 |             </div>
 21 |             <?php 
 22 |                 }
 23 |             ?>
 24 | 
 25 | 
 26 |             <?php 
 27 |                 if(isset($_GET['mensaje']) and $_GET['mensaje'] == 'registrado'){
 28 |             ?>
 29 |             <div class="alert alert-success alert-dismissible fade show" role="alert">
 30 |             <strong>Registrado!</strong> Se agregaron los datos.
 31 |             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 32 |             </div>
 33 |             <?php 
 34 |                 }
 35 |             ?>   
 36 |             
 37 |             
 38 | 
 39 |             <?php 
 40 |                 if(isset($_GET['mensaje']) and $_GET['mensaje'] == 'error'){
 41 |             ?>
 42 |             <div class="alert alert-danger alert-dismissible fade show" role="alert">
 43 |             <strong>Error!</strong> Vuelve a intentar.
 44 |             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 45 |             </div>
 46 |             <?php 
 47 |                 }
 48 |             ?>   
 49 | 
 50 | 
 51 | 
 52 |             <?php 
 53 |                 if(isset($_GET['mensaje']) and $_GET['mensaje'] == 'editado'){
 54 |             ?>
 55 |             <div class="alert alert-success alert-dismissible fade show" role="alert">
 56 |             <strong>Cambiado!</strong> Los datos fueron actualizados.
 57 |             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 58 |             </div>
 59 |             <?php 
 60 |                 }
 61 |             ?> 
 62 | 
 63 | 
 64 |             <?php 
 65 |                 if(isset($_GET['mensaje']) and $_GET['mensaje'] == 'eliminado'){
 66 |             ?>
 67 |             <div class="alert alert-warning alert-dismissible fade show" role="alert">
 68 |             <strong>Eliminado!</strong> Los datos fueron borrados.
 69 |             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 70 |             </div>
 71 |             <?php 
 72 |                 }
 73 |             ?> 
 74 | 
 75 |             <!-- fin alerta -->
 76 |             <div class="card">
 77 |                 <div class="card-header">
 78 |                     Lista de personas
 79 |                 </div>
 80 |                 <div class="p-4">
 81 |                     <table class="table align-middle">
 82 |                         <thead>
 83 |                             <tr>
 84 |                                 <th scope="col">#</th>
 85 |                                 <th scope="col">Nombre</th>
 86 |                                 <th scope="col">Edad</th>
 87 |                                 <th scope="col">Signo</th>
 88 |                                 <th scope="col" colspan="2">Opciones</th>
 89 |                             </tr>
 90 |                         </thead>
 91 |                         <tbody>
 92 |                             
 93 |                             <?php 
 94 |                                 foreach($persona as $dato){ 
 95 |                             ?>
 96 | 
 97 |                             <tr>
 98 |                                 <td scope="row"><?php echo $dato->codigo; ?></td>
 99 |                                 <td><?php echo $dato->nombre; ?></td>
100 |                                 <td><?php echo $dato->edad; ?></td>
101 |                                 <td><?php echo $dato->signo; ?></td>
102 |                                 <td><a class="text-success" href="editar.php?codigo=<?php echo $dato->codigo; ?>"><i class="bi bi-pencil-square"></i></a></td>
103 |                                 <td><a onclick="return confirm('Estas seguro de eliminar?');" class="text-danger" href="eliminar.php?codigo=<?php echo $dato->codigo; ?>"><i class="bi bi-trash"></i></a></td>
104 |                             </tr>
105 | 
106 |                             <?php 
107 |                                 }
108 |                             ?>
109 | 
110 |                         </tbody>
111 |                     </table>
112 |                     
113 |                 </div>
114 |             </div>
115 |         </div>
116 |         <div class="col-md-4">
117 |             <div class="card">
118 |                 <div class="card-header">
119 |                     Ingresar datos:
120 |                 </div>
121 |                 <form class="p-4" method="POST" action="registrar.php">
122 |                     <div class="mb-3">
123 |                         <label class="form-label">Nombre: </label>
124 |                         <input type="text" class="form-control" name="txtNombre" autofocus required>
125 |                     </div>
126 |                     <div class="mb-3">
127 |                         <label class="form-label">Edad: </label>
128 |                         <input type="number" class="form-control" name="txtEdad" autofocus required>
129 |                     </div>
130 |                     <div class="mb-3">
131 |                         <label class="form-label">Signo: </label>
132 |                         <input type="text" class="form-control" name="txtSigno" autofocus required>
133 |                     </div>
134 |                     <div class="d-grid">
135 |                         <input type="hidden" name="oculto" value="1">
136 |                         <input type="submit" class="btn btn-primary" value="Registrar">
137 |                     </div>
138 |                 </form>
139 |             </div>
140 |         </div>
141 |     </div>
142 | </div>
143 | 
144 | <?php include 'template/footer.php' ?>


--------------------------------------------------------------------------------