├── CSS
    └── style.css
├── README.md
├── connection.php
├── delete_user.php
├── edit_user.php
├── index.php
├── insert_user.php
├── update.php
└── users.sql


/CSS/style.css:
--------------------------------------------------------------------------------
 1 | * {
 2 |     box-sizing: border-box;
 3 |     margin: 0;
 4 |     padding: 0;
 5 | }
 6 | 
 7 | html {
 8 |     font-family: 'Segoe UI', sans-serif;
 9 |     text-align: center;
10 | }
11 | 
12 | a{
13 |     text-decoration: none;
14 | }
15 | 
16 | .users-form form{
17 |     display: flex;
18 |     flex-direction: column;
19 |     gap: 24px;
20 |     width: 30%;
21 |     margin: 20px auto;
22 |     text-align: center;
23 | }
24 | 
25 | .users-form form input{
26 |     font-family: 'Segoe UI', sans-serif;
27 | }
28 | 
29 | .users-form form input[type=text],
30 | .users-form form input[type=password],
31 | .users-form form input[type=email]{
32 |     padding: 8px;
33 |     border:2px solid #aaa;
34 |     border-radius:4px;
35 |     outline:none;
36 |     transition:.3s;
37 | }
38 | 
39 | .users-form form input[type=text]:focus,
40 | .users-form form input[type=password]:focus,
41 | .users-form form input[type=password]:focus{
42 |     border-color:dodgerBlue;
43 |     box-shadow:0 0 6px 0 dodgerBlue;
44 | }
45 | 
46 | .users-form form input[type=submit]{
47 |     border: none;
48 |     padding: 12px 50px;
49 |     text-decoration: none;
50 |     transition-duration: 0.4s;
51 |     cursor: pointer;
52 |     border-radius: 5px;
53 |     background-color: white; 
54 |     color: black; 
55 |     border: 2px solid #60a100;
56 | }
57 | 
58 | .users-form form input[type=submit]:hover {
59 |     background-color: #60a100;
60 |     color: white;
61 | }
62 | 
63 | .users-table table{
64 |     border: 1px solid #ccc;
65 |     border-collapse: collapse;
66 |     margin: 0;
67 |     padding: 0;
68 |     width: 100%;
69 |     table-layout: fixed;
70 | }
71 | 
72 | table tr {
73 |     background-color: #f8f8f8;
74 |     border: 1px solid #ddd;
75 |     padding: 4px;
76 | }
77 | 
78 | table th{
79 |     padding: 16px;
80 |     text-align: center;
81 |     font-size: .85em;
82 | }
83 | 
84 | .users-table--edit{
85 |     background: #009688;
86 |     padding: 6px;
87 |     color: #fff;
88 |     text-align: center;
89 |     font-weight: bold;
90 | }
91 | .users-table--delete{
92 |     background: #b11e1e;
93 |     padding: 6px;
94 |     color: #fff;
95 |     text-align: center;
96 |     font-weight: bold;
97 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # CRUD con PHP y MySQL 🐘
 2 | 
 3 | Este es un CRUD que creé con PHP y MySQL.
 4 | Creada para el tutorial de CRUD con PHP y MySQL en mi canal de Youtube.
 5 | **Mira el video haciendo click [aquí.](https://youtu.be/sYaEoNy5OGs)** 👈
 6 | 
 7 | ## Uso
 8 | Solo tienes que descargar el código, correr un server con XAMPP por ejemplo y crear la tabla usuarios con los campos (id, name, lastname, username, password, email).
 9 | 
10 | ## MySQL
11 | Dejaré el script de MySQL usado en el video.
12 | 
13 | Sientete libre de descargar el código y modificarlo a tu antojo. Si tienes alguna duda o sugerencia, no dudes en dejar un comentario en el video. 😉
14 | 
15 | ## Mis Redes Sociales
16 | <a href="https://www.linkedin.com/in/salmeron-alvarado/"><img align="left" src="https://raw.githubusercontent.com/yushi1007/yushi1007/main/images/linkedin.svg" alt="Salmeron | LinkedIn" width="24px"/></a>
17 | <a href="https://www.instagram.com/salmeron.daniel_/"><img align="left" src="https://raw.githubusercontent.com/yushi1007/yushi1007/main/images/instagram.svg" alt="Salmeron | Instagram" width="24px"/></a>
18 | 


--------------------------------------------------------------------------------
/connection.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function connection(){
 4 |     $host = "localhost";
 5 |     $user = "root";
 6 |     $pass = "";
 7 | 
 8 |     $bd = "users_crud_php";
 9 | 
10 |     $connect=mysqli_connect($host, $user, $pass);
11 | 
12 |     mysqli_select_db($connect, $bd);
13 | 
14 |     return $connect;
15 | 
16 | }
17 | 
18 | 
19 | ?>


--------------------------------------------------------------------------------
/delete_user.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | include("connection.php");
 4 | $con = connection();
 5 | 
 6 | $id=$_GET["id"];
 7 | 
 8 | $sql="DELETE FROM users WHERE id='$id'";
 9 | $query = mysqli_query($con, $sql);
10 | 
11 | if($query){
12 |     Header("Location: index.php");
13 | }else{
14 | 
15 | }
16 | 
17 | ?>


--------------------------------------------------------------------------------
/edit_user.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | include("connection.php");
 4 | $con = connection();
 5 | 
 6 | $id=$_POST["id"];
 7 | $name = $_POST['name'];
 8 | $lastname = $_POST['lastname'];
 9 | $username = $_POST['username'];
10 | $password = $_POST['password'];
11 | $email = $_POST['email'];
12 | 
13 | $sql="UPDATE users SET name='$name', lastname='$lastname', username='$username', password='$password', email='$email' WHERE id='$id'";
14 | $query = mysqli_query($con, $sql);
15 | 
16 | if($query){
17 |     Header("Location: index.php");
18 | }else{
19 | 
20 | }
21 | 
22 | ?>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include("connection.php");
 3 | $con = connection();
 4 | 
 5 | $sql = "SELECT * FROM users";
 6 | $query = mysqli_query($con, $sql);
 7 | ?>
 8 | 
 9 | <!DOCTYPE html>
10 | <html lang="en">
11 | 
12 | <head>
13 |     <meta charset="UTF-8">
14 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
15 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
16 |     <link href="CSS/style.css" rel="stylesheet">
17 |     <title>Users CRUD</title>
18 | </head>
19 | 
20 | <body>
21 |     <div class="users-form">
22 |         <h1>Crear usuario</h1>
23 |         <form action="insert_user.php" method="POST">
24 |             <input type="text" name="name" placeholder="Nombre">
25 |             <input type="text" name="lastname" placeholder="Apellidos">
26 |             <input type="text" name="username" placeholder="Username">
27 |             <input type="password" name="password" placeholder="Password">
28 |             <input type="email" name="email" placeholder="Email">
29 | 
30 |             <input type="submit" value="Agregar">
31 |         </form>
32 |     </div>
33 | 
34 |     <div class="users-table">
35 |         <h2>Usuarios registrados</h2>
36 |         <table>
37 |             <thead>
38 |                 <tr>
39 |                     <th>ID</th>
40 |                     <th>Nombre</th>
41 |                     <th>Apellidos</th>
42 |                     <th>Username</th>
43 |                     <th>Password</th>
44 |                     <th>Email</th>
45 |                     <th></th>
46 |                     <th></th>
47 |                 </tr>
48 |             </thead>
49 |             <tbody>
50 |                 <?php while ($row = mysqli_fetch_array($query)): ?>
51 |                     <tr>
52 |                         <th><?= $row['id'] ?></th>
53 |                         <th><?= $row['name'] ?></th>
54 |                         <th><?= $row['lastname'] ?></th>
55 |                         <th><?= $row['username'] ?></th>
56 |                         <th><?= $row['password'] ?></th>
57 |                         <th><?= $row['email'] ?></th>
58 |                         <th><a href="update.php?id=<?= $row['id'] ?>" class="users-table--edit">Editar</a></th>
59 |                         <th><a href="delete_user.php?id=<?= $row['id'] ?>" class="users-table--delete" >Eliminar</a></th>
60 |                     </tr>
61 |                 <?php endwhile; ?>
62 |             </tbody>
63 |         </table>
64 |     </div>
65 | 
66 | </body>
67 | 
68 | </html>


--------------------------------------------------------------------------------
/insert_user.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include("connection.php");
 3 | $con = connection();
 4 | 
 5 | $id = null;
 6 | $name = $_POST['name'];
 7 | $lastname = $_POST['lastname'];
 8 | $username = $_POST['username'];
 9 | $password = $_POST['password'];
10 | $email = $_POST['email'];
11 | 
12 | $sql = "INSERT INTO users VALUES('$id','$name','$lastname','$username','$password','$email')";
13 | $query = mysqli_query($con, $sql);
14 | 
15 | if($query){
16 |     Header("Location: index.php");
17 | }else{
18 | 
19 | }
20 | 
21 | ?>


--------------------------------------------------------------------------------
/update.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 |     include("connection.php");
 3 |     $con=connection();
 4 | 
 5 |     $id=$_GET['id'];
 6 | 
 7 |     $sql="SELECT * FROM users WHERE id='$id'";
 8 |     $query=mysqli_query($con, $sql);
 9 | 
10 |     $row=mysqli_fetch_array($query);
11 | ?>
12 | 
13 | <!DOCTYPE html>
14 | <html lang="en">
15 |     <head>
16 |         <meta charset="UTF-8">
17 |         <meta name="viewport" content="width=device-width, initial-scale=1">
18 |         <link href="css/style.css" rel="stylesheet">
19 |         <title>Editar usuarios</title>
20 |         
21 |     </head>
22 |     <body>
23 |         <div class="users-form">
24 |             <form action="edit_user.php" method="POST">
25 |                 <input type="hidden" name="id" value="<?= $row['id']?>">
26 |                 <input type="text" name="name" placeholder="Nombre" value="<?= $row['name']?>">
27 |                 <input type="text" name="lastname" placeholder="Apellidos" value="<?= $row['lastname']?>">
28 |                 <input type="text" name="username" placeholder="Username" value="<?= $row['username']?>">
29 |                 <input type="text" name="password" placeholder="Password" value="<?= $row['password']?>">
30 |                 <input type="text" name="email" placeholder="Email" value="<?= $row['email']?>">
31 | 
32 |                 <input type="submit" value="Actualizar">
33 |             </form>
34 |         </div>
35 |     </body>
36 | </html>


--------------------------------------------------------------------------------
/users.sql:
--------------------------------------------------------------------------------
 1 | -- phpMyAdmin SQL Dump
 2 | -- version 5.1.0
 3 | -- https://www.phpmyadmin.net/
 4 | --
 5 | -- Servidor: 127.0.0.1
 6 | -- Tiempo de generación: 08-09-2022 a las 18:31:53
 7 | -- Versión del servidor: 10.4.19-MariaDB
 8 | -- Versión de PHP: 8.0.6
 9 | 
10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
11 | START TRANSACTION;
12 | SET time_zone = "+00:00";
13 | 
14 | 
15 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
16 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
17 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
18 | /*!40101 SET NAMES utf8mb4 */;
19 | 
20 | --
21 | -- Base de datos: `users_crud_php`
22 | --
23 | 
24 | -- --------------------------------------------------------
25 | 
26 | --
27 | -- Estructura de tabla para la tabla `users`
28 | --
29 | 
30 | CREATE TABLE `users` (
31 |   `id` int(11) NOT NULL,
32 |   `name` varchar(20) NOT NULL,
33 |   `lastname` varchar(20) NOT NULL,
34 |   `username` varchar(14) NOT NULL,
35 |   `password` varchar(14) NOT NULL,
36 |   `email` varchar(20) NOT NULL
37 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
38 | 
39 | --
40 | -- Volcado de datos para la tabla `users`
41 | --
42 | 
43 | INSERT INTO `users` (`id`, `name`, `lastname`, `username`, `password`, `email`) VALUES
44 | (1, 'Daniel', 'Salmerón', 'salmeron_dev', '123456', 'salm@emial.com'),
45 | (5, 'Eduardo', 'Alvarado', 'daniel', '123', 'daniel@email.com');
46 | 
47 | --
48 | -- Índices para tablas volcadas
49 | --
50 | 
51 | --
52 | -- Indices de la tabla `users`
53 | --
54 | ALTER TABLE `users`
55 |   ADD PRIMARY KEY (`id`);
56 | 
57 | --
58 | -- AUTO_INCREMENT de las tablas volcadas
59 | --
60 | 
61 | --
62 | -- AUTO_INCREMENT de la tabla `users`
63 | --
64 | ALTER TABLE `users`
65 |   MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
66 | COMMIT;
67 | 
68 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
69 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
70 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
71 | 


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