0% menganggap dokumen ini bermanfaat (0 suara)
1K tayangan5 halaman

Shopping Cart Dengan CodeIgniter

Dokumen ini memberikan panduan lengkap untuk membuat shopping cart menggunakan CodeIgniter, mulai dari konfigurasi database dan CodeIgniter, pembuatan model, controller dan view. Shopping cart dapat dibuat dengan mudah menggunakan pustaka yang disediakan CodeIgniter.

Diunggah oleh

Sigit
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
1K tayangan5 halaman

Shopping Cart Dengan CodeIgniter

Dokumen ini memberikan panduan lengkap untuk membuat shopping cart menggunakan CodeIgniter, mulai dari konfigurasi database dan CodeIgniter, pembuatan model, controller dan view. Shopping cart dapat dibuat dengan mudah menggunakan pustaka yang disediakan CodeIgniter.

Diunggah oleh

Sigit
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 5

Shopping Cart Dengan CodeIgniter

January 28th, 2010 → 5:27 pm

Jika anda ingin membangun toko online, salah satu fitur yang hampir
pasti ada yaitu shopping cart. Membuat shopping cart tidaklah begitu sulit, terlebih jika
anda menggunakan framework CodeIgniter.

CodeIgniter telah menyediakan suatu pustaka untuk mempermudah anda membuat


shopping cart.

Mari kita membuat shopping cart dengan CodeIgniter.

Database

Kita akan membuat table sederhana untuk menampung barang yang akan kita jual.

1 CREATE TABLE `products` (


2 `id` int NOT NULL AUTO_INCREMENT,
3 `name` varchar(100) NOT NULL,
4 `price` int NOT NULL,
5 PRIMARY KEY (`id`)
6 );

Input beberapa data sebagai sampel untuk aplikasi toko online.

1 INSERT INTO products` (`id` ,`name` ,`price`)


2 VALUES
3 (NULL , 'ayam goreng', '8000'),
4 (NULL , 'bebek panggang', '12000');

Konfigurasi CodeIgniter

Sebelum memulai aplikasi ini, ada beberapa konfigurasi yang harus kita ubah dalam
CodeIgniter.
Konfigurasi database (config/database.php)

1 $db['default']['hostname'] = "localhost";
2 $db['default']['username'] = "root";
3 $db['default']['password'] = "root";
4 $db['default']['database'] = "toko_online";
5 $db['default']['dbdriver'] = "mysql";

Konfigurasi aplikasi (config/config.php)


Ubah base url ini ke localhost atau url yang anda inginkan.

1 $config['base_url'] = "http://localhost/toko/";

Demi keamanan pastikan setting XSS filtering anda bernilai true.

1 $config['global_xss_filtering'] = TRUE;

Konfigurasi autoload (config/autoload.php)


Untuk pustaka yang sering kita pakai, pastikan dimasukan secara auto.

1 $autoload['libraries'] = array('cart', 'database');

Juga helper yang sering kita pakai, untuk contoh ini adalah URL helper.

1 $autoload['helper'] = array('url');

Model
1 <?php
2  
3 Model product mempunyai 2 fungsi yaitu untuk mengambil seluruh data barang, dan
4 fungsi untuk mengambil data barang tertentu sesuai dengan id yang diinginkan.
5  
6 class Model_Product extends Model {
7  
function get_all($limit = NULL, $offset = NULL) {
8
$query = $this->db->get('products', $limit, $offset);
9
return $query->result();
10 }
11  
12 function get($id) {
13 $query = $this->db->get_where('products', array('id'=>$id));
14 return $query->row();
15 }
16 }

Controller

Pertama kita membuat controller product yang berfungsi untuk menampilkan daftar
barang yang sedang dijual.
1
<?php
2
 
3 class Products extends Controller {
4  
5 function Products() {
6 parent::Controller();
7 $this->load->model('model_product');
8 }
9  
10 function index() {
11  
12 $data['product_list'] = $this->model_product->get_all();
13 $this->load->view('product/index', $data);
}
14
}
15

Controller cart berfungsi untuk menambahkan product ke dalam cart, dan menampilkan
isi cart tersebut.

1
2 <?php
3  
4 class Cart extends Controller {
5  
6 function Cart() {
7 parent::Controller();
$this->load->model('model_product');
8
}
9  
10 function add($id) {
11 $product = $this->model_product->get($id);
12  
13 $data = array(
14 'id' => $product->id,
15 'qty' => 1,
16 'price' => $product->price,
17 'name' => $product->name,
18 );
19 $this->cart->insert($data);
20 redirect("cart");
}
21
 
22 function index($offset = 0) {
23  
24 $data['cart_list'] = $this->cart->contents();
25 $this->load->view('cart/index', $data);
26 }
27 }
28

View

Ada dua view yang harus kita buat, yaitu view untuk menampilkan daftar barang yang
dijual dan view untuk menampilkan barang yang ada di shopping cart.

Berikut view untuk menampilkan daftar barang


1
2 <html>
<head>
3
<title>Membuat Shopping Cart Dengan CodeIgniter</html>
4
</head>
5  
6 <h1>Daftar barang </h1>
7 <? if (!empty($product_list)): ?>
8 <ul>
9 <? foreach($product_list as $product): ?>
10 <li>
11 <? echo $product->name ?> (<? echo $product->price ?>) -
12 <a href='<? echo site_url("cart/add/$product->id") ?>' >beli</a>
13 </li>
14 <? endforeach ?>
15 </ul>
<? else : ?>
16
<p>Produk kosong.</p>
17
<? endif ?>
18 </html>
19

Berikut view untuk menampilkan daftar barang dalam shopping cart

1 <html>
2 <head>
3 <title>Membuat Shopping Cart Dengan CodeIgniter</html>
4 <style>
5 .number {
6 text-align:right;
}
7
</style>
8 </head>
9 <h1>Shopping cart anda</h1>
10 <? if (!empty($cart_list)): ?>
11 <table>
12 <tr>
13 <th>Jumlah</th>
14 <th>Nama barang</th>
15 <th>Harga</th>
16 <th>Jumlah</th>
17 </tr>
18 <? foreach($cart_list as $product): ?>
19 <tr>
<td class="number"><? echo $product['qty'] ?></td>
20
<td><? echo $product['name'] ?></td>
21 <td class="number"><? echo $product['price'] ?></td>
22 <td class="number"><? echo $product['qty'] * $product['price'] ?></td>
23 </tr>
24 <? endforeach ?>
25 <tr>
26 <td colspan="3">Total</td>
27 <td class="number"><?= $this->cart->total(); ?></td>
28 </tr>
29 </table>
30 <? else : ?>
31 <p>Produk kosong.</p>
32 <? endif ?>
<a href="<? echo site_url('products') ?>">Kembali</a>
33
</html>
34
35
36

Ini hanyalah contoh sederhana pemakaian pustaka shopping cart, seperti anda lihat
aplikasi ini belum menangani update shopping cart. Untuk itu silahkan anda kembangkan
dan pelajari lebih lanjut. Jika anda masih merasa kesuliatan, silahkan tanyakan kesulitan
anda, mungkin saja saya bisa membantu.

Anda mungkin juga menyukai