Tampilkan postingan dengan label CodeIgniter. Tampilkan semua postingan
Selasa, 11 Agustus 2015
Jquery Ajax API .Load Tutorial Meload Data Server Ke Element Tujuan
Jquery Ajax API .Load Tutorial Meload Data Server Ke Element Tujuan
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial primasaja.com kali ini admin akan membagikan bagaimana cara untuk " Meload Data Server Ke Element Tujuan ", sebagai gambaran sederhana apa yang akan kita lakukan adalah anda akan dapat menempatkan localhost/jqueryajaxapi/data1 dari url lain ke dalam localhost/jqueryajaxapi pada spesifikasi element css yang anda tuju
struktur dasar pembuatan API .load ini adalah
.load (url [,data] [,complete])
apa yang akan kita lakukan sekarang adalah cara yang paling simple untuk mengambil data dari server sama saja seperti .get (url , data , sukses) kecuali jika dengan method global.
1. Jquery Ajax API .Load URL
mari mulai membuat .load dan mengambil data dari server dari hal yang paling simple berikut ini :catatan buat folder baru di dalam htdocs adalah tutorialjqueryprimasaja
untuk framework
1. buat controller
<?php defined('BASEPATH') OR exit('No direct script access allowed');
class Inti extends CI_controller {
function index(){
$this->load->view('index');
}
}
untuk yang bukan framework langsung aja yang bawah dan hapus yang saya hitamkan :
script :
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
<html><head>
<title>Tutorial Jquery ajax .load PrimaSaja.com</title>
<script type="text/javascript" src="<?php echo base_url();?>asset/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
var site = "<?php echo site_url()?>"; //ganti sama localhost/tutorialjqueryprimasaja/
function fungsibody(){
$('#Dasar').load('<?php echo base_url();?>data1/', function(){alert("proses pengiriman data dari server berhasil");});
}
</script>
<style>
#dasar{background-color: rgba(255, 197, 78, 1);
margin-bottom: 100px;
width: 800px;
height: auto;
}
#dasar2{background-color: blue;
margin-bottom: 300px;
width: 800px;
height: auto;
}
#dasar3{background-color: red;
margin-bottom: 500px;
width: 800px;
height: auto;
}
</style>
</head>
<body onload='fungsibody()'>
<center><h1>Tutorial Jquery ajax .load PrimaSaja.com</h1></center>
<div id='Dasar'>
</div>
<div id='Dasar2'>
</div>
<script>
$('#Dasar2').load('<?php echo base_url();?>data2 #Dasar3');
</script>
</body>
</html>
lalu buat controller baru dengan nama Data1 seperti dibawah ini
<?php defined('BASEPATH') OR exit('No direct script access allowed');
class Data1 extends CI_controller {
function index(){
echo "halo anda sedang melihat data dari http://localhost/tutorialjqueryprimasaja/data1 </br> di http://localhost/tutorialjqueryprimasaja/";
}
untuk php buat file data1.php dan isikan seperti berikut
<?php echo "halo anda sedang melihat data dari
http://localhost/tutorialjqueryprimasaja/data1 </br> di
http://localhost/tutorialjqueryprimasaja/"?>
lalu buat lagi controller baru dengan nama Data2 seperti dibawah ini
<?php defined('BASEPATH') OR exit('No direct script access allowed');
class Data2 extends CI_controller {
function index(){
echo "halo anda sedang melihat data dari http://localhost/tutorialjqueryprimasaja/data2 </br> di http://localhost/tutorialjqueryprimasaja/";
echo "<div id='Dasar3'>
halo anda sedang melihat data dari http://localhost/tutorialjqueryprimasaja/data2 yang hanya mengambil dari div Dasar3
</div>";
untuk php buat file data2.php dan isikan seperti berikutclass Data2 extends CI_controller {
function index(){
echo "halo anda sedang melihat data dari http://localhost/tutorialjqueryprimasaja/data2 </br> di http://localhost/tutorialjqueryprimasaja/";
echo "<div id='Dasar3'>
halo anda sedang melihat data dari http://localhost/tutorialjqueryprimasaja/data2 yang hanya mengambil dari div Dasar3
</div>";
<?php echo "halo anda sedang melihat data dari
http://localhost/tutorialjqueryprimasaja/data2 </br> di
http://localhost/tutorialjqueryprimasaja/"?>
catatan : taruh jquery script di C:\xampp\htdocs\namafolderanda\asset\js\jquery-1.11.1.min.js.
script jquery bisa di dapat dari sini klik disini
script jquery bisa di dapat dari sini klik disini
silahkan cek hasilnya penjelasan hasil tersebut adalah ketika body onload mengambil fungsi dari script fungsibody() yang berisi :
$('#Dasar').load('<?php echo base_url();?>data1/', function(){alert("proses pengiriman data dari server berhasil");});
maka :
<div id='Dasar'>
//isi datanya akan masuk kesini
</div>
akan berisi data dari url yang anda tuju yaitu localhost/tutorialjquery/data1/ dan fungsi yang dibuat juga dapat dipanggil yaitu pemberitahuan function(){alert("proses pengiriman data dari server berhasil");
lalu pada script css kita mencoba menaruh data dari url lain yang lebih spesifik yaitu data yang berada pada div dasar3 sesuai dengan script
localhost/tutorialjquery/data2/
localhost/tutorialjquery/data2/
<div id='Dasar2'>
// isi data dari url lain <div id=dasar3></div>
</div>
// isi data dari url lain <div id=dasar3></div>
</div>
jika masih bingung silahkan kirim email anda ke jaka@primasaja.com untuk mendapatkan link download hasil belajar sekian :)
Selasa, 21 Juli 2015
Tutorial CRUD Pagination Codeigniter Dengan Jquery Ajax ( part 1 )
Tutorial CRUD Codeigniter Dengan Jquery Ajax ( part 1 )
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
tutorial website dengan framework codeigniter kali ini akan membahas " Tutorial CRUD Codeigniter Dengan Jquery Ajax ( part 1 ) " bagaimana membuat Create, Read, Update, Dan Delete untuk customisasi isi database dengan bantuan Jquery script dan Ajax Script untuk menampilkan dan merubah isi database tanpa perlu melakukan refresh pada browser.
CRUD Codeigniter dengan jquery ajax ini sangat berguna untuk membuat pengguna website memasukkan data ke dalam database tanpa perlu menunggu refresh halaman yang berarti, dan juga menjadi solusi untuk membuat suatu sistem yang menggunakan POP jquery di dalamnya, contohnya ketika menggunakan crud tanpa menggunakan jquery ajax, sistem penghitungan didalam sebuah pop-up jquery akan meload form untuk di masukkan ke database atau untuk dijadikan value dari variabel yang otomatis akan merefresh halaman dan mengembalikan halaman ke awal semula ketika ia dibuka yaitu ketika pop-up iklan masih tertutup, sehingga pengguna harus membuka pop-up jquery tersebut kembali untuk melihat penghitungan.
dengan adanya Ajax pengguna tidak perlu repot - repot lagi membuka ulang pop-up untuk melihat penghitungan, karena data yang diisi dalam form dan dikirim ke database atau value dari variabel akan dilakukan tanpa merefresh halaman page yang otomatis tidak akan menutup pop-up yang sedang di buka dan dapat melihat hasil penghitungan secara langsung di pop-up jquery.
Mari mulai membuat CRUD dengan framework codeigniter dengan model MVC ini dengan tahap - tahap seperti ini :
1. Download Framework Codeigniter jika anda belum memilikinya Klik disini
2. buat database dalam contoh saya dengan nama "primasajacom_crudajax" lalu buat tabel dengan nama "Data_Pegawai_Primasaja" dan buat struktur tabel seperti berikut :
Dalam SQL :
CREATE TABLE `primasajacom_crudajax`.`Data_Pegawai_Primasaja` ( `NIP` INT(15) NOT NULL AUTO_INCREMENT , `Nama_Pegawai` VARCHAR(50) NOT NULL , `Jabatan` VARCHAR(50) NOT NULL , `Tahun_Masuk` INT(5) NOT NULL , PRIMARY KEY (`NIP`)) ENGINE = InnoDB;
Dalam GUI :
3.. Setting terlebih dahulu configurasi framework di autoload dan di database. dengan mengakses C:\xampp\htdocs\namafoldercodeigniter\application\config\database.php dan
C:\xampp\htdocs\center\application\config\autoload.php
4. pada file autoload
- cari $autoload['libraries'] dan isikan seperti ini = array('database'),
- lalu cari $autoload['helper'] dan tambahkan sehingga seperti ini = array('url');,
- dan yang terakhir cari $autoload['model'] = array('modelprimasaja');
Catatan : modelprimasaja adalah file yang nanti akan dibuat di C:\xampp\htdocs\namafolder_codeigniter\application\models\ (modelprimasaja.php)
5. lalu pada file database setting database seperti ini
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '', // isi jika ada
'database' => 'nama database anda yang telah anda buat',
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '', // isi jika ada
'database' => 'nama database anda yang telah anda buat',
Catatan : dalam contoh pembuatan saya yaitu dengan nama primasajacom_crudajax.
'database' =>'primasajacom_crudajax'
'database' =>'primasajacom_crudajax'
6. atur file routes default ke $route['default_controller'] = "inti";
7. selanjutnya setelah selesai melakukan configurasi framework di codeigniter, lalu mulai membuat Model, View, Dan controllernya, pertama - tama buat Controller di C:\xampp\htdocs\namafolderanda\application\controllers dan buat nama file baru dengan ekstensi php sesuai nama routes yang tadi kita buat di routes inti.php lalu buat script seperti berikut :
<?php if (! defined('basepath')) exit('no direct script access allowed');
class Inti extends CI_controller {
function index(){
$this->load->view('index');
}
}
7. selanjutnya setelah selesai melakukan configurasi framework di codeigniter, lalu mulai membuat Model, View, Dan controllernya, pertama - tama buat Controller di C:\xampp\htdocs\namafolderanda\application\controllers dan buat nama file baru dengan ekstensi php sesuai nama routes yang tadi kita buat di routes inti.php lalu buat script seperti berikut :
<?php if (! defined('basepath')) exit('no direct script access allowed');
class Inti extends CI_controller {
function index(){
$this->load->view('index');
}
}
8. lalu buat View sesuai script kontroller tadi di $this->load->view('index');, buat file index.php di C:\xampp\htdocs\namafolderanda\application\view buat script seperti berikut :
Catatan :
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
<html>
<head>
<title>Tutorial CRUD Pagination ajax primasaja</title>
<script type="text/javascript" src="<?php echo base_url();?>asset/javascript/jquery-1.11.1.min.js"></script>
<link href="<?php echo base_url();?>asset/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center><h1>Tutorial CRUD Pagination Codeigniter Dengan Jquery Ajax Primasaja.com</h1></center>
<div id='Dasar'>
</div>
</body>
</html>
<html>
<head>
<title>Tutorial CRUD Pagination ajax primasaja</title>
<script type="text/javascript" src="<?php echo base_url();?>asset/javascript/jquery-1.11.1.min.js"></script>
<link href="<?php echo base_url();?>asset/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center><h1>Tutorial CRUD Pagination Codeigniter Dengan Jquery Ajax Primasaja.com</h1></center>
<div id='Dasar'>
</div>
</body>
</html>
Catatan :
pada script type="text/javascript" src="<?php echo base_url();?>asset/javascript/jquery-1.11.1.min.js"></script>
taruh jquery script di C:\xampp\htdocs\namafolderanda\asset\javascript\jquery-1.11.1.min.js.
script jquery bisa di dapat dari sini klik disini
script jquery bisa di dapat dari sini klik disini
dan pada <link href="<?php echo base_url();?>asset/css/style.css" rel="stylesheet" type="text/css" /> buat folder dan file baru bernama style.css di
C:\xampp\htdocs\namafolderanda\asset\css\style.css
9. selanjutnya kita akan mulai membuat model untuk CRUD database dan menampilkan dengan controller baru
klik di bawah ini untuk tutorial selanjutnya
klik di bawah ini untuk tutorial selanjutnya
Selasa, 09 Juni 2015
Tutorial Codeigniter Membuat Keranjang Belanja [ END ]
Tutorial Codeigniter Membuat Keranjang Belanja [ END ]
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
tutorial kali ini akan membahas mengenai " Tutorial Codeigniter Membuat Keranjang Belanja [ END ] ". ya ini adalah terakhir tapi bukan akhir segalanya tapi akhir dari episode membuat keranjang belanja lanjutan yang kemarin jika anda belum melihat tutorial nya klik link dibawah ini
setelah tutorial sebelumnya telah dibuat dan dimengerti fungsi dari fungsi - fungsi cart atau keranjang belanja sekarang kita akan mulai membuatnya dengan hasil seperti ini
bagaimana ? penasaran ? ikuti langkah - langkah dibawah ini dengan seksama ingat step by step jangan ada yang diloncat nanti error :v.
1. Mempersiapkan database keranjang belanja
hal pertama yang dilakukan adalah buat dahulu tabel untuk menampung nilai yang akan ditampilkan di view nanti. buat struktur tabel seperti dibawah ini
2. Membuat Controller Keranjang Belanja
setelah membuat database lalu buat sebuah kontroller dalam contoh tutorial saya, saya membuat kontroller bernama belanjaprimasaja lalu tuliskan code seperti dibawah ini
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Belanjaprimasaja extends CI_Controller {
public function index()
{
$this->load->model('produk_model');
$data['produks'] = $this->produk_model->ambil_semua();
$this->load->view('produk_V', $data);
}
}
code diatas dapat diuraikan sebagai berikut
- $this->load->model('produk_model'); = mengambil produk_model.php
- $data['produks'] = $this->produk_model->ambil_semua(); = mengambil fungsi ambil_semua() dari produk_model ( akan dibuat di tahap selanjutnya )
- $this->load->view('produk_V', $data); = meload tampilan dengan nama file produk_V
3. Membuat Model Keranjang Belanja
seperti controller yang sudah anda buat lalu buat model produk_model.php dan buat fungsi ambil_semua() berikut code nya
<?php
class Produk_model extends CI_Model{
function ambil_semua(){
$results = $this->db->get('produk')->result();
foreach ($results as $result) {
if ($result->option_values) {
$result->option_values = explode(',',$result->option_values);
}
}
return $results;
}
}
4. Membuat View Keranjang Belanja
jika anda telah membuat model dan kontroller selanjutnya buat view untuk penampilannya berikut code yang sudah saya buat beserta CSS untuk design websitenya
<html>
<head>
<title>belanja </title>
<style type="text/css">
thead{
background-color: coral;
}
tbody{
background-color: aliceblue;
}
td {border: 2px solid #dddddd;
text-align: center;
}
tr {border: 2px solid #dddddd;
text-align: center;
}
.cart-info table {
width: 80%;
margin-bottom: 20px;
border-collapse: collapse;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
background-color: #FFF;
}
.table-bordered {
border: 1px solid #FA0000;
}
.table {
width: 100%;
margin-bottom: 20px;
}
table {
max-width: 80%;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
font: :13px arial;
}
#produks {
text-align: center;float: left;
}
#produks ul{
list-style-type: none; margin: 0px;
}
#produks li{
width: 150px;padding: 4px;margin: 8px;
border: 2px solid #000; background-color: #eee;
-moz-border-radius: 4px; -webkit-border-radius:4px;
}
#produks .name {
font-size: 15px; margin:5px;
}
#produks .price{
margin: 5px;
}
#produks .option {
margin: 5px;
}
</style>
</head>
<body>
<div id="produks">
<ul>
<?php foreach ($produks as $produk): ?>
<li>
<?php echo form_open('belanjaprimasaja/tambah');?>
<div class="name"><?php echo $produk->name; ?></div>
<div class="thumb">
<?php echo img(array(
'src' => 'images/' .$produk->image,
'class' => 'thumb',
'alt' => $produk->name
));?>
</div>
<div class="price"> Rp <?php echo $produk->price; ?></div>
<div class="option">
<?php if ($produk->option_name): ?>
<?php echo form_label($produk->option_name, 'option_'. $produk->id); ?>
<?php echo form_dropdown(
$produk->option_name,
$produk->option_values,
Null,
'id="option_'. $produk->id. '"'
);
?>
<?php endif;?>
</div>
<?php echo form_hidden('id', $produk->id);?>
<?php echo form_submit('action', 'Masukkan Keranjang');?>
<?php echo form_close(); ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php if ($cart = $this->cart->contents()):?>
<div id="cart">
<?php print_r($cart);?>
</div>
<?php endif;?>
<table class="table table-striped table-bordered">
<caption><h1>shopping cart primasaja.com</h1></caption>
<thead>
<tr>
<th>nama barang</th>
<th>pilihan</th>
<th>Harga</th>
</tr>
</thead>
<?php foreach ($cart as $item): ?>
<tr>
<td><?php echo $item['name'];?></td>
<td>
<?php if($this->cart->has_options($item['rowid'])){
foreach ($this->cart->product_options($item['rowid'])as $option => $value)
echo $option . ": <em>" . $value . "</em>";
}?>
</td>
<td>Rp<?php echo $item['subtotal'];?></td>
<td class="hapus"><?php echo anchor('belanjaprimasaja/hapus/'.$item['rowid'],'X');?>
</td>
</tr>
<?php endforeach;?>
<tr class="total">
<td colspan="2"><strong>Total</strong></td>
<td>Rp<?php echo $this->cart->total();?></td>
</tr>
</table>
</body>
</html>
<head>
<title>belanja </title>
<style type="text/css">
thead{
background-color: coral;
}
tbody{
background-color: aliceblue;
}
td {border: 2px solid #dddddd;
text-align: center;
}
tr {border: 2px solid #dddddd;
text-align: center;
}
.cart-info table {
width: 80%;
margin-bottom: 20px;
border-collapse: collapse;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
background-color: #FFF;
}
.table-bordered {
border: 1px solid #FA0000;
}
.table {
width: 100%;
margin-bottom: 20px;
}
table {
max-width: 80%;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
font: :13px arial;
}
#produks {
text-align: center;float: left;
}
#produks ul{
list-style-type: none; margin: 0px;
}
#produks li{
width: 150px;padding: 4px;margin: 8px;
border: 2px solid #000; background-color: #eee;
-moz-border-radius: 4px; -webkit-border-radius:4px;
}
#produks .name {
font-size: 15px; margin:5px;
}
#produks .price{
margin: 5px;
}
#produks .option {
margin: 5px;
}
</style>
</head>
<body>
<div id="produks">
<ul>
<?php foreach ($produks as $produk): ?>
<li>
<?php echo form_open('belanjaprimasaja/tambah');?>
<div class="name"><?php echo $produk->name; ?></div>
<div class="thumb">
<?php echo img(array(
'src' => 'images/' .$produk->image,
'class' => 'thumb',
'alt' => $produk->name
));?>
</div>
<div class="price"> Rp <?php echo $produk->price; ?></div>
<div class="option">
<?php if ($produk->option_name): ?>
<?php echo form_label($produk->option_name, 'option_'. $produk->id); ?>
<?php echo form_dropdown(
$produk->option_name,
$produk->option_values,
Null,
'id="option_'. $produk->id. '"'
);
?>
<?php endif;?>
</div>
<?php echo form_hidden('id', $produk->id);?>
<?php echo form_submit('action', 'Masukkan Keranjang');?>
<?php echo form_close(); ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php if ($cart = $this->cart->contents()):?>
<div id="cart">
<?php print_r($cart);?>
</div>
<?php endif;?>
<table class="table table-striped table-bordered">
<caption><h1>shopping cart primasaja.com</h1></caption>
<thead>
<tr>
<th>nama barang</th>
<th>pilihan</th>
<th>Harga</th>
</tr>
</thead>
<?php foreach ($cart as $item): ?>
<tr>
<td><?php echo $item['name'];?></td>
<td>
<?php if($this->cart->has_options($item['rowid'])){
foreach ($this->cart->product_options($item['rowid'])as $option => $value)
echo $option . ": <em>" . $value . "</em>";
}?>
</td>
<td>Rp<?php echo $item['subtotal'];?></td>
<td class="hapus"><?php echo anchor('belanjaprimasaja/hapus/'.$item['rowid'],'X');?>
</td>
</tr>
<?php endforeach;?>
<tr class="total">
<td colspan="2"><strong>Total</strong></td>
<td>Rp<?php echo $this->cart->total();?></td>
</tr>
</table>
</body>
</html>
5. Membuat Fungsi Tambah Untuk Tombol Masukkan Keranjang
coba anda klik tombol masukkan keranjang belum akan bekerja sebelum anda membuat fungsi tambah() seperti contoh code saya dibawah ini
function tambah(){
$this->load->model('produk_model');
$produk = $this->produk_model->ambil($this->input->post('id'));
$insert = array(
'id' => $this->input->post('id'),
'qty' => 1,
'price' => $produk->price,
'name' => $produk->name
);
if ($produk->option_name) {
$insert['options'] = array(
$produk->option_name =>$produk->option_values[$this->input->post($produk->option_name)]
);
}
$this->cart->insert($insert);
redirect('Belanjaprimasaja');
}
5. Kembali Ke Kontroller Membuat Dropdown Dari Database
seperti yang sudah di buat pada tabel yang dibuat pertama kali kita akan menampilkan data option_values yang tersimpan di database ke sebuah dropdown menu dengan menggunakan fungsi ambil($id) dari urutan id di database
function ambil($id) {
$results =$this->db->get_where('produk', array('id' => $id))->result();
$result = $results[0];
if ($result->option_values) {
$result->option_values = explode(',', $result->option_values);
}
return $result;
}
5. Membuat Fungsi Hapus untuk menghapus data Keranjang Belanja
ketika mengklik X masih error jika belum di buat fungsi hapus di kontroller yang sudah di panggil di view berikut code untuk membuat fungsi hapus data keranjang belanja
function hapus($rowid){
$this->cart->update(array(
'rowid' => $rowid,
'qty' => 0
));
redirect ('Belanjaprimasaja');
}
}
jika sudah cek hasilnya jika anda mengalami error silahkan berkomentar dibawah okey :D
Hasil :
Note : jika untuk menghilangkan tulisan diatas shopping cart hapus aja code print_r
Sabtu, 06 Juni 2015
Tutorial Codeigniter Membuat Keranjang Belanja Part 2
Tutorial Codeigniter Membuat Keranjang Belanja Part 2
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial ini akan membahas mengenai " Tutorial Codeigniter Membuat Keranjang Belanja Part 2 " yang berarti pembahasan ini melanjutkan pembahasan sebelumnya mengenai di Part 1. Sebelumnya kita telah membuat sebuah function yang berfungsi untuk menampilkan data dan fungsi penambahan nilai untuk datanya. selanjutnya kita akan membuat penambahan kedua, update, total, remove, hapussemua.
Membuat fungsi tambah ke 2
sama persis dengan pembuatan fungsi pertama pada tutorial sebelumnya cuma isi valuenya saja yang diganti dan nama fungsi nya di ganti add2 berikut contohnya
function add2()
{
$data = array(
'id' => '12',
'name' => 'baju',
'qty' => 2,
'price' => 15000,
'option' => array('size' => 'L')
);
$this->cart->insert($data);
echo "panggil add2()";
}
Membuat fungsi update
penggunaan library cart pada framework codeigniter untuk mengupdate data barang menggunakan $this->cart->update dan masukkan data baris yang akan dirubah bisa dilihat dari fungsi show copy di rowid dan rubah isi data qty menjadi 1
function update()
{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '1',
);
$this->cart->update($data);
echo "manggil update()";
}
hasil :
Membuat fungsi total
selanjutnya didalam keranjang pastikan ada total databarang dengan menjumlahkan total harga per produknya dengan framework codeigniter semua dapat dibuat dengan sederhana yaitu dengan code seperti ini $this->cart->total();
function total(){
echo $this->cart->total();
}
echo $this->cart->total();
}
hasil :

Membuat fungsi hapus
Jika ingin mereset data yang sudah dibeli dapat menggunakan $this->cart->update dengan fungsi ini Anda dapat menghapus jumlah data yang sudah dipesan
function hapus()
{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '0',
);
$this->cart->update($data);
echo "menghapus data()";
}
hasil :{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '0',
);
$this->cart->update($data);
echo "menghapus data()";
}

Membuat fungsi hapussemua
jika ingin menghapus semua data yang sudah dipesan dapat menggunakan destroy untuk menghapus sesion data yang sudah dimasukkan
function hapussemua(){
$this->cart->destroy();
echo "penghapusan semua";
}
hasil :$this->cart->destroy();
echo "penghapusan semua";
}

selanjutnya akan dibuat dengan menggunakan database yuk lanjut dengan klik disini
Tutorial Codeigniter Membuat Keranjang Belanja Part 1
Tutorial Codeigniter Membuat Keranjang Belanja Part 1
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
Bicara masalah website mungkin Anda pasti pernah merasakan berada disebuah website yang menampilkan data isi website yang lamakan? apalagi di Indonesia yang kecepatan jaringannya cukup lambat dibandingkan dengan luar negri sekarang ini. dan karena itu saran yang saya gunakan yaitu penggunaan framework Codeigniter seperti penjelasan saya di "Pengenalan Framework Codeigniter Dan Kenapa Memilih Framework Ini" framework ini memberikan kemudahan pembuatan kerjasama tim maupun individu dan juga kecepatan akses yang akan sangat - sangat lebih cepat dibandingkan PHP biasa.
Seperti sesuai tema kali ini yaitu "Tutorial Codeigniter Membuat Keranjang Belanja Part 1" pembahasan kali ini akan membuat fitur keranjang belanja di codeigniter, apakah anda tau cara membuat keranjang belanja seperti di website - website yang menjual barang - barang produk dagangannya? jika Anda penasaran bagaimana sih cara membuatnya? pusing dengan logika pembuatan codenya? yu kita buat shopping cart sederhana tutorial ini akan dibuat dengan sesederhana mungkin untuk mempermudah penyerapan sehingga kalian sampe bilang OHHH gitu to caranya.>:D
1. Download dahulu framework codeigniter disini
2. sebelum mulai melakukan coding inti anda harus setting terlebih dahulu configurasi framework di autoload dan di database. dengan mengakses C:\xampp\htdocs\namafoldercodeigniter\application\config\database.php dan C:\xampp\htdocs\center\application\config\autoload.php
3. pada file autoload cari $autoload['libraries'] dan isikan seperti ini = array('database','session','cart') dan cari $autoload['helper'] dan tambahkan sehingga seperti ini = array('form','url', 'security', 'html');
4. lalu pada file database setting database seperti ini
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '', // isi jika ada
'database' => 'nama database anda',
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Cart_test extends CI_Controller {
//cart dari library di autoload
function add()
{
$data = array(
'id' => '42',
'name' => 'celana',
'qty' => 5,
'price' => 250000,
'option' => array('size' => 'medium')
);
$this->cart->insert($data);
echo "add() called";
}
function show(){
$cart = $this->cart->contents();
echo "<pre>";
print_r($cart);
}
}
lalu akses http://localhost/center/cart_test/show untuk melihat hasil outputnya apa ada error atau tidak berikut gambaran hasil output
7. selanjutnya tunggu ada iklan yang mau lewat dulu :D kita bahas di Part II ya klik disini
Senin, 01 Juni 2015
Teknik Codeigniter 3 Cara Mengirim Email Dari Gmail
Teknik Codeigniter 3 Cara Mengirim Email Dari Gmail
Jaka Prima Maulanaprimasaja.com - apakah anda sedang membuat fitur pengiriman email menggunakan gmail?, penggunaan email anda untuk dikirimkan ke pengguna email lain dari gmail, yahoo, dll?, maka anda akan dapat melakukannya dengan framework codeigniter ini dengan mudah dengan mengikuti tutorial ini dijamin keberhasilan 100% langsung saja berikut step by step melakukannya
1. buat kontroller emailprimasaja.php dan masukkan kode seperti dibawah ini
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Emailprimasaja extends CI_Controller {
public function index()
{
$this->load->helper('form'); //memasukkan library helper form
$this->load->view('tampilan_pengiriman'); //memasukkan tampilan view tampilan_pengiriman.php
}
class Emailprimasaja extends CI_Controller {
public function index()
{
$this->load->helper('form'); //memasukkan library helper form
$this->load->view('tampilan_pengiriman'); //memasukkan tampilan view tampilan_pengiriman.php
}
2. lalu buat view sesuai statement yang ada di kontroller yaitu tampilan_pengiriman
<html>
<head>
<title>Tutorial CI: Mengirim Email</title>
</head>
<body>
<center><h1>Tutorial primasaja.com</h1></center>
<h2>Fitur pengiriman pesan ke email</h2>
<table>
<?php echo form_open_multipart('emailprimasaja/prosespengiriman'); ?>
<tbody>
<tr>
<td>Ke</td>
<td><input type="email" name="to"></td>
</tr>
<tr>
<td>Dari</td>
<td><input type="email" name="from"></td>
</tr>
<tr>
<td>Subject / judul</td>
<td><input type="text" name="subject"></td>
</tr>
<tr>
<td>Isi Pesan</td>
<td><textarea name="isi"></textarea></td>
</tr>
<td></td>
<td><input type="submit" value="Kirim"></td>
</tr>
</tbody>
<?php echo form_close();?>
</table></body>
</html>
3. kembali ke file yang ada dikontroller emailprimasaja.php tadi lalu tambahkan function baru dalam contoh saya membuat function prosespengiriman sintak dibawah ini di bawah
public function prosespengiriman()
{
$this->load->helper(array('form', 'url'));
$this->load->library('email');
//konfigurasi email
$config = array();
$config['charset'] = 'utf-8';
$config['useragent'] = 'Codeigniter'; //bebas sesuai keinginan kamu
$config['protocol']= "smtp";
$config['mailtype']= "html";
$config['smtp_host']= "ssl://smtp.gmail.com";
$config['smtp_port']= "465";
$config['smtp_timeout']= "5";
$config['smtp_user']= "emailanda"; //isi dengan email anda
$config['smtp_pass']= "..............."; // isi dengan password dari email anda
$config['crlf']="\r\n";
$config['newline']="\r\n";
$config['wordwrap'] = TRUE;
//memanggil library email dan set konfigurasi untuk pengiriman email
$this->email->initialize($config);
//konfigurasi pengiriman kotak di view ke pengiriman email di gmail
$this->email->from($this->input->post('from'));
$this->email->to($this->input->post('to'));
$this->email->subject($this->input->post('subject'));
$this->email->message($this->input->post('isi'));
//proses uploads
$this->upload->initialize(array(
"upload_path" => "./uploads/",
"allowed_types" => "*"
));
// pernyataan jika pengiriman berhasil atau tidak
if($this->email->send())
{
echo "tutorial pengiriman email primasaja.com berhasil";
}else
{
echo "tutorial pengiriman email primasaja.com gagal";
}
}
}
Catatan : untuk dapat berhasil dalam fitur ini anda harus masuk kesini https://www.google.com/settings/security/lesssecureapps lalu pilih aktifkan karena jika tidak gmail akan memblokir pengiriman anda.{
$this->load->helper(array('form', 'url'));
$this->load->library('email');
//konfigurasi email
$config = array();
$config['charset'] = 'utf-8';
$config['useragent'] = 'Codeigniter'; //bebas sesuai keinginan kamu
$config['protocol']= "smtp";
$config['mailtype']= "html";
$config['smtp_host']= "ssl://smtp.gmail.com";
$config['smtp_port']= "465";
$config['smtp_timeout']= "5";
$config['smtp_user']= "emailanda"; //isi dengan email anda
$config['smtp_pass']= "..............."; // isi dengan password dari email anda
$config['crlf']="\r\n";
$config['newline']="\r\n";
$config['wordwrap'] = TRUE;
//memanggil library email dan set konfigurasi untuk pengiriman email
$this->email->initialize($config);
//konfigurasi pengiriman kotak di view ke pengiriman email di gmail
$this->email->from($this->input->post('from'));
$this->email->to($this->input->post('to'));
$this->email->subject($this->input->post('subject'));
$this->email->message($this->input->post('isi'));
//proses uploads
$this->upload->initialize(array(
"upload_path" => "./uploads/",
"allowed_types" => "*"
));
// pernyataan jika pengiriman berhasil atau tidak
if($this->email->send())
{
echo "tutorial pengiriman email primasaja.com berhasil";
}else
{
echo "tutorial pengiriman email primasaja.com gagal";
}
}
}
4. silahkan anda mulai mencoba fitur email yang sudah dibuat jika berhasil akan seperti gambar dibawah ini, pengiriman saya masukkan dengan judul Test Judul Primasaja.com
Jumat, 29 Mei 2015
CodeIgniter 3 Menampilkan Isi Database Dan Looping Sebagian (END)
CodeIgniter 3 Menampilkan Isi Database Dan Looping Sebagian (END)
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
Bagaimana setelah mempelajari tutorial cara melakukan looping atau perulangan codeigniter di episode pertama dan kedua ? pusing? senang? penasaran lebih lanjut? baik ini tahap terakhir tutorial dari saya mengenai kelanjutan dari tutorial looping sebelumnya
struktur pembuatan coding looping kali ini ga beda jauh sama yang episode kedua kemarin nih cuma ada perbedaan ga banyak qo kodingan yang kemarin seperti biasa dijadiin komen aja dulu /**/
lalu ketikkan koding seperti berikut ini
function panggilsemua(){
$sql = "SELECT judul, penulis, komentar FROM data Where id = ? and penulis = ?";
$data = $this->db->query($sql, array(3, "jaka prima maulana"));
if ($data->num_rows() >0){
foreach ($data->result() as $baris) {
$definisidata[] = $baris;
}
return $definisidata;
}
}
}
$sql = "SELECT judul, penulis, komentar FROM data Where id = ? and penulis = ?";
$data = $this->db->query($sql, array(3, "jaka prima maulana"));
if ($data->num_rows() >0){
foreach ($data->result() as $baris) {
$definisidata[] = $baris;
}
return $definisidata;
}
}
}
perbedaannya dari codingan sebelumnnya ada pada seperti yang saya berikan tanda hijau di codingannya yaitu kita dapat memilih field/kolom yang ingin dipilih dari tabel yang di inginkan dalam hal ini data dan menspesifikasikan isi dari field/kolom mana yang ingin diambil, $sql, array(3, "jaka prima maulana") koding ini menandakan pengambilan data baris ketiga dengan nama penulis jaka prima maulana
satu lagi struktur coding codeigniter yang bisa di coba seperti dibawah ini
function panggilsemua(){
$this->db->select('judul, komentar'); //memilih field judul dan komentar
$this->db->from('data'); //memilih tabel
$this->db->Where('id', 1); //penspesifikasian data yang diambil dari field id di baris 1
$data = $this->db->get(); // mengambil database
if($data->num_rows() > 0){
foreach ($data->result() as $baris) {
$definisidata[] = $baris;
}
return $definisidata;
}
}
}
$this->db->select('judul, komentar'); //memilih field judul dan komentar
$this->db->from('data'); //memilih tabel
$this->db->Where('id', 1); //penspesifikasian data yang diambil dari field id di baris 1
$data = $this->db->get(); // mengambil database
if($data->num_rows() > 0){
foreach ($data->result() as $baris) {
$definisidata[] = $baris;
}
return $definisidata;
}
}
}
selamat mencoba ^_^
Incoming search :
Loop in codeigniter
Loop foreach in codeigniter
Looping sebagian di codeigniterstruktur penulisan looping di codeigniter
Kamis, 28 Mei 2015
CodeIgniter 3 Menampilkan Isi Database Dan Looping Sebagian (EPS 2)
CodeIgniter 3 Menampilkan Isi Database Dan Looping Sebagian (EPS 2)
Jaka Prima MaulanaSelamat datang pengujung primasaja.com,
jika sebelumnya anda belum melihat tutorial episode pertama cek disini biar gak bingung yak
Pada praktek sebelumnya kita hanya menampilkan 1 isi dari field tabel kita akan coba melakukannya dengan field yang lain mari coba field komentar penambahan sintak yang diperlukan yaitu seperti dibawah ini
<?php foreach ($banyakbaris as $b) {
echo '<h1>' .$b->judul. '</h1>';
echo '<div style="background-color:red; color:white;">'.$b->komentar.'</div>';
echo '<h1>' .$b->judul. '</h1>';
echo '<div style="background-color:red; color:white;">'.$b->komentar.'</div>';
}
?>
cek hasil eng ing eng berhasilkan?
Catatan : diharapkan menonton episode 1 agar jelas sejelasnya
dari membuat tadi dapat dilihat dengan seksama bahwa pembuatan looping dilakukan untuk menampilkan keseluruhan isi baris field pada tabel, lalu setelah membuat itu bagaimana seandainya anda ingin menampilkan data yang hanya ditampilkan sebagian atau looping value field beberapa baris saja? ikuti langkah - langkah selanjutnya
1. coding yang sudah diketikkan pada Data_model.php mau di hapus boleh mau dijadiin komentar dulu boleh dengan menggunakan /**/ buat coding baru di Data_model.php
function panggilsemua(){
$data = $this->db->get('data', 2);
if($data->num_rows() > 0){
foreach ($data->result() as $baris) {
$definisidata[] = $baris;
}
return $definisidata;
}
}
}
$data = $this->db->get('data', 2);
if($data->num_rows() > 0){
foreach ($data->result() as $baris) {
$definisidata[] = $baris;
}
return $definisidata;
}
}
}
ga beda jauh sih tapi penggunaan kali ini menggunakan GET bisa dilihat di kode anda, $data = $this->db->get('data', 2) dengan menggunakan get dapat di spesifikasikan bila data yang ingin ditampilkan hanya 2 saja. begitulah maksud penggunaan get. coba cek hasilnya
masih ada lanjutannya nih
Rabu, 27 Mei 2015
CodeIgniter 3 Menampilkan Isi Database Dan Looping
CodeIgniter 3 Menampilkan Isi Database Dan Looping (EPS 1)
Jaka Prima Maulana
Selamat datang pengunjung primasaja.com,
Tutorial kali ini akan membahas mengenai " CodeIgniter 3 Menampilkan Isi Database Dan Looping " tutorial ini akan dijelaskan dengan singkat dan jelas agar mempersingkat waktu dan pembacaan selamat mencoba
1. Pertama - tama buat tabel data dan isikan format field seperti gambar 1.1 dibawah ini
Catatan : jadikan ID sebagai primary key dan auto increment
3. saya telah menambahkan isi sebagai berikut
4. untuk berhubungan database selanjutnya buat sebuah model dengan mengakses C:\xampp\htdocs\namafoldercodeigniteranda\application\models lalu buat file baru dimodel bernama Data_model.php lalu buat code seperti dibawah ini
<?php
class Data_model extends CI_Model{
}
5. perlu diingat untuk bisa terkoneksi dengan database harus mengatur file database.php pada \application\config\database.php pengaturan sederhana seperti ini
'hostname' => 'localhost',
'username' => 'root',
'password' => ''", //jika ada masukkan
'database' => 'jakacodeigniter3', //nama database yang anda buat yang berisi tabel data tadi
6. jika sudah buat coding data_model.php seperti berikut
<?php
class Data_model extends CI_Model{
function panggilsemua(){ //fungsi yang nanti digunakan untuk kontroller
$data = $this->db->query("select * from data"); //query seluruh field dari tabel ditampung di $data
if($data->num_rows() > 0){ //jika isi data tabel baris lebih dari 0 maka
foreach($data->result() as $baris){ //setiap hasil $data = $baris
$definisidata[] = $baris; //$definisidata[] mengisikan setiap $data
}
return $definisidata; //mengembalikan $definisidata
}
}
}
7. setelah membuat model buat controllernya di application\controllers dalam contoh kasus saya gunakan pembuatan controller dengan menambahkan file dengan nama Controllerdata.php lalu isikan sintak seperti dibawah ini
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Controllerdata extends CI_Controller {
function index(){
$this->load->model('Data_model'); //memanggil model
$definisidata['banyakbaris'] = $this->Data_model->panggilsemua(); //memanggil fungsi model
$this->load->view('data_model_view', $definisidata); //memanggil view
}
}
8. untuk menampilkan pada browser kita membutuhkan tampilan yang berarti view yang ada pada folder \Application\view sama halnya dengan controller buat file baru yang bernamakan data_model_view.php sintak yang akan dimasukkan dalam data_model_view.php yaitu seperti dibawah ini
<!DOCTYPE html>
<html>
<head>
<title>Tutorial Primasaja.com</title>
</head>
<body>
<p>Meload tampilan dari database.</p>
<?php foreach ($banyakbaris as $b) {
echo '<h1>' .$b->judul. '</h1>';
}
?>
</body>
</html>
10. postingan loop dari database berhasil dilakukan untuk selanjutnya akan dibahas disini klik disini
Langganan:
Postingan
(
Atom
)