Implementación de una página web para reservar asiento para restaurante

Todos nos enfrentamos a una situación de pandemia. Pero también en esta situación, a todos nos encanta disfrutar de la comida en diferentes restaurantes. En la situación de pandemia, todos los restaurantes están funcionando con el 50% de los clientes. Entonces, antes de ir a disfrutar de su comida, debe registrar sus asientos en el momento adecuado.

Entonces creamos una página web para un restaurante en particular que tomará los detalles necesarios para reservar sus asientos y le dará un mensaje de confirmación al respecto. Esto es importante para tomar sus alimentos de forma segura y mantener la higiene. Hemos creado esto usando HTML y PHP.

Enfoque: El concepto principal es que vamos a construir un sitio web que ayude a los clientes a reservar sus asientos para tomar su comida de manera segura y mantener la higiene. Habrá una página de inicio. Después de completar los detalles necesarios para reservar su asiento, se generará un mensaje de confirmación. Hemos utilizado dos archivos index.html (página de inicio) y dine.php (página de confirmación).

Al principio, se abrirá la página de inicio y deberá completar los detalles necesarios. Después de eso, se generará un mensaje de confirmación. Esta función ayuda al cliente a reservar su asiento solo para esa fecha determinada. La fecha se tomará del dispositivo. El usuario debe proporcionar el Nombre, Número de Clientes, Tiempo de Visita. Además, el usuario debe cargar certificados de vacunas o informes de pruebas de PT-PCR para todos los clientes en los archivos fusionados.

Requisito:

  • índice.html
  • cenar.php

Pasos para ejecutar:

  • Primero, tenemos que construir un formulario usando la etiqueta <form> en HTML.
  • Estableceremos el color de fondo con azul claro usando la ayuda de la etiqueta <style>.
  • Tenemos que llenar cuatro campos. Todos ellos son obligatorios. Hemos creado el Nombre, Número de clientes y Hora. En el momento de la reserva, debe cargar informes de pruebas negativas de RT-PCR o certificados de vacunas en un archivo combinado.
  • Todos los detalles se dan manualmente. Tienes que enviar tu nombre, el número de clientes y la hora. El tiempo que visitará el hotel depende completamente del cliente. La fecha se añadirá automáticamente. Solo reservará su solicitud solo para ese día.
  • Todas las entradas serán tomadas por algunas variables que se transferirán a la página siguiente para mostrar los detalles.
  • En la página siguiente, definiremos el archivo PHP donde mostraremos los detalles necesarios. En el archivo PHP, usaremos $_GET para tomar valores de la página anterior a esta página. También en esta página, se producirá el número de su mesa reservada.
  • Usaremos la función date() de PHP. El formato será la fecha («Y/m/d»). Tomará la fecha actual y mostrará la fecha en la página de resultados. Todos los días cambiará la fecha ya que se está tomando la fecha actual.

Ejemplo: A continuación se muestra la implementación del proceso anterior:

index.html

<!DOCTYPE html>
<html>
  
<head>
    <title>Only Ghosals'</title>
  
    <style>
        body {
            background-color: lightblue;
        }
    </style>
</head>
  
<body>
    <center>
        <h2>Only Ghosals' Restaurant</h2>
        <h2>11, Dayal Banerjee Road</h2>
        <h2>Shibpur, Howrah-711102</h2>
        <h3>Mask & Sanitizer Are Mandatory</h3>
        <h3>
            Upload RT-PCR Negative Test Report 
            Or Two Dose Of Vaccine Certificate
        </h3>
          
        <h3>***Booking Only For Today***</h3>
        </br></br>
  
        <form action="dine.php" method="get">
            <table>
                <tr>
                    <td>Name:</td>
                    <td><input type="text" name="name" 
                        required /><br /><br />
                    </td>
                </tr>
                <tr>
                    <td>Total Number Of Customer:</td>
                    <td><input type="text" name="val" 
                        required /><br /><br />
                    </td>
                </tr>
                <tr>
                    <td>Time (12 Hours Format):</td>
                    <td><input type="text" name="time" 
                        required /><br /><br />
                    </td>
                </tr>
                <tr>
                    <td>
                        Upload Certificates Or Test 
                        Reports(Merged Files):
                    </td>
                    <td><input type="file" id="myfile" 
                        name="myfile" required /><br /><br />
                    </td>
                </tr>
                <tr>
                    <td><input type="submit" name="submit" 
                        value="Submit" />
                    </td>
                </tr>
            </table>
        </form>
    </center>
</body>
  
</html>
  • dine.php: El siguiente código se usa en el código HTML anterior.

dine.php

<!DOCTYPE html>
<html>
  
<head>
    <style>
        body {
            background-color: lightblue;
        }
    </style>
</head>
  
<body>
    <?php
    echo "<h2>
<p><center>
        Only Ghosals' Restaurant</p>
</h2>";
    echo "<h2>
<p><center>
        11, Dayal Banerjee Road</p>
</h2>";
    echo "<h2>
<p><center>
        Shibpur, Howrah-711102</p>
</h2>";
    echo "</br>";
    echo "<h2>
<p><center>
        Name : " . $_GET['name'] . ". </p>
</h2>";
    echo "<h2>
<p><center>
        Booked For Today " . date("Y/m/d") . "</p>
</h2>";
    echo "<h2>
<p><center>
        Time : " . $_GET['time'] . ". </p>
</h2>";
    echo "<h2>
<p><center>
        Total Number Of Customer : " 
        . $_GET['val'] . ". </p>
</h2>";
    echo "<h2>
<p><center>
        Table Number Booked: 32";
    echo "</br>";
    echo "<h3>
<p><center>
        Take A Screenshot For Further Use At Hotel</p>
</h3>";
    echo "<h3>
<p><center>
            Please Bring All Certificates Or Test Reports 
            At Visiting Time</p>
</h3>";
    echo "</br>";
    ?>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por sounetraghosal2000 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *