cara menampilkan data dari database di codeigniter

Kali ini saya akan memberikan tutorial bagaimana cara menampilkan data dari database di codeigniter, sebelum saya mulai saya harap anda sudah mengerti sedikit tentang codeigniter sebelum melihat tutorial ini 🙂 hahaha just kidding .

Oke untuk menampilkan data dari database pada codeigniter kita membutuhkan MVC (model, view,controller), dan saya harap kalian sudah mengerti apa yang di maksud dengan konsep mvc.

oke untuk pertama-tama kita harus membuat modelnya terlebih dahulu :

ArticleModel.php

<?php

class ArticleModel extends CI_Model {

	public function getAll()
	{
		return $this->db->get('post');  
	}

	

	
}

<?php

class ArticleModel extends CI_Model {

public function getAll()

{

return $this->db->get('post');

}

untuk Class ArticleModel saya menggunakan query class builder yaitu return $this->db->get(‘post’) yang kalau di query sql biasa seperti ini penulisannya : “SELECT * FROM post”.

untuk selanjutnya setelah kita bikin model kita harus bikin controllernya :

Article.php

<?php

class Article extends CI_Controller
{

	public function __construct()
	{
		parent::__construct();
		$this->load->model('ArticleModel'); // di jadikan constructor agar langsung di jalankan saat di akses dan bisa di akses ke semua fungction

	}

	public function index()
	{
		
		$article = $this->ArticleModel->getAll(); // memanggil method getAll
	    $data['article'] = $article; // menampung di variable $data
	    $this->load->view('article',$data); // passing $data ke view article

	}

	
}

<?php

class Article extends CI_Controller

{

public function __construct()

{

parent::__construct();

$this->load->model('ArticleModel'); // di jadikan constructor agar langsung di jalankan saat di akses dan bisa di akses ke semua fungction

}

public function index()

{

$article = $this->ArticleModel->getAll(); // memanggil method getAll

$data['article'] = $article; // menampung di variable $data

$this->load->view('article',$data); // passing $data ke view article

}

setelah kita panggil method getALL() pada controller dan di passing selanjutnya kita buat file viewnya :

article.php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="<?php echo base_url() ?>css/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

  	<div class="container">
  		<div class="row">
  			<div class="col-md-12">
  				<h1>Article</h1>
  				<table cellspacing="0" border="1" width="1000px">
				  		<thead>
				  			<th>Judul</th>
				  			<th>Descripsi</th>
				  			<th>Tanggal</th>
				  			<th>aksi</th>
				  		</thead>
				  		<tbody>
				  			<?php foreach ($article->result() as $result) : ?>
							<tr>	   
							    <td><?php echo $result->title ?></td>
								<td><?php echo $result->deskripsi?></td>
								<td><?php echo $result->date?></td>
								<td><a href="<?php echo site_url('article/update/'.$result->id)?>" >Update</a>&nbsp;<a onclick="return confirm('apakah anda yakin ingin menghapus data tersebut ?')" href="<?php echo site_url('article/delete/'.$result->id)?>" >Delete</a></td>	
							</tr>
				            <?php endforeach; ?>
				  		</tbody>
			  	</table>
			  	<br/>
			  	<a href="<?php echo base_url() ?>index.php/article/addDAta" class="btn btn-primary">Tambah Data</a>
  			</div>
  		</div>
  	</div>

  	
 
 		
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<?php echo base_url() ?>css/bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>

<!DOCTYPE html>

<head>

<title>Bootstrap 101 Template</title>

<!--[if lt IE 9]>

<![endif]-->

</head>

<body>

<h1>Article</h1>

<thead>

<th>Judul</th>

<th>Descripsi</th>

<th>Tanggal</th>

</thead>

<tbody>

<?php foreach ($article->result() as $result) : ?>

<tr>

<td><?php echo $result->title ?></td>

<td><?php echo $result->deskripsi?></td>

<td><a href="<?php echo site_url('article/update/'.$result->id)?>" >Update</a> <a onclick="return confirm('apakah anda yakin ingin menghapus data tersebut ?')" href="<?php echo site_url('article/delete/'.$result->id)?>" >Delete</a></td>

</tr>

<?php endforeach; ?>

</tbody>

</table>

<br/>

<a href="<?php echo base_url() ?>index.php/article/addDAta" class="btn btn-primary">Tambah Data</a>

</div>

</body>

</html>

di sini saya menggunakan bootstrap sebagai framework css nya .Â dan untuk memanggil datanya hanya butuh code sebagai berikut :

<tbody>
	 <?php foreach ($article->result() as $result) : ?>
             <tr>	   
		  <td><?php echo $result->title ?></td>
		  <td><?php echo $result->deskripsi?></td>
		  <td><?php echo $result->date?></td>
                  <td><a href="<?php echo site_url('article/update/'.$result->id)?>" >Update</a>&nbsp;<a onclick="return confirm('apakah anda yakin ingin menghapus data tersebut ?')" href="<?php echo site_url('article/delete/'.$result->id)?>" >Delete</a></td>	
            </tr>
         <?php endforeach; ?>
</tbody>

<tbody>

<?php foreach ($article->result() as $result) : ?>

<tr>

<td><?php echo $result->title ?></td>

<td><?php echo $result->deskripsi?></td>

</tr>

<?php endforeach; ?>

</tbody>

Menggunakan looping foreach untuk menampilkannya dan hasilnya adalah seperti ini :

Oke itulah tadi tentang bagaimana cara menampilkan data dari database di codeigniter ,Â untuk selanjutnya saya akan membahas bagaimana cara insert data menggunakan codeigniter.

Cara Menampilkan Data dari Database di Codeigniter

Facebook DUMET School

Konsultasi Gratis

Categories