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.
Mysql5.5 Dual-Maschine-Hot-Standby Durchführung I...
Inhaltsverzeichnis 01 Einführung in MySQL Router ...
Inhaltsverzeichnis Installieren und Einführen von...
Methode 1: <input id= "File1" type= &...
Vorwort Dieser Artikel beschreibt, wie ich Docker...
Herunterladen und Installieren von JDK Schritt 1:...
Laden Sie opencv.zip herunter Installieren Sie di...
Die Festlegung einer Begrenzung der Anzahl von Be...
Vorwort Vor kurzem habe ich an einer Berichtsfunk...
Inhaltsverzeichnis Drag & Drop-Implementierun...
1. Fügen Sie den Isolationsmarker hinzu: ip netns...
Übersicht über partitionierte MySQL-Tabellen Wir ...
Inhaltsverzeichnis 1. Komponentenregistrierung 2....
Alle folgenden Codes stehen zwischen <head>....
1 MySQL5.6 1.1 Verwandte Parameter MySQL 5.6 fügt...