Résolu Problème formulaire / BDD

Discussion dans 'Questions, aides et recherches' créé par Idontknow, 18 Juin 2016.

Tags:
  1. Idontknow

    Idontknow Membre

    Inscrit:
    16 Février 2016
    Messages:
    39
    J'aime reçus:
    3
    Points:
    1 283
    Bonsoir à tous,

    Donc voilà, suite à la création d'un site avec un collègue graphiste, nous aimerions avoir un système de commande.

    Un formulaire serait rempli par le client puis envoyé dans la BDD et enfin afficher sur la partie administrative.

    Cependant je n'arrive pas à faire envoyer les informations du formulaires sur la BDD, j'ai pourtant suivi le même patern que pour le système d'inscription/connexion sans trop de difficultés mais là sa coince ...

    Voici le code de la page commande.php

    Code:
    <?php
        require "config.php";
    
        if(!isset($_SESSION['id'])){
            header('Location: login.php');
        }
    
    if(isset($_SESSION['id']))
    {
        if(isset($_POST['submit']))
        {
            if(!empty($_POST['type']) && !empty($_POST['style']) && !empty($_POST['primaire']) && !empty($_POST['secondaire']) && !empty($_POST['description']))
            {
                $type = htmlspecialchars(trim($_POST['type']));
                $style = htmlspecialchars(trim($_POST['style']));
                $primaire = htmlspecialchars(trim($_POST['primaire']));
                $secondaire = htmlspecialchars(trim($_POST['secondaire']));
                $description = htmlspecialchars(trim($_POST['description']));
                $req = $bdd->prepare('INSERT INTO commande(type, style, primaire, secondaire, description) VALUES(?,?,?,?,?)');
                $req->execute(array($type, $style, $primaire, $secondaire, $description));
                header('Location: login.php');
            }
                else
                {
                    $erreur = "Il y a eu une erreur dans l'envoie de votre commande.";
                }
        }
            else
            {
                $erreur = "Tout les champs doivent être complétés !";
            }
    ?>
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>ItsTrapp</title>
    
    <!-- Police de la page -->
    <link href='' rel='stylesheet' type='text/css'>
    <link href='' rel='stylesheet' type='text/css'>
    
    <!-- Chargement des styles -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="css/responsive.css" rel="stylesheet" type="text/css">
    <link href="css/animate.css" rel="stylesheet" type="text/css">
    
    <!-- Chargement du JS -->
    
    <script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.isotope.js"></script>
    <script type="text/javascript" src="js/wow.js"></script>
    <script type="text/javascript" src="js/classie.js"></script>
    <script type="text/javascript" src="js/typed.js"></script>
    
    </head>
    <body>
    <div id="Entête">
    <header class="header" id="accueil">
        <div class="container">
            <figure class="logo animated fadeInDown delay-01s">
                <a href="#Accueil"><img src="img/logo2.png"></a>   
            </figure>   
            <h1 class="animated fadeInRight delay-07s">Shop &amp; Portfolio de It'sTrapp</h1>
            <ul class="we-create animated fadeInUp delay-1s">
                <li class="element"></li>
            </ul>
        </div>
    </div>
    <section>
            <nav class="main-nav-outer" id="panel">
                <div class="container">
                    <ul class="main-nav">
                            <li><a href="index.php">Accueil</a></li>
                            <li><a href="index.php#Portfolio">Portfolio</a></li>
                            <li><a href="index.php#Shop">Shop</a></li>
                            <li class="small-logo"><a href="#Entête"><img src="img/logo.png"></a></li>
                            <?php } if(!isset($_SESSION['id'])) {?> <li><a href="login.php">Connexion</a></li>
                            <li><a href="register.php">Inscription</a></li><?php } else { ?>
                            <li><a href="panel.php#panel">Panel</a></li>
                            <?php } if(isset($_SESSION['id']) AND $_SESSION['grade'] == 'Admin') { ?>
                            <li><a href="admin.php"><span class="fa fa-cog fa-spin"></span> Administration</a></li>
                            <li><a href="logout.php">Déconnexion</a></li><?php } ?>
                    </ul>
                </div>
            </nav>
        </section>       
        </br>
        <section>
            <div class="container">
                <header>
                    <div class="divider"><span></span></div></br></br>
                    <h2>Passer une commande</h2>
                </header>
                    <form method="POST" class="row">
                        <label>Type de la création</label><br />
                            <select name="type">
                               <option value="Banniere">Bannière</option>
                               <option value="Logo">Logo</option>
                               <option value="Wallpaper">Wallpaper</option>
                               <option value="WebDesign">WebDesign</option>
                            </select>
                        </br></br>
                        <label>Style de la création</label><br />
                            <select name="style">
                               <option value="Flat">Flat</option>
                               <option value="Gaming">Gaming</option>
                               <option value="Manga">Manga</option>
                            </select>
                        </br></br>
                       
                        <label>
                        Couleur
                        </label>
                        </br></br>
                       
                        <div class="form-group col-md-6">
                            <input name="principal" type="text" placeholder="Couleur Principal" class="form-control" />
                        </div>
                        </br></br></br>
                        <div class="form-group col-md-6">
                            <input name="secondaire" type="text" placeholder="Couleur secondaire" class="form-control" />
                        </div>
                        </br></br></br>
                        <div class="form-group">
                            <label>Description</label>
                        <textarea class="form-control" name="description" rows="5" id="comment" placeholder="Description de la création que vous désirez"></textarea>
                        </div>
                           
                        </br><br />
                        <div class="form-group-lg">
                            <button class="link" name="submit">Passer commande</button>
                        </div>
                        </br>
                    </form>
            </div>
        </section>
        <footer>
                <div class="container">
                    <p><font face="Montserrat"> LD TRAPP © 2016 par TheChypsis </font></p>
                    <ul class="social-list">
                        <li class="facebook">
                            <a href=""><i class="fa fa-facebook"></i></a>
                        </li>
                        <li class="twitter">
                            <a href=""><i class="fa fa-twitter"></i></a>
                        </li>
                        <li class="youtube">
                            <a href=""><i class="fa fa-youtube"></i></a>
                        </li>
                    </ul>
                    <a data-scroll href="#Entête" style="position: relative">
                        <span style="color:fff"class="fa fa-arrow-up fa-2x"></span>
                    </br>
                    </a>
                    </br>
                </div>
            </footer>
               
        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript" src="js/smooth-scroll.js"></script>
        <script type="text/javascript" src=""></script>
        <script type="text/javascript" src="js/app.js"></script>
    
    </body>
    </html>
    
    Voici un screen de la BDD :

    WHvxxaCvvP8lHPrhKKcaDMwmjh6fk8I6.png

    Ainsi que de l'apparence de la page :

    WHvxxaCvvP8lHPrhKKcaDMwmjh6fk8I6.png

    Merci d'avance à vous :heart:
     
    Dernière édition par un modérateur: 11 Mars 2017
  2. Feniix

    Feniix Ancien Staff

    Inscrit:
    9 Novembre 2015
    Messages:
    201
    J'aime reçus:
    237
    Points:
    2 873
    Salut,

    Obtiens tu une erreur ?
    Essaye d'ajouter : action="" à ta balise <form>
     
  3. Idontknow

    Idontknow Membre

    Inscrit:
    16 Février 2016
    Messages:
    39
    J'aime reçus:
    3
    Points:
    1 283
    Je viens de me rendre compte que j'avais fait une énorme gaffe en remplaçant " première " par " primaire ".

    Après avoir remplacé je remet le code mais toujours pas de réponse de la BDD....

    Code:
    <?php
        require "config.php";
    
        if(!isset($_SESSION['id'])){
            header('Location: login.php');
        }
    
    if(isset($_SESSION['id']))
    {
        if(isset($_POST['submit']))
        {
            if(!empty($_POST['type']) && !empty($_POST['style']) && !empty($_POST['principal']) && !empty($_POST['secondaire']) && !empty($_POST['description']))
            {
                $type = htmlspecialchars(trim($_POST['type']));
                $style = htmlspecialchars(trim($_POST['style']));
                $pincipal = htmlspecialchars(trim($_POST['principal']));
                $secondaire = htmlspecialchars(trim($_POST['secondaire']));
                $description = htmlspecialchars(trim($_POST['description']));
                $insert = $bdd->prepare('INSERT INTO commande(type, style, principal, secondaire, description) VALUES(?,?,?,?,?)');
                $insert->execute(array($type, $style, $principal, $secondaire, $description));
                header('Location: commande.php');
            }
                else
                {
                    $erreur = "Il y a eu une erreur dans l'envoie de votre commande.";
                }
        }
            else
            {
                $erreur = "Tout les champs doivent être complétés !";
            }
    ?>
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>ItsTrapp</title>
    
    <!-- Police de la page -->
    <link href='' type='text/css'>
    <link href='' rel='stylesheet' type='text/css'>
    
    <!-- Chargement des styles -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="css/responsive.css" rel="stylesheet" type="text/css">
    <link href="css/animate.css" rel="stylesheet" type="text/css">
    
    <!-- Chargement du JS -->
    
    <script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.isotope.js"></script>
    <script type="text/javascript" src="js/wow.js"></script>
    <script type="text/javascript" src="js/classie.js"></script>
    <script type="text/javascript" src="js/typed.js"></script>
    
    </head>
    <body>
    <div id="Entête">
    <header class="header" id="accueil">
        <div class="container">
            <figure class="logo animated fadeInDown delay-01s">
                <a href="#Accueil"><img src="img/logo2.png"></a> 
            </figure> 
            <h1 class="animated fadeInRight delay-07s">Shop &amp; Portfolio de It'sTrapp</h1>
            <ul class="we-create animated fadeInUp delay-1s">
                <li class="element"></li>
            </ul>
        </div>
    </div>
    <section>
            <nav class="main-nav-outer" id="commande">
                <div class="container">
                    <ul class="main-nav">
                            <li><a href="index.php">Accueil</a></li>
                            <li><a href="index.php#Portfolio">Portfolio</a></li>
                            <li><a href="index.php#Shop">Shop</a></li>
                            <li class="small-logo"><a href="#Entête"><img src="img/logo.png"></a></li>
                            <?php } if(!isset($_SESSION['id'])) {?> <li><a href="login.php">Connexion</a></li>
                            <li><a href="register.php">Inscription</a></li><?php } else { ?>
                            <li><a href="panel.php#panel">Panel</a></li>
                            <?php } if(isset($_SESSION['id']) AND $_SESSION['grade'] == 'Admin') { ?>
                            <li><a href="admin.php"><span class="fa fa-cog fa-spin"></span> Administration</a></li>
                            <li><a href="logout.php">Déconnexion</a></li><?php } ?>
                    </ul>
                </div>
            </nav>
        </section>     
        </br>
        <section>
            <div class="container">
                <header>
                    <div class="divider"><span></span></div></br></br>
                    <h2>Passer une commande</h2>
                </header>
                    <form method="POST" class="row" action="commande.php">
                        <label>Type de la création</label><br />
                           <select name="type">
                              <option value="Banniere">Bannière</option>
                              <option value="Logo">Logo</option>
                              <option value="Wallpaper">Wallpaper</option>
                              <option value="WebDesign">WebDesign</option>
                           </select>
                        </br></br>
                        <label>Style de la création</label><br />
                           <select name="style">
                              <option value="Flat">Flat</option>
                              <option value="Gaming">Gaming</option>
                              <option value="Manga">Manga</option>
                           </select>
                        </br></br>
                     
                        <label>
                        Couleur
                        </label>
                        </br></br>
                     
                        <div class="form-group col-md-6">
                            <input name="principal" type="text" placeholder="Couleur Principal" class="form-control" />
                        </div>
                        </br></br></br>
                        <div class="form-group col-md-6">
                            <input name="secondaire" type="text" placeholder="Couleur secondaire" class="form-control" />
                        </div>
                        </br></br></br>
                        <div class="form-group">
                            <label>Description</label>
                        <textarea class="form-control" name="description" rows="5" id="comment" placeholder="Description de la création que vous désirez"></textarea>
                        </div>
                         
                        </br><br />
                        <div class="form-group-lg">
                            <button class="link" name="submit">Passer commande</button>
                        </div>
                        </br>
                        </br>
                        </br>
                    </form>
            </div>
        </section>
        <footer>
                <div class="container">
                    <p><font face="Montserrat"> LD TRAPP © 2016 par TheChypsis </font></p>
                    <ul class="social-list">
                        <li class="facebook">
                            <a href=""><i class="fa fa-facebook"></i></a>
                        </li>
                        <li class="twitter">
                            <a href=""><i class="fa fa-twitter"></i></a>
                        </li>
                        <li class="youtube">
                            <a href=""><i class="fa fa-youtube"></i></a>
                        </li>
                    </ul>
                    <a data-scroll href="#Entête" style="position: relative">
                        <span style="color:fff"class="fa fa-arrow-up fa-2x"></span>
                    </br>
                    </a>
                    </br>
                </div>
            </footer>
             
        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript" src="js/smooth-scroll.js"></script>
        <script type="text/javascript" src=""></script>
        <script type="text/javascript" src="js/app.js"></script>
    
    </body>
    </html>
    
    
    Revoici un screen de ma BDD corrigé avec Premiere et non primaire

    x2lsojdISU2NigYa8wZWWIlQPb1eXrz_.png

    Si jamais le grand @Sidradi passe par là :bave:
     
    Dernière édition par un modérateur: 11 Mars 2017
  4. Idontknow

    Idontknow Membre

    Inscrit:
    16 Février 2016
    Messages:
    39
    J'aime reçus:
    3
    Points:
    1 283
    Merci beaucoup pour ton aide @JUBAKAB
     

Partager cette page

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice