Membuat Pencarian Data Dengan Codeigniter

Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website, pada kesempatan kali ini saya akan melanjutkan artikel sebelumnya tentang Menampilkan Post Detail Berdasarkan Slug Codeigniter pada kesempatan kali ini kita akan belajar Membuat Pencarian Data Dengan Codeigniter dengan menggunakan codeigniter dalam pembuatan fitur search sangat mudah untuk penggunaannya. Untuk data nya masih menggunakan data yang kemarin, teman – teman bisa lihat pada artikel saya sebelumnya dan buat data nya sama persis karena pada latihan kali ini saya hanya akan melanjutkan.

Baik langsung saja kita implementasikan Membuat Pencarian Data Dengan Codeigniter kita tambahkan form search nya di view/post.php

<tr>
	<td colspan="4">
		<?php $attributes = array('class' => 'row'); ?>
		<?php echo form_open('post/search',$attributes);?>
			<input type="text" name="keyword" placeholder="search" class="form-control col-md-5">
			<input type="submit" value="Cari" class="btn btn-warning col-md-1">
		<?php echo form_close();?>		
	</td>
</tr>

Membuat Pencarian Data Dengan Codeigniter

Kemudian buka pada browsernya, tampilan seperti gambar di bawah ini

Membuat Pencarian Data Dengan Codeigniter

Kemudian di dalam class Post kita buat lagi metod post untuk search nya, dan buat perintah query

public function search()
	{
		$keyword = $this->input->post('keyword');
		$this->db->like('title',$keyword);
		$this->db->or_like('detail_post',$keyword);
		$this->db->or_like('slug_title',$keyword);
		$query['post'] = $this->db->get('post')->result();
		$this->load->view('pencarian',$query);
	}

Kemudian kita buat file pada view/pencarian.php, dan buat layout untuk menampilkannnya

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<table class="table table-bordered">
				    <thead>
				    	<td colspan="4">
				    		<?php $attributes = array('class' => 'row'); ?>
				    		<?php echo form_open('post/search',$attributes);?>
				    			<input type="text" name="keyword" placeholder="search" class="form-control col-md-5">
								<input type="submit" value="Cari" class="btn btn-warning col-md-1">
				    		<?php echo form_close();?>	
				    	</td>
				      <tr>
				        <th>Title</th>
				        <th>Post</th>
				        <th>Slug</th>
				        <th>Action</th>
				      </tr>
				    </thead>
				    <tbody>
						<?php foreach($post as $row){ ?>
						    <tr>
						        <td><?php echo $row->title ?></td>
						        <td><?php echo substr($row->detail_post, 0,100) ?></td>
						        <td><?php echo $row->slug_title  ?></td>
						        <td>
						        	<a href="<?php echo site_url('post/detail_post/'.$row->slug_title) ?>" class="btn btn-primary">Detail</a>
						        </td>
						    </tr>
				  		<?php  } ?>
				    </tbody>
				</table>

				<a href="<?php echo site_url('post') ?>" class="btn btn-success"><< Back to post</a>
			</div>
		</div>
	</div>
</body>
</html>

Jika sudah save dan coba kita ketikkan kata kunci dari salah satu table nya

Membuat Pencarian Data Dengan Codeigniter

Maka hasilnya seperti gambar di bawah ini

Membuat Pencarian Data Dengan Codeigniter

Nah itulah cara Membuat Pencarian Data Dengan Codeigniter, cukup mudah bukan..??

Baik kita akan berjumpa kembali pada artikel selanjutnya, terimakasih dan sampai jumpa.

Hernowo Author

Leave a Reply

Your email address will not be published. Required fields are marked *