1. NachfrageGeben Sie Daten in das Eingabefeld ein und suchen Sie basierend auf den Eingabeergebnissen unscharf nach dem entsprechenden Inhalt in der Datenbank, um eine unscharfe Abfrage zu erreichen. 2. Umsetzung Das Eingabefeld verwendet eine bidirektionale <el-input v-model="keyWord" placeholder="Bitte geben Sie das zu suchende Schlüsselwort ein" löschbar></el-input> <el-button type="erfolgreich" icon="el-icon-suche" @click="suche"></el-button> Da sich das Eingabefeld und das Anzeigeergebnis nicht mehr in derselben Suchfunktion: Holen Sie sich //Methode zum Anfordern von Datenbankdaten getData(offset,limit){ dies.axios.post('/php/search.php', qs.stringify({ Versatz: Versatz, Grenze: Grenze, Schlüsselwort: dieses.Schlüsselwort }), { Header: { 'Inhaltstyp': 'Anwendung/x-www-form-urlencoded' } }).then((res) => { dies.total = res.data.total diese.Ergebnisliste = res.data.data }).catch((err) => { dies.$message.error(err) }) Nach erfolgreichem Abrufen der Daten werden diese im Array Das Backend ist in <?php $servername = "Hostadresse"; $Benutzername = "Konto"; $password = "Passwort"; $dbname = "Datenbankname"; // Verbindung erstellen $conn = new mysqli($servername, $username, $password, $dbname); // Verbindung prüfen wenn ($conn->connect_error) { die("Verbindung fehlgeschlagen: " . $conn->connect_error); } $Schlüsselwort = $_POST['Schlüsselwort']; //Start- und Endnummer der Front-End-Parameter abrufen wenn ( !isset( $_POST['offset'] ) ) { Echo 0; Ausfahrt(); }; $offset = (int)$_POST['Offset']; wenn ( !isset( $_POST['limit'] ) ) { Echo 0; Ausfahrt(); }; $limit = (int)$_POST['limit']; //Paginierungsabfragedatenbank $sql = "SELECT * FROM Beiträge mit Titeln wie ‚%$keyWord%‘, sortiert nach ID desc LIMIT $limit OFFSET $offset"; $Ergebnis = $conn->query($sql); $sqlGetCount = "SELECT COUNT(*) cnt FROM Beiträge mit Titeln wie '%$keyWord%'"; : $rescnt = $conn->query($sqlGetCount); $rescnt = $rescnt->fetch_assoc(); $arr = Array(); wenn ($Ergebnis->Anz.Zeilen > 0) { während ( $row = $result->fetch_assoc() ) { array_push( $arr, $row ); } //echo json_encode( $arr, JSON_UNESCAPED_UNICODE ); echo json_encode(array_merge(array('Daten'=>$arr),array('total'=>(int)$rescnt['cnt']))); } anders { Echo 0; } mysqli_close( $conn ); ?> Beachten Sie die SQL-Anweisung: SELECT * FROM Beiträge mit Titeln wie „%$keyWord%“, sortiert nach ID absteigend LIMIT $limit OFFSET $offset; Auf 3. ErgebnisseDies ist das Ende dieses Artikels über die Implementierung von Fuzzy-Abfragen von MySQL-Datenbankdaten basierend auf Vue. Weitere relevante Inhalte zur Implementierung von Fuzzy-Abfragen von MySQL-Datenbankdaten basierend auf Vue finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: Unterschied zwischen varchar- und char-Typen in MySQL
>>: Erfahren Sie, wie Sie Docker unter Windows 10 Home Edition installieren.
Gespeicherte Funktionen Was ist eine gespeicherte...
Ein Trick zum Umgang mit dieser Art von Fehlern be...
Die Bedeutung der Schreibreihenfolge Reduzieren S...
1. Was ist die Hyperlink-Symbol-Spezifikation ?&l...
Legen Sie das Hintergrundbild für die Tabellenübe...
Das Unternehmen hat kürzlich einen DELL R730-Serv...
Dieser Artikel dokumentiert die Installation von ...
Inhaltsverzeichnis Vorwort 1. Allgemeine Fehlerbe...
Inhaltsverzeichnis Hintergrund Was ist Tablespace...
Methode join(): verbindet alle Elemente eines Arr...
1. Klicken Sie mit der rechten Maustaste auf das ...
System- und Benutzerumgebungsdesign <br />D...
Inhaltsverzeichnis Zusammenfassen <Vorlage>...
Einführung Das mysql-utilities-Toolset ist eine S...
1. Einleitung pt-query-digest ist ein Tool zum An...