Membuat Shopping Cart Dengan CodeIgniter

Membuat shopping cart tidaklah begitu sulit, terlebih jika anda menggunakan framework CodeIgniter. CodeIgniter telah menyediakan suatu pusta...

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.

Langkah awal membuat Database dan kita lanjutkan membuat table sederhana untuk menampung barang yang akan kita jual.

CREATE TABLE `products` (
    `id` int NOT NULL AUTO_INCREMENT,
    `name` varchar(100) NOT NULL,
    `price` int NOT NULL,
    PRIMARY KEY  (`id`)
);

dan isi sebagian data untuk apliaksi


INSERT INTO products` (`id` ,`name` ,`price`)
VALUES 
(NULL , 'ayam goreng', '8000'),
(NULL , 'bebek panggang', '12000');

Sebelum memulai aplikasi ini, ada beberapa konfigurasi yang harus kita ubah dalam CodeIgniter.

Konfigurasi database (config/database.php)


$db['default']['hostname'] = "localhost";  
$db['default']['username'] = "root";  
$db['default']['password'] = "";  
$db['default']['database'] = "sesuaiNamaDatabaseAnda";  
$db['default']['dbdriver'] = "mysql";


Konfigurasi aplikasi (config/config.php)
Ubah base url ini ke localhost atau url yang anda inginkan.
Konfigurasi aplikasi (config/config.php)
Ubah base url ini ke localhost atau url yang anda inginkan.


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


Konfigurasi autoload (config/autoload.php)
Untuk pustaka yang sering kita pakai, pastikan dimasukan secara auto.


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


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


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

Model
didalam folder Model buatlah kode seperti dibawah ini

<?php   
 
class Model_Product extends Model {
 
    function get_all($limit = NULL, $offset = NULL) {  
        $query = $this->db->get('products', $limit, $offset); 
        return $query->result();
    }             
 
    function get($id) {
        $query = $this->db->get_where('products', array('id'=>$id)); 
        return $query->row();
    }  
}
controller
Pertama kita membuat controller product yang berfungsi untuk menampilkan daftar barang yang sedang dijual dan beri nama product.php


<?php
 
class Products extends Controller {
 
    function Products() {
        parent::Controller();
        $this->load->model('model_product');
    }
 
    function index() {
 
        $data['product_list'] = $this->model_product->get_all(); 
        $this->load->view('product/index', $data);

    }
}


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


<?php
 
class Cart extends Controller {
 
    function Cart() {
        parent::Controller();
        $this->load->model('model_product');
    }
 
    function add($id) {
        $product = $this->model_product->get($id);
 
        $data = array(
            'id'      => $product->id,
            'qty'     => 1,
            'price'   => $product->price,
            'name'    => $product->name,
        );
        $this->cart->insert($data);
        redirect("cart");
    }
 
    function index($offset = 0) {
 
        $data['cart_list'] = $this->cart->contents();        
        $this->load->view('cart/index', $data);
    }
}


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 


<html>
    <head>
        <title>Membuat Shopping Cart Dengan CodeIgniter</html>    
    </head>
 
    <h1>Daftar barang </h1>
    <? if (!empty($product_list)): ?>
    <ul>
        <? foreach($product_list as $product): ?>
        <li>
        <? echo $product->name ?> (<? echo $product->price ?>) - 
        <a href='<? echo site_url("cart/add/$product->id") ?>' >beli</a>
        </li>
        <? endforeach ?>
    </ul>
    <? else : ?>
    <p>Produk kosong.</p>
    <? endif ?>
</html>


Berikut view untuk menampilkan daftar barang dalam shopping cart cart.php


<html>
    <head>
        <title>Membuat Shopping Cart Dengan CodeIgniter</html>    
        <style>
        .number {
            text-align:right;
        }
        </style>
    </head>
    <h1>Shopping cart anda</h1>
    <? if (!empty($cart_list)): ?>
    <table>
        <tr>
            <th>Jumlah</th>
            <th>Nama barang</th>
            <th>Harga</th>
            <th>Jumlah</th>
        </tr>
        <? foreach($cart_list as $product): ?>
        <tr>
            <td class="number"><? echo $product['qty'] ?></td>
            <td><? echo $product['name'] ?></td>
            <td class="number"><? echo $product['price'] ?></td>
            <td class="number"><? echo $product['qty'] * $product['price'] ?></td>
        </tr>
        <? endforeach ?>
        <tr>
            <td colspan="3">Total</td>
            <td class="number"><?= $this->cart->total(); ?></td>
        </tr>
    </table>
    <? else : ?>
    <p>Produk kosong.</p>
    <? endif ?>
    <a href="<? echo site_url('products') ?>">Kembali</a>
</html>

COMMENTS

Name

berita,9,fahsion,3,gempha news,5,gender,5,IT,52,kesehatan,39,lirik lagu,8,MAKALAH,5,materi,13,sejarah,8,tentang pmii,17,uin jember,2,warta,14,
ltr
item
Gerakan Mahasiswa Pembaharuan - PMII Yogyakarta: Membuat Shopping Cart Dengan CodeIgniter
Membuat Shopping Cart Dengan CodeIgniter
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HJnVOxv-LX_9-PC9gSzRQzydthb2qgd7VWASZueqgRjhowWaTdRhYkuWmwet-tVzuVRgNGbVUbDuWja3OeFyUK9oyiQUiEw5mz_F3Ja9w9k53DKEX6HrLrIgZretjxE47vPFYc39PAU/s640/codeigniter-4.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HJnVOxv-LX_9-PC9gSzRQzydthb2qgd7VWASZueqgRjhowWaTdRhYkuWmwet-tVzuVRgNGbVUbDuWja3OeFyUK9oyiQUiEw5mz_F3Ja9w9k53DKEX6HrLrIgZretjxE47vPFYc39PAU/s72-c/codeigniter-4.jpg
Gerakan Mahasiswa Pembaharuan - PMII Yogyakarta
https://pmiigempha.blogspot.com/2016/04/membuat-shopping-cart-dengan-codeigniter.html
https://pmiigempha.blogspot.com/
https://pmiigempha.blogspot.com/
https://pmiigempha.blogspot.com/2016/04/membuat-shopping-cart-dengan-codeigniter.html
true
3388097559341598177
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy