Home / Bootstrap / Codeigniter / MySQL / Cara buat search engine di Codeigniter Dan Bootstrap

Cara buat search engine di Codeigniter Dan Bootstrap

, ,

Cara buat search engine – pencarian data sangat terasa di butuhkan dimana data yang kita punya sudah terlampau banyak atau besar. Layout Form pencarian kita buat dengan Bootstrap.

Fungsi search engine atau pencarian

Ada beberapa fungsi dari form search engine atau pencarian, berikut ini beberapa fungsi dari mesin pencarian.
  • Mempermudah pencarian data dari database.
  • Menghemat waktu pencarian data.
  • Website terlihat lebih profesional.
Di tutorial sebelumnya yang saya bahas adalah cara membuat paging dengan codeigniter dan bootstrap. Kita bisa menggabungkan form pencarian data dengan paging seperti google search engine.

Persiapan membuat search engine atau pencarian data

Yang persiapkan dalam membuat form pencarian data adalah sebagai berikut :
  • Database yang berisi data.
  • framework Codeigniter.
  • Bootstrap sebagai template website.
Tutorial cara buat curd search engine di codeigniter dan bootstrap dapat anda download di sini.

Cara membuat search engine atau pencarian data

Dalam membuat pencarian data, ada 3 folder di framework Codeigniter yang akan kita pergunakan, yaitu :
  • Folder Controllers
  • Folder Models
  • Folder Views
Simak apa saja yang akan kita lakukan di tiap folder tersebut.

Membuat database

Terlebih dahulu kita buat database yang bernama tutorial, lalu kita isi database dengan data dibawah ini.
-- phpMyAdmin SQL Dump
-- version 4.1.6
-- http://www.phpmyadmin.net
-- Host: localhost
-- Generation Time: Feb 01, 2017 at 07:29 AM
-- Server version: 5.6.16
-- PHP Version: 5.5.9
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
--
-- Database: `tutorial`
--
-- --------------------------------------------------------
--
-- Table structure for table `users`
--
CREATE TABLE IF NOT EXISTS `users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(150) NOT NULL,
`password` varchar(256) NOT NULL,
`status` tinyint(1) NOT NULL COMMENT '0=super admin, 1=admin',
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;
--
-- Dumping data for table `users`
--
INSERT INTO `users` (`id`, `username`, `password`, `status`) VALUES
(1, 'bastian', 'bastianabas', 0);
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Tambahkan beberapa data di tabel users.

Folder controllers

Di folder controllers kita membuat file yang extension php dan kita beri nama Page, berikut ini kode yang kita tulis.

class Search extends CI_Controller {
function __construct(){
parent::__construct();
$this->load->library('session');
$this->load->database(); // load database
$this->load->library('table');
$this->load->library('pagination');
$this->load->helper('url');
$this->load->model('Mcurd');
}
public function index()
{
$data['title'] = "Tutorial Search data"; //title web
$data['tampil'] = $this->Mcurd->tampil(); //menampilkan data
$this->load->view('search',$data);
}
function cari()
{
$data['title'] = "Tutorial Search data"; //title web
$cari = $this->input->post('cari'); // input username
$data['tampil'] = $this->Mcurd->cari($cari); //menampilkan data
$this->load->view('search',$data);
}
}

Folder views

Di folder views kita membuat file yang extension php dan kita beri nama Cpage, berikut ini kode yang kita tulis.

<!DOCTYPE html>
<html>
<head>
<title><?php echo $title; ?></title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo base_url(); ?>asset/font-awesome/css/font-awesome.min.css">
</head>
<body>
<br/>
<br/>
<br/>
<div class="container">
<div class="row">
<div class="col-sm12 col-md-12">
<form method="post" action="<?php echo site_url(); ?>search/cari/">
<input type="text" name="cari" /><input type="submit" value="Search"/>
</form>
<br/>
<div class="panel panel-primary">
<div class="panel-heading">
Tutorial membuat search atau pencarian dengan Codeigniter dan Bootstrap
</div>
<div class="panel-body">
<div class="table-responsive">
<?php
//mensetting caption tabel
$this->table->set_caption('<h1>Menampilkan data dengan Library Tabel di codeigniter</h1>');
//mensetting header tabel
$this->table->set_heading(array('#','User Name','Password', 'Status'));
//mensetting tampilan tabel
$tmp=array(
'table_open'=>'<table class="table table-bordered">',
'heading_row_start'=>'<tr class="success">'
);
//menampilkan data
$i=1;
foreach($tampil as $tmpl)
{
if($tmpl->status == "0")
{
$status = "Super Admin";
}
else if($tmpl->status == "1")
{
$status = "Member";
}
$this->table->add_row($i,$tmpl->username,$tmpl->password,$status);
$i++;
}
$this->table->function = 'htmlspecialchars';
$this->table->set_template($tmp);
//untuk meng-generate tabel
echo $this->table->generate();
?>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

Folder Models

Di folder models kita membuat file yang extension php dan kita beri nama Curd, berikut ini kode yang kita tulis.

class Mcurd extends CI_Model {
function tampil()
{
$query = $this->db->get("users");
return $query->result();
}
function cari($cari)
{
if($cari !="")
{
$this->db->where("username",$cari);
}
$query = $this->db->get("users");
return $query->result();
}
}

Tutorial cara buat curd search engine di codeigniter dan bootstrap dapat anda download di sini.
Terimakasih sudah berkunjung ke blog kami, semoga tutorial ini dapat membantu.
Jika ada kritik dan saran, anda bisa berkomentar di bawah ini atau hubungi contact us.


Cara buat search engine di Codeigniter Dan Bootstrap Cara buat search engine di Codeigniter Dan Bootstrap Reviewed by Admin on 2:48 AM Rating: 5

No comments:

Subscribe to: Post Comments ( Atom )
Powered by Blogger.