Update user.php

IoTeacher · web-flow · commit 0dbcf4a5e9fe · 2024-04-15T09:08:34.000-07:00
diff --git a/user.php b/user.php
@@ -1,61 +1,70 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Agregar Usuario | PHP CRUD</title>
+  <title>Add User | PHP CRUD</title>
+  <!-- Enlace al archivo CSS de Tailwind CSS para estilos -->
   <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" />
 </head>
-
 <body>
   <div class="container mx-auto mt-12">
     <div class="flex justify-center items-center">
+      <!-- Formulario para agregar usuarios -->
       <form action="user.php" method="POST" class="w-1/2">
         <div class="flex flex-col mb-4">
-          <label for="name" class="mb-2 font-bold text-lg text-gray-900">Nombre</label>
-          <input type="text" name="name" id="name" placeholder="Nombre"
+          <label for="name" class="mb-2 font-bold text-lg text-gray-900">Name</label>
+          <input type="text" name="name" id="name" placeholder="Name"
             class="border-2 border-gray-400 p-2 rounded-lg focus:outline-none focus:border-green-500" required>
         </div>
         <div class="flex flex-col mb-4">
-          <label for="email" class="mb-2 font-bold text-lg text-gray-900">Correo Electrónico</label>
-          <input type="email" name="email" id="email" placeholder="Correo Electrónico"
+          <label for="email" class="mb-2 font-bold text-lg text-gray-900">Email</label>
+          <input type="email" name="email" id="email" placeholder="Email"
             class="border-2 border-gray-400 p-2 rounded-lg focus:outline-none focus:border-green-500" required>
         </div>
         <div class="flex flex-col mb-4">
-          <label for="mobile" class="mb-2 font-bold text-lg text-gray-900">Móvil</label>
-          <input type="tel" name="mobile" id="mobile" placeholder="Móvil"
+          <label for="mobile" class="mb-2 font-bold text-lg text-gray-900">Mobile</label>
+          <input type="tel" name="mobile" id="mobile" placeholder="Mobile"
             class="border-2 border-gray-400 p-2 rounded-lg focus:outline-none focus:border-green-500" required>
         </div>
         <div class="flex flex-col mb-4">
-          <label for="password" class="mb-2 font-bold text-lg text-gray-900">Contraseña</label>
-          <input type="password" name="password" id="password" placeholder="Contraseña"
+          <label for="password" class="mb-2 font-bold text-lg text-gray-900">Password</label>
+          <input type="password" name="password" id="password" placeholder="Password"
             class="border-2 border-gray-400 p-2 rounded-lg focus:outline-none focus:border-green-500" required>
         </div>
         <div class="flex flex-col mb-4">
           <button type="submit" name="submit"
-            class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 rounded shadow-lg hover:shadow-xl transition duration-200">Enviar</button>
+            class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 rounded shadow-lg hover:shadow-xl transition duration-200">Submit</button>
         </div>
       </form>
     </div>
+  </div>
 </body>
-
 </html>
 
 <?php
+// Se incluye el archivo de conexión a la base de datos
 include 'connect.php';
+// Se verifica si se ha enviado el formulario
 if (isset($_POST['submit'])) {
+  // Se obtienen los datos del formulario
   $name = $_POST['name'];
   $email = $_POST['email'];
   $mobile = $_POST['mobile'];
   $password = $_POST['password'];
 
+  // Se crea la consulta SQL para insertar los datos en la base de datos
   $sql = "INSERT INTO crud (name, email, mobile, password) VALUES ('$name', '$email', '$mobile', '$password')";
+  
+  // Se ejecuta la consulta SQL y se verifica si fue exitosa
   if (mysqli_query($conn, $sql)) {
-    echo "<script>alert('Usuario agregado exitosamente.')</script>";
+    echo "<script>alert('User added successfully.')</script>";
   } else {
+    // En caso de error, se muestra un mensaje de error
     echo "<script>console.log('Error: " . $sql . "<br>" . mysqli_error($conn) . "')</script>";
   }
+  
+  // Se cierra la conexión a la base de datos
   mysqli_close($conn);
 }
 ?>
