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.
Das img-Tag in XHTML sollte wie folgt geschrieben...
So lösen Sie das Problem, dass nach dem Neustart ...
ps: Die Umgebung ist wie der Titel Mögliche Abhän...
Dieser Artikel stellt nichts im Zusammenhang mit ...
Inhaltsverzeichnis 1. Ursprüngliche Definition 2....
In diesem Artikel finden Sie das MySQL-Installati...
JavaScript-Umschalteffekt für Bekleidungsalben (ä...
Die Gesamtarchitektur von MySQL ist in die Server...
1. Erstellen Sie eine Testtabelle Tabelle `mysql_...
Inhaltsverzeichnis Zusammenfassen Manchmal müssen...
Beim Schreiben von Projekten stoßen wir häufig au...
Wirkung (Quellcode am Ende): erreichen: 1. Tags d...
Inhaltsverzeichnis 1. Vorbereitende Maßnahmen 1.1...
Dieses Beispiel nimmt die Installation von Python...
1. Software-Einführung VirtualBox VirtualBox ist ...