Cari tutorial

Tutorial Membuat CRUD dengan CodeIgniter Menampilkan Data Dari Database

Sebelum kamu mengikuti panduannya, kamu harus tau apa itu CRUD. Dalam codeIgniter CRUD merupakan singkatan dari Creat, Read, Update, Delete. Yang dimaksud disini adalah membuat input data, menampilkan input data, mengedit dan mengupdate data, dan menghapuskan data, tentu saja semua itu hasil input dari database.

Dari yang pertama dibawah ini adalah cara untuk konfigurasi data dan mengambil data dari database. Langsung aja yuuk ke panduannya.


STEP 1.  Kamu bisa buat database baru dengan nama sobatjagoan dan buat juga tabe user yang berisi coloumn id, nama, alamat, pekerjaan. Seperti dibawh ini

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

-- phpMyAdmin SQL Dump

-- version 3.5.2.2

-- http://www.phpmyadmin.net

--

-- Host: 127.0.0.1

-- Generation Time: Jan 20, 2016 at 10:20 AM

-- Server version: 5.5.27

-- PHP Version: 5.4.7

 

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

SET time_zone = "+00:00";

 

 

/*!40101 SET @[email protected]@CHARACTER_SET_CLIENT */;

/*!40101 SET @[email protected]@CHARACTER_SET_RESULTS */;

/*!40101 SET @[email protected]@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8 */;

 

--

-- Database: `sobatjagoan`

--

 

-- --------------------------------------------------------

 

--

-- Table structure for table `user`

--

 

CREATE TABLE IF NOT EXISTS `user` (

  `id` int(11) NOT NULL AUTO_INCREMENT,

  `nama` varchar(50) NOT NULL,

  `alamat` text NOT NULL,

  `pekerjaan` varchar(50) NOT NULL,

  PRIMARY KEY (`id`)

) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

 

--

-- Dumping data for table `user`

--

 

INSERT INTO `user` (`id`, `nama`, `alamat`, `pekerjaan`) VALUES

(1, 'Andi', 'Surabaya', 'web programmer'),

(2, 'Budi', 'Bandung', 'Web Designer');

 

/*!40101 SET [email protected]_CHARACTER_SET_CLIENT */;

/*!40101 SET [email protected]_CHARACTER_SET_RESULTS */;

/*!40101 SET [email protected]_COLLATION_CONNECTION */;


STEP 2.  Aktifkan library database, kemudian sesuaikan pengaturan database pada file konfig database.php codeIgniter di applicaton/config/database.php seperti dibawah ini

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

$db['default'] = array(

                'dsn'       => '',

                'hostname' => 'localhost',

                'username' => 'root',

                'password' => 'xxx',

                'database' => 'sobatjagoan',

                'dbdriver' => 'mysqli',

                'dbprefix' => '',

                'pconnect' => FALSE,

                'db_debug' => (ENVIRONMENT !== 'production'),

                'cache_on' => FALSE,

                'cachedir' => '',

                'char_set' => 'utf8',

                'dbcollat' => 'utf8_general_ci',

                'swap_pre' => '',

                'encrypt' => FALSE,

                'compress' => FALSE,

                'stricton' => FALSE,

                'failover' => array(),

                'save_queries' => TRUE

);


STEP 3. Sesuaikan pengaturan database kamu dengan nama database, username, password mysq kamu.


STEP 4. Tampilkan hasil dari database beleumnya dengan menggunakan controller yang dapat kamu beri nama CRUD.php yang berisikan parsing data yang diambil dari model ke view codeigniter, dengan melalui.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<?php

 

class Crud extends CI_Controller{

 

                function __construct(){

                                parent::__construct();                        

                                $this->load->model('m_data');

                $this->load->helper('url');

                }

 

                function index(){

                                $data['user'] = $this->m_data->tampil_data()->result();

                                $this->load->view('v_tampil',$data);

                }

}


STEP 5. Panggil atau buka model m_data untuk operasi database yang akan kamu buat di model m_data untuk mengambil database.


STEP 6.  Pada function index kamu dapat menampilkan data dengan function tampil_data pad model m_data untuk mengambil dta dengan database.


STEP 7. Parsing data dengan cara yang sama dibawah ini ke view v_tampil.

1

2

$data['user'] = $this->m_data->tampil_data()->result();

$this->load->view('v_tampil',$data);


STEP 8. Jangan lupa load library database. Melalui applicationmodels/m_data.php

1

2

3

4

5

6

7

<?php

 

class M_data extends CI_Model{

                function tampil_data(){

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

                }

}


STEP 9. Syntax yang dapat kamu tuliskan untuk mengambil data dari database, dapat dikembalikan ke pemanggil fungsi dengan return pada pramaeter seperti dibawah ini

1return $this->db->get('user');

STEP 10. Buat lagi sebuah view dengan nama v_tampil.php, melalui application/view/v_tampil.php

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

<!DOCTYPE html>

<html>

<head>

<title>Membuat CRUD dengan CodeIgniter | sobatjagoan.com</title>

</head>

<body>

<center><h1>Membuat CRUD dengan CodeIgniter | sobatjagoan.com</h1></center>

<center><?php echo anchor('crud/tambah','Tambah Data'); ?></center>

<table style="margin:20px auto;" border="1">

<tr>

<th>No</th>

<th>Nama</th>

<th>Alamat</th>

<th>Pekerjaan</th>

<th>Action</th>

</tr>

<?php

$no = 1;

foreach($user as $u){

?>

<tr>

<td><?php echo $no++ ?></td>

<td><?php echo $u->nama ?></td>

<td><?php echo $u->alamat ?></td>

<td><?php echo $u->pekerjaan ?></td>

<td>

<?php echo anchor('crud/edit/'.$u->id,'Edit'); ?>

<?php echo anchor('crud/hapus/'.$u->id,'Hapus'); ?>

</td>

</tr>

<?php } ?>

</table>

</body>

</html>

Anchor() adalah function codeIgniter yang memiliki berfungsi untuk membuat hyperlink. Caranya adalah sebagai berikut

  • Pada parameter pertama letakkan text yang akan dimunculkan seperti contoh diatas, syarat untuk memunculkan ada syaratnya yaitu kamu harus men-load helper url codeIgniter seperti diatas.

STEP 11. Jalankan browser untuk melihat hasil contoh menaplikan data dari database codeIgniter seperti berikut.

1http://localhost/sobatjagoan/crud

Nah, ternyata gampang kan, Yuk simak terus Tips Hosting di halaman tutorial Jagoan Hosting Indonesia ya, jika ada bagian dari tutorial yang tidak ditemukan, kamu bisa menghubungi teman-teman di Jagoan Hosting supaya bisa dibantu lebih lanjut melalui Live Chat.

 

Kamu wajib baca artikel ini juga Sob!

Hanya Dengan 12.000/bln, Website Kamu Bisa 5x Lebih Cepat!!

Mau Dong!