Breaking

Post Top Ad

Your Ad Spot

domingo, 8 de diciembre de 2019

Aplicación Simple Greeter en PHP - 20 proyectos en PHP



Estoy comenzando una serie de tutoriales diseñados para mover a una persona de un novato en PHP a un desarrollador de PHP competente, incluso si esa persona tiene un conocimiento limitado del desarrollo web. Este es uno de los 20 proyectos que tendrá esta serie. Este proyecto es de nivel principiante. Estén atentos para los próximos proyectos porque incluirán cosas desafiantes y divertidas como un foro, blog, libreta de direcciones y mucho más. Regístrese en este canal si desea recibir una notificación cuando se publique otro proyecto.
Estos son los aspectos de PHP que se tratan en esta publicación:
  • Envío de formularios utilizando superglobales GET y POST
  • Validación de formulario
A medida que avance en esta publicación, el código fuente de la aplicación Greeter se modificará para cubrir otros aspectos de PHP.

1. Aplicación Greeter - Versión 1

Esta versión recibe un nombre enviado a través de un formulario de entrada y luego muestra ese nombre junto a la cadena "Hola". Por ejemplo, se muestra "Hola Awa" si el nombre enviado desde el formulario es Awa.
greeter_v1.php:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Greeter - 2/20 Projects in PHP</title>
</head>
<body>
  <?php 
    // if the button with name="greet" is clicked
    if (isset($_GET['greet'])) {
      echo "<h1>Hello " . $_GET['name'] . "</h1>";
    }
  ?>
  <form action="greeter_v1.php">
    <input type="text" name="name">
    <button type="submit" name="greet">Submit</button>
  </form>
</body>
</html>

Lo que podemos aprender de esta versión de la aplicación greeter:

  • El   atributo de acción del formulario especifica el destino de los datos en el formulario después de enviarlo. En este caso, es greeter_v1.php, que es la misma página.
  • El   atributo del método especifica el tipo de solicitud que se realiza cuando se envía el formulario
  • Cuando  no se especifica el atributo del  método , el valor predeterminado es GET, como en este caso.
  • Cuando se envía el formulario, los valores se colocan en el superglobal incorporado $ _GET [] como una matriz con claves que son los   atributos de nombre de los campos del formulario y los valores como lo que se ingresó en el formulario.
  • Cuando el método utilizado para enviar el formulario es GET, los valores del formulario se envían a través de la URL del navegador y son visibles. Algo como esto:
Esta no es una buena práctica por dos razones principales:
  1. Si hubiera información confidencial en el formulario, como una contraseña, sería visible en la URL del navegador y, por lo tanto, sería un riesgo para la seguridad.
  2. Hay un límite en la longitud de una cadena que se puede pasar a través de la URL. No se pueden pasar cadenas muy largas con GET.

2. Aplicación Greeter - Versión 2

Esta versión de la aplicación Greeter básicamente realiza la misma función que la versión 1 pero con algunas características adicionales y optimización que examinaremos en un minuto:
greeter_v2.php:
<?php 
  // initialize $name and $error variables
  $name = "";
  $error = "";
  
  // if the button with name="greet" on the form is clicked
  if (isset($_POST['greet'])) {
   $name = $_POST['name'];
   if (empty($name)) {
     $error = "Please provide username";
   }
  }
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Greeter - 2/20 Projects in PHP</title>
</head>
<body>
  <!-- display greeting if the $name is not empty -->
  <?php if (!empty($name)) { ?>
   <h1> Hello <?php echo $name; ?> </h1>
  <?php } ?>

  <!-- display validation message if there is an error -->
  <?php if (!empty($error)) { ?>
    <p style="color: red;"><?php echo $error; ?></p>
  <?php } ?>
  
  <form method="post" action="greeting_v2.php">
   <input type="text" name="name">
   <button type="submit" name="greet">Submit</button>
  </form>
</body>
</html>

Qué aprender de la versión 2 de la aplicación Greeter:

  • En esta versión de la aplicación Greeter, configurar el atributo de método para  publicar  permite al navegador enviar una solicitud POST (en lugar de la solicitud GET de la versión 1) cuando se hace clic en el botón Enviar.
  • Cuando se envía el formulario, los valores se almacenan en la variable superglobal $ _POST [] en forma de matriz
  • El uso de una solicitud POST no muestra la información que se envía en la URL del navegador, lo cual es bueno.
  • El formulario también está siendo validado; Si el formulario se envía sin un valor para el nombre, se muestra un mensaje de error (o más bien un mensaje de validación), que le indica al usuario que proporcione un nombre.
  • Se ha introducido un nuevo método llamado empty () que comprueba si una variable tiene un valor devolviendo verdadero o falso

RESUMEN

En este mini proyecto, hemos aprendido:
  • Cómo enviar un formulario utilizando los métodos GET y POST.
  • El uso de un método GET puede revelar información confidencial, como contraseñas.
  • Los datos enviados a través de un método GET están disponibles en el superglobal $ _GET [] y son visibles en la URL del navegador y tienen una limitación de tamaño.
  • Los datos publicados a través de un método POST se pueden encontrar en el superglobal $ _POST []
  • La validación del formulario se puede lograr a través de una variable de error con un alcance de toda la página que se muestra cada vez que el formulario se envía con un error.

Conclusión

Básicamente, la forma en que funciona la web es que las personas proporcionan información, la computadora procesa y obtiene la salida para su visualización. Dado que los formularios son una de las formas más destacadas en las que se proporcionan aportes, una buena comprensión de ellos es, por lo tanto, fundamental para el aprendizaje del desarrollo web.
Gracias por seguir este proyecto hasta el final. Si tiene alguna idea, no dude en dejarla en la sección de comentarios a continuación.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas