Barre de recherche : Complète

Barre de recherche



Maintenant que notre formulaire et que notre script sont fait, nous allons créer une nouvelle page PHP que l'on nommera recherche_utilisateur.php.

Dans cette page nous allons faire une requête SQL afin de récupèrer les 10 premières résultats grâce à la variable $user que l'on passe via notre script.

Page recherche_utilisateur.php

<?php
    session_start();
    require_once('../bd/connexionDB.php');

    if(isset($_GET['user'])){
        $user = (String) trim($_GET['user']);

        $req = $DB->query("SELECT *
            FROM utilisateur
            WHERE nom LIKE ?
            LIMIT 10",
            array("$user%"));

        $req = $req->fetchALL();

        foreach($req as $r){
        ?>   
            <div style="margin-top: 20px 0; border-bottom: 2px solid #ccc">
                <?= $r['nom'] . " " . $r['prenom'] ?>
            </div>
        <?php    
        }
    } 
?>



Maintenant que nous avons tout développé nous allons donc finaliser notre page index.php afin d'afficher nos résultats obtenus .

Page index.php

<div class="container">
    <div class="row"> 
        <div class="col-sm-0 col-md-2 col-lg-3"></div>
        <div class="col-sm-12 col-md-8 col-lg-6">
            <h1 style="text-align: center">Mon site à moi</h1>

            <div class="form-group">
                <input class="form-control" type="text" id="search-user" value="" placeholder="Rechercher un ou plusieurs utilisateurs"/> 
            </div>

            <div style="margin-top: 20px"> 
                <div id="result-search"></div> <!-- C'est ici que nous aurons nos résultats de notre recherche -->
            </div>

        </div>
    </div>
</div>



Et voilà ! Maintenant c'est à votre tour d'essayer !

Si vous avez des idées ou remarques afin d'améliorer le cours n'hésitez pas à en faire part dans les commentaires !

Par Clouder le 11 Sep 2018
Cette pub permet au site de vivre ...

2 commentaires

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !
Clouder
le 02 Jan 2019 à 15:22
@Leader, de rien 👍
Leader
le 17 Nov 2018 à 05:53
Merci pour le thème sombre