Enviar Formulario Múltiple Usando PHP y MYSQL

Enviar Formulario Múltiple Usando PHP y MYSQL

En este tutorial aprenderemos a como un Enviar formulario múltiple usando PHP y MYSQL. El código en sí enviará datos de múltiples formularios al servidor de la base de datos. Este es un tipo de programa fácil de usar, siéntase libre de modificarlo. Para obtener más información sobre este tutorial, solo siga el paso a continuación.

Empezando:
Primero debe descargar e instalar XAMPP o cualquier servidor local que ejecute scripts PHP. Aquí está el enlace para el servidor XAMPP https://www.apachefriends.org/index.html.
Y, este es el enlace para el bootstrap que utilicé para el diseño del diseño https://getbootstrap.com/.

Crear Base de Datos
Abra el servidor web de su base de datos, luego cree un nombre de base de datos en ella db_multiple_input, luego haga clic en Importar, luego ubique el archivo de la base de datos dentro de la carpeta de la aplicación y luego haga clic en Aceptar.

Crear la conexión de la base de datos
Abra su editor de texto de cualquier tipo (notepad ++, etc.). Luego simplemente copie / pegue el siguiente código y luego llámelo conn.php

<?php
    $conn=mysqli_connect('localhost', 'root', 'tuclave', 'db_multiple_input');
    
    if(!$conn){
        die("Error: Failed to connect to database!");
    }
?>

Crear la interfaz
Aquí es donde crearemos un formulario simple para nuestra aplicación. Para crear los formularios, simplemente cópielos y escríbalos en su editor de texto, luego guárdelos como index.php.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
 		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    </head>
<body>
    <nav class="navbar navbar-default">
        <div class="comtainer-fluid">
            <a class="navbar-brand" href="https://compubinario.com">CompuBinario</a>
        </div>
    </nav>
    <div class="col-md-3"></div>
    <div class="col-md-6 well">
        <h3 class="text-primary">Enviar Formulario Múltiple Usando PHP y MYSQL</h3>
        <hr style="border-top:1px dotted #ccc;"/>
        <div class="col-md-8">
            <div class="table-responsive">
            <table class="table table-bordered">
                <thead class='alert-info'>
                    <tr>
                        <th>Nombre del Líder</th>
                        <th>Nombre de los Miembros</th>
                    </tr>
                </thead>
                <tbody>
                    <?php
                        require'conn.php';
                        
                        $query=mysqli_query($conn, 'SELECT * FROM `member`') or die(mysqli_error());
                        while($fetch=mysqli_fetch_array($query)){
                    ?>
                    <tr>
                        <td><?php echo $fetch['leader']?></td>
                        <td><?php echo $fetch['member']?></td>
                    </tr>
                    <?php
                        }
                    ?>
                </tbody>
            </table>
        </div>	
        </div>
        
        <div class="col-md-4">
            <form method="POST" action="save.php">
                <div class="form-group">
                    <label>Nombre del Líder</label>
                    <input type="text" name="leader" placeholder="Enter here..." class="form-control" required="required"/>
                </div>
                <br />
                <label>Nombre de los miembros</label> <button type="button" class="btn btn-success btn-sm" onclick="addEntry();"><span class="glyphicon glyphicon-plus"></span></button>
                <br /><br />
                <div id="member">
                    <div class="form-group">
                        <input type="text" name="member[]" placeholder="Enter here..." class="form-control" required="required"/>
                    </div>
                </div>
                <center><button class="btn btn-primary" name="save"><span class="glyphicon glyphicon-save"></span> Enviar</button></center>
            </form>
        </div>
    </div>
<script src="js/script.js"></script>
</body>	
</html>

Crear la función principal
Este código contiene la función principal de la aplicación. Este código puede almacenar múltiples entradas a la base de datos. Para hacer esto, simplemente copie y escriba estos bloques de códigos a continuación dentro del editor de texto, luego guárdelo como save.php

<?php
    require_once 'conn.php';
    
    if(ISSET($_POST['save'])){
        $parent = $_POST['leader'];
        $member = $_POST['member'];
        
        $members=implode(', ', $member);
        
        mysqli_query($conn, "INSERT INTO `member` VALUES('', '$parent', '$members')") or die(mysqli_error());
        
        
        header("location: index.php");
    }
?>

Ahí lo tienes, creamos con éxito como Enviar formulario múltiple usando PHP y MYSQL. Espero que este sencillo tutorial te ayude a lo que estás buscando.

Antes de la descarga del Tutorial presiona el siguiente enlace para que te suscribas a nuestro Canal de YouTube:

SUSCRIBETE AL CANAL DE YOUTUBE AQUI !

Enviar Formulario Múltiple Usando PHP y MYSQL – Descargar el Tutorial en el siguiente enlace:

DESCARGAR AQUÍ

Deja una respuesta

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