Kode sumber php untuk opsi pencarian

Hasil pada contoh di atas ditemukan dalam file XML (links. xml). Untuk membuat contoh ini kecil dan sederhana, hanya tersedia enam hasil


Contoh Dijelaskan - Halaman HTML

Saat pengguna mengetik karakter di kolom input di atas, fungsi "showResult()" dijalankan. Fungsi dipicu oleh acara "onkeyup".









Penjelasan kode sumber

Jika kolom input kosong (string. length==0), fungsi menghapus konten placeholder pencarian langsung dan keluar dari fungsi

Jika kolom input tidak kosong, fungsi showResult() mengeksekusi yang berikut ini

  • Buat objek XMLHttpRequest
  • Buat fungsi yang akan dijalankan saat respons server siap
  • Kirim permintaan ke file di server
  • Perhatikan bahwa parameter (q) ditambahkan ke URL (dengan konten kolom input)


File PHP

Halaman di server yang dipanggil oleh JavaScript di atas adalah file PHP bernama "livesearch. php"

Kode sumber di "livesearch. php" mencari file XML untuk judul yang cocok dengan string pencarian dan mengembalikan hasilnya

Selamat datang di tutorial cara mencari dan menampilkan hasil dari database menggunakan PHP dan MySQL. Ingin menambahkan kotak telusur ke situs web Anda?

Dalam desain paling sederhana, "hasil pencarian dan tampilan" hanya melibatkan

  • Membuat formulir pencarian HTML sederhana
  • Saat formulir HTML dikirimkan, kami melakukan pencarian SELECT * FROM `TABLE` WHERE `FIELD` LIKE '%SEARCH%' SQL dan menampilkan hasilnya dalam HTML

Tapi bagaimana tepatnya ini dilakukan?

ⓘ Saya telah menyertakan file zip dengan semua kode sumber di awal tutorial ini, jadi Anda tidak perlu menyalin-tempel semuanya… Atau jika Anda hanya ingin langsung masuk

 

 

TLDR – SLIDE CEPAT

Unduh & Catatan

 

UNDUH & CATATAN

Pertama, berikut adalah tautan unduhan ke kode contoh seperti yang dijanjikan

 

CATATAN CEPAT

Jika Anda menemukan bug, jangan ragu untuk berkomentar di bawah ini. Saya mencoba menjawab pertanyaan singkat juga, tetapi itu adalah satu orang versus seluruh dunia… Jika Anda sangat membutuhkan jawaban, silakan periksa daftar situs web saya untuk mendapatkan bantuan dalam pemrograman

 

SCREENSHOT

Baiklah, sekarang mari kita masuk ke contoh menampilkan hasil pencarian di PHP MYSQL

 

BAGIAN 1) DATABASE

1A) TABEL PENGGUNA DUMMY

1-pengguna. sql

CREATE TABLE `users` (
  `id` bigint(20) NOT NULL,
  `name` varchar(255) NOT NULL,
  `email` varchar(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

ALTER TABLE `users`
  ADD PRIMARY KEY (`id`),
  ADD UNIQUE KEY `email` (`email`),
  ADD KEY `name` (`name`);
 
ALTER TABLE `users`
  MODIFY `id` bigint(20) NOT NULL AUTO_INCREMENT;
FieldDescriptionidPrimary key, ID pengguna. nameIndexed, nama lengkap pengguna. emailUnique, email pengguna, dan agar mereka tidak bisa mendaftar dua kali

 

 

1B) DATA DUMMY

1-pengguna. sql

INSERT INTO `users` (`id`, `name`, `email`) VALUES
(1, 'John Doe', '[email protected]'),
(2, 'Jane Doe', '[email protected]'),
(3, 'Apple Doe', '[email protected]'),
(4, 'Beck Doe', '[email protected]'),
(5, 'Charlie Doe', '[email protected]'),
(6, 'Charles Doe', '[email protected]'),
(7, 'Dion Doe', '[email protected]'),
(8, 'Dee Doe', '[email protected]'),
(9, 'Emily Doe', '[email protected]'),
(10, 'Ethan Doe', '[email protected]');

 

BAGIAN 2) BENTUK PENCARIAN HTML

2 bentuk. php


0) { foreach ($results as $r) { printf("
%s - %s
", $r["name"], $r["email"]); }} else { echo "No results found"; } } ?>

Tidak ada ilmu roket di sini – Ini seharusnya sangat mudah

  1. Bagian atas hanyalah formulir pencarian HTML sederhana. Hanya memiliki satu bidang teks dan mengirimkan ke dirinya sendiri
  2. Segmen PHP bawah melakukan pencarian yang sebenarnya

 

 

BAGIAN 3) SCRIPT PENCARIAN PHP

3-pencarian. php

 PDO::ERRMODE_EXCEPTION,
  PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC
]);

// (C) SEARCH
$stmt = $pdo->prepare("SELECT * FROM `users` WHERE `name` LIKE ? OR `email` LIKE ?");
$stmt->execute(["%".$_POST["search"]."%", "%".$_POST["search"]."%"]);
$results = $stmt->fetchAll();
if (isset($_POST["ajax"])) { echo json_encode($results); }

Yap, script pencariannya juga sesederhana 1-2-3

 

 

EKSTRA) PENCARIAN AJAX

EKSTRA-1) HTML

4-ajax-pencarian. html


_

Bagaimana jika kita ingin melakukan “pencarian AJAX”, melakukan pencarian tanpa memuat ulang seluruh halaman?

 

EKSTRA-2) JAVASCRIPT

4-ajax-pencarian. html


Ini bisa sedikit mengintimidasi pada awalnya, tetapi luangkan waktu Anda untuk menelusurinya secara perlahan

  1. Semua ini pada dasarnya adalah mendapatkan istilah pencarian dari formulir HTML
  2. Kirim istilah pencarian ke skrip pencarian PHP melalui AJAX. Setelah menerima hasil pencarian, tunjukkan hasilnya di
    INSERT INTO `users` (`id`, `name`, `email`) VALUES
    (1, 'John Doe', '[email protected]'),
    (2, 'Jane Doe', '[email protected]'),
    (3, 'Apple Doe', '[email protected]'),
    (4, 'Beck Doe', '[email protected]'),
    (5, 'Charlie Doe', '[email protected]'),
    (6, 'Charles Doe', '[email protected]'),
    (7, 'Dion Doe', '[email protected]'),
    (8, 'Dee Doe', '[email protected]'),
    (9, 'Emily Doe', '[email protected]'),
    (10, 'Ethan Doe', '[email protected]');
    6

 

 

Itu saja untuk contoh pencarian, dan berikut adalah beberapa bit tambahan yang mungkin berguna bagi Anda

 

KEAMANAN PENCARIAN

Pengingat lembut – Panduan ini hanya membahas dasar-dasar sistem pencarian. Sistem yang baik harus memiliki lebih banyak pemeriksaan keamanan dan lainnya. Misalnya, periksa apakah administrator masuk sebelum memproses penelusuran untuk data sensitif. Juga dalam daftar, bagus untuk membaca tentang CSRF dan injeksi SQL. Tautan di bawah

 

INDEX BIDANG YANG DAPAT DICARI

Perhatikan bahwa bidang nama dan email pada contoh di atas diindeks – 

INSERT INTO `users` (`id`, `name`, `email`) VALUES
(1, 'John Doe', '[email protected]'),
(2, 'Jane Doe', '[email protected]'),
(3, 'Apple Doe', '[email protected]'),
(4, 'Beck Doe', '[email protected]'),
(5, 'Charlie Doe', '[email protected]'),
(6, 'Charles Doe', '[email protected]'),
(7, 'Dion Doe', '[email protected]'),
(8, 'Dee Doe', '[email protected]'),
(9, 'Emily Doe', '[email protected]'),
(10, 'Ethan Doe', '[email protected]');
7 dan
INSERT INTO `users` (`id`, `name`, `email`) VALUES
(1, 'John Doe', '[email protected]'),
(2, 'Jane Doe', '[email protected]'),
(3, 'Apple Doe', '[email protected]'),
(4, 'Beck Doe', '[email protected]'),
(5, 'Charlie Doe', '[email protected]'),
(6, 'Charles Doe', '[email protected]'),
(7, 'Dion Doe', '[email protected]'),
(8, 'Dee Doe', '[email protected]'),
(9, 'Emily Doe', '[email protected]'),
(10, 'Ethan Doe', '[email protected]');
8. Beberapa dari Anda pemula akan bertanya-tanya tentang apa fungsinya.

Untuk menjelaskannya, saya akan memberikan analogi tentang seseorang yang sedang mencari buku di perpustakaan. Sekarang, akan mudah ditemukan jika perpustakaan menyimpan katalog buku yang mereka miliki dengan baik. Tapi bayangkan saja perpustakaan itu hanya kumpulan buku yang acak-acakan… Anda benar-benar harus melihat setiap buku untuk menemukan yang Anda inginkan

Di sini sama dengan database, dan pengindeksan membuat "katalog" untuk bidang yang dipilih itu. Meskipun memakan lebih banyak ruang hard disk, ini juga akan mempercepat pencarian. Jadi saat mengerjakan proyek Anda di masa mendatang, harap ingat untuk mengindeks bidang yang akan digunakan untuk pencarian

 

  • Injeksi dan Pencegahan SQL – Kotak Kodex
  • Token Perlindungan CSRF Sederhana – Kotak Kodex
  • Objek Data PHP (Database) – PHP. bersih
  • Indeks MySQL – Poin Tutorial
  • Cara Melakukan Pencarian MySQL (Tepat, Seperti, Fuzzy) – Code Boxx
  • Tutorial AJAX Sederhana – Kode Boxx
  • Cara Membuat Tabel Dari Array di JS – Code Boxx
  • Cara Import File SQL Di MySQL – Code Boxx

 

VIDEO TUTORIAL

 

LEMBAR CHEAT INFOGRAFIS

Terima kasih telah membaca, dan kami telah sampai di akhir tutorial ini. Saya harap ini menjelaskan bagaimana melakukan pencarian basis data PHP untuk Anda, dan jika Anda memiliki sesuatu untuk dibagikan dengan panduan ini, jangan ragu untuk berkomentar di bawah ini. Semoga berhasil dan selamat membuat kode

Bagaimana cara membuat opsi pencarian di php?

php $cari = $_POST['cari']; . "

Bagaimana cara menambahkan kolom pencarian di php?

Penyiapan Basis Data . Open XAMPP and Start Apache and MySQL. Klik “Baru”. Buat database yang disebut "pelengkapan otomatis" (atau apa pun yang Anda ingin menyebutnya). Salin dan tempel kueri berikut untuk membuat Tabel (pencarian), Nama kolom (Id, Nama), lalu masukkan data dummy.

Bagaimana cara membuat filter pencarian di php?

Langkah 1. Membuat Tabel Database MySQL. .
Langkah 2. Sertakan Bootstrap, jQuery dan Bootstrap Slider. .
Langkah3. Tampilkan Opsi Pencarian Filter Produk. .
Langkah4. Buat Permintaan Pencarian Filter Produk Ajax. .
Langkah5. Panggil Metode Pencarian Filter Produk. .
Langkah6. Dapatkan Data Pencarian Filter Produk dari Tabel Database MySQL

Bagaimana cara membuat kotak pencarian dinamis di php?

php $koneksi = new PDO("mysql. host=localhost;dbname=testing", "root", ""); if(isset($_POST["type"])) { if($_POST["type"] == "category_data") { $query =