Discussion :

[EfferNath]

Bonjour,

je ne sais pas si je poste mon message au bon endroit, et je remercie par avance un modérateur si il peut le réorienter vers la bonne section.

Avant même de commencer à coder, je bloque sur le comment faire.

Je voudrais créer une base de données pour une de mes collections ( + de 800 articles), tous les articles de cette collection sont définis par 10 critères et afin de ne pas acheter de double, je voudrais pouvoir rechercher sur mon site les articles en ma possession, je voudrais bien évidemment que ma page soit dynamique, ..., ci dessous les critères définissant les articles.
1: nom
2: photo
3: couleur
4: matière
5: etc

Ce que j'aimerais ( ou du moins ce que j'imagine à l'heure actuelle ), une liste déroulante sur chacun des critères 3 à 10 ( avec lecture des infos en BDD -> pas de proposition de choix s'il n'existe pas ) qui ferait apparaître les photos correspondantes aux choix à fur et à mesure de chaque sélection, pour n'arriver au final qu'a une quantité minime de résultat ou aucun si pas en ma possession, un champ de recherche textuel en supplément serait un plus fort apprécié. De plus je veux pouvoir sélectionner une valeur de critère 6 même si je n'ai pas choisi de critère 5.

Je suis à l'écoute de toutes les questions, remarques, idées, ou autres qui pourraient me faire avancer sur ce projet.


Merci de votre lecture

[domi65]

Bonjour.

Tu ne nous dis pas si tu veux faire cela à travers une page web ou sur un ordi en local.

Si c'est sur le web, il te faut qu'un serveur face l'interface entre le navigateur et ta bdd.
Tu dois pour cela maitriser le trio HTML / CSS / JS et un langage côté serveur.
Vu que tu poste ça, sans trop savoir, dis-tu, sur le forum PHP, c'est que tu le connais au moins un peu, ce qui sous-entend que tu connais aussi les autres langages du web.
Est-ce bien le cas ?

Cordialement.

[EfferNath]

Bonsoir et merci de ton intérêt.

La finalisation du projet est une page intégrée dans mon site web perso ( je ne sais pas si j'ai le droit, mais voici l'adresse https://bic4.efferp.net ) qui me permettra de remplacer à terme la page de recherche.
Cette page permettra de rechercher un bic, plus précisément qu'avec un champ de recherche basé sur des mots clés, dans ma base de données afin de voir si il est déjà en ma possession ou non.

J'imagine bien quelque chose comme ca


Je me débrouille un minimum dans les langages annoncés html/css/php beaucoup moins en Js mais la recherche sur internet ne me dérange pas du moment que je comprends et que je peux adapter à mon projet.

J'ai essayé d'avancer un peu sur mon projet, et je réussis déjà à récupérer les valeurs des Select et à les envoyer via ajax à un fichier php qui requête pour m'afficher les résultats. Mais je ne sais pas si c'est la meilleure solution, ni la plus simple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    function loadTube() {
        // RECUP TUBE
        var Tube = document.getElementById("tube").options[document.getElementById("tube").selectedIndex].value;
        var Finition = document.getElementById("finition").options[document.getElementById("finition").selectedIndex].value;
        var Haut = document.getElementById("haut").options[document.getElementById("haut").selectedIndex].value;
        var Bague = document.getElementById("bague").options[document.getElementById("bague").selectedIndex].value;
        var Encre = document.getElementById("encre").options[document.getElementById("encre").selectedIndex].value;
        var Taille = document.getElementById("taille").options[document.getElementById("taille").selectedIndex].value;
        var Style = document.getElementById("style").options[document.getElementById("style").selectedIndex].value;
        var OK = document.getElementById("ok").options[document.getElementById("ok").selectedIndex].value;
 
 
        $.post('./views/02_utilisateur/bdd.ajax.php',{TUBE:Tube, FINITION:Finition, HAUT:Haut, BAGUE: Bague, ENCRE: Encre, TAILLE: Taille, STYLE: Style, OK: OK},function(data){
            $('#BDD_Resultat').html(data).slideDown();
            BDD_Resultat.classList.remove("w3-hide");
        });
    }

Mais je ne vois pas comment intégrer mon input textuel, et pour finir je ne sais pas comment faire une recherche multi critère sur un champ texte ( certainement via un explode du champ ? ).

Merci

[domi65]

je réussis déjà à récupérer les valeurs des Select et à les envoyer via ajax à un fichier php qui requête pour m'afficher les résultats

Pour récupérer les valeurs des champs, l'utilisation d'un formdata simplifie grandement la manœuvre

il te suffit de donner une ID à ton form puis de mettre celle-ci comme argument au constructeur d'un formdata que tu places dans le send du XHR

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<form id=formu>
    Une expression <input name="expression">
    <select name="sel1">
        <option>1</option>
        <option>2</option>
    </select>
    <select name="sel2">
        <option>un</option>
        <option>deux</option>
    </select>
    <input type=button onclick=envoi() value=Enregistrer>
</form>
<script>
function envoi() {
    let xhr = new XMLHttpRequest();
    xhr.open('POST', 'cherche.php');
    xhr.onreadystatechange=function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            alert(xhr.response)
        }
    }
    xhr.send(new FormData(formu))
}
</script>

Le script cherche.php reçoit les trois couples champ, valeur correspondant aux trois champs

et pour finir je ne sais pas comment faire une recherche multi critère sur un champ texte ( certainement via un explode du champ ? )

Tu voudrais que l'utilisateur entre plusieurs expressions (mot ou groupe de mots) dans un seul champ ?
Vu qu'une expression peut contenir plusieurs mots, je proposerais de les séparer par des virgules et de faire un explode sur celles-ci.

[EfferNath]

Bonjour,

Pas d'expression, mais plutôt des mots clés complémentaires au critère déjà définis dans les select.
L'explode en php ne me pose en lui même pas de soucis, mais j'ai du mal à "imaginer" la requête SQL derrière sachant que je ne sais pas combien de mots clés seront saisis

[domi65]

tu peux t'inspirer de cette petite solution (que je ne prétends pas être parfaite):

Pour ce segment HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<form method=post>
    Entrez les mots-clés séparés par des espaces
    <input name=categories><br>
    <input type=submit value=rechercher>
</form>

Requête (sécurisée) :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$execute = explode(' ', $_POST['categories']);
$OR = '';
for($i=0; $i<count($execute); $i++)
    $OR .= 'commune like ? or ';
$OR = substr($OR, 0, -4); // suppression des 4 deniers caractères en trop
$link = New Mysqli('localhost', 'root', '', 'mabase'); // connexion à la BDD
$sql = "SELECT * FROM images WHERE $OR"; // SQL avec les ? de la requête préparée
$res = $link->execute_query($sql, $execute); // exécution de la requête préparée
foreach ($res as $row) {
    // récupération des champs
}