neezasty.files.wordpress.com · web viewbackend e-commerce. toko karisma. persiapan. langkah...

BACKEND E-COMMERCE

TOKO KARISMA

Langkah berikutnya adalah membuat bagian backend dari toko online Karisma ecommerce. Copy folder css dan img yang telah disediakan ke dalam folder admin.

LOGIN

1. Buat file PHP baru kemudian ketik kode berikut:

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>LOGIN ADMIN</title> <link rel="icon" href="img/favicon.ico"> <link href="css/style.css" rel="stylesheet" /> </head>

<body> <section class="main"> <h1>Silakan masukkan nama dan password Anda:</h1> <hr class="separator"> <form name="login" action="verifikasi.php" method="post"> <p><input type="text" name="nama" placeholder="nama"></p> <p><input type="password" name="password" placeholder="password"></p> <p><input type="submit" name="login" value="Login" class="btn hijau"></p> </form> </section>

HALAMAN LOGIN / LOGOUT

PERSIAPAN

</body></html>

2. Simpan dengan nama login.php di dalam folder admin.3. Lihat hasilnya di web browser.

4. Perhatikan pada tag <form> di langkah nomor 1, atribut action adalah verifikasi.php. Sehingga ketika tombol LOGIN ditekan, data pada form akan diproses di halaman verifikasi.php.

5. Selanjutnya kita akan membuat halaman untuk memproses data pada form login. Buat file PHP baru dengan nama verifikasi.php.

6. Tambahkan fungsi include() untuk mengkoneksikan file PHP dengan database MySQL.

<?php

include('inc/config.php');

?>

7. Kemudian buat variabel $nama dengan value $_POST[‘nama’] dan $password dengan value $_POST[‘password’]. $_POST adalah variabel superglobal yang digunakan untuk menangani data pada form.

<?php

include('inc/config.php'); $nama = $_POST['nama']; $password = $_POST['password'];

?>

8. Karena halaman admin sangat penting, sebaiknya inputan perintah SQL kita filter terlebih dahulu menggunakan mysql_real_escape_string untuk menghindari serangan SQL Injection. SQL Injection merupakan sebuah teknik hacking dimana seorang penyerang dapat memasukkan perintah SQL melalui URL untuk dieksekusi oleh database. Penjelasan lebih dalam dapat Anda dapatkan di link berikut ini http://id.wikipedia.org/wiki/Injeksi_SQL

http://id.wikipedia.org/wiki/Injeksi_SQL

<?php

include('inc/config.php'); $nama = $_POST['nama']; $password = $_POST['password']; $nama = mysql_real_escape_string($nama); $password = mysql_real_escape_string($password); ?>

9. Langkah selanjutnya buat query SQL untuk memilih record pada tabel user yang valuenya sama seperti data yang kita inputkan melalui form.

$query = mysql_query("SELECT * FROM user WHERE nama = '$nama' AND password = '$password'");

10. Kemudian kita cek apakah terdapat record di tabel user menggunakan mysql_num_rows dengan parameter berupa variabel $query tadi. mysql_num_rows akan menghitung jumlah record yang dihasilkan dari sebuah perintah SQL.

if(mysql_num_rows($query) == 1) { echo "Anda berhasil login";} else { echo "Anda gagal login";}

11. Untuk mengecek apakah script PHP berjalan lancar, jalankan file login.php. Masukkan nama admin dan password admin. Hasilnya akan seperti berikut ini:

Jika nama dan password salah:

12. Selanjutnya modifikasi kode pada langkah 10 di atas dengan membuat variabel session.

if(mysql_num_rows($query) == 1) { session_start(); $_SESSION['nama'] = $nama; $_SESSION['password'] = $password;

header('location:index.php');

} else { header('location:login.php');}

13. Pada kode di atas, jika kondisi if bernilai benar maka akan membuat dua buah session dengan isi variabel $nama dan $password. Fungsi header adalah untuk me-redirect ke halaman lain.

14. Langkah terakhir, kita akan memberikan fungsi redirect di halaman login.php sehingga jika pengguna telah berhasil login, maka halaman login.php akan dialihkan ke index.php. Ketik kode berikut di login.php bagian paling atas.

<?php session_start(); if(isset($_SESSION['nama']) AND isset($_SESSION['password'])){ header('location:index.php'); }?>

LOGOUT

1. Untuk mengakhiri sesi saat login, Anda dapat menghapus session yang tersimpan di web browser. Hal ini dilakukan agar orang lain tidak dapat mengakses halaman admin menggunakan akun kita.

2. Buat file baru dengan nama logout.php kemudian ketik kode berikut ini:

<?php session_start(); session_destroy(); header('location:login.php');

?>

3. Fungsi session_destroy() adalah menghapus semua data yang berhubungan dengan session yang masih aktif.

Setelah membuat halaman login, kita akan membuat halaman index. Pada halaman ini kita akan menerapkan teknik modularitas seperti ilustrasi berikut:

HALAMAN INDEX

HEADER

1. Buat file PHP baru dengan nama header.php dan simpan di dalam folder inc/.2. Ketik kode berikut ini:

<?php include('inc/config.php'); session_start(); if(!isset($_SESSION['nama']) AND !isset($_SESSION['password'])){ header('location:login.php'); }?>

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><?php echo $page; ?> - ADMIN</title> <link rel="icon" href="img/favicon.ico"> <link href="css/style.css" rel="stylesheet" /> </head>

<body>

3. Pada bagian header, kita meng-include-kan file config.php terlebih dahulu. Kemudian memanggil fungsi session_start() agar session dapat digunakan di halaman ini. Di sini juga terdapat operasi kondisi untuk mengecek apakah variabel $_SESSION[‘nama’] dan $_SESSION[‘password’] telah terisi.

SIDEBAR

1. Buat file php baru dengan nama sidebar.php dan simpan di dalam folder inc/.2. Ketik kode berikut ini:

footer.php

BAGIAN ISI

header.php

sidebar.php

<section class="sidebar text-center"> <div class="avatar"> <a href="index.php"> <img src="img/user.png" alt="Profil"> </a> </div> <h1>Hai, <?php echo $_SESSION['nama']; ?></h1> <hr> <p><?php echo date('l, d F Y'); ?></p> <hr> <ul class="menu"> <li><a href="product.php">Produk</a></li> <li><a href="product_category.php">Kategori Produk</a></li> <li><a href="order.php">Pesanan</a></li> <li><a href="blog.php">Blog</a></li> <li><a href="member.php">Member</a></li> <li><a href="user.php">User</a></li> <li><a href="logout.php">Logout</a></li> </ul></section>

FOOTER

1. Buat file php baru dengan nama footer.php dan simpan di dalam folder inc/.2. Ketik kode berikut ini:

</body></html>

INDEX.PHP

1. Setelah membuat header, sidebar, dan footer, selanjutnya adalah membuat halaman utamanya. Ketik kode berikut ini kemudian simpan dengan nama index.php di dalam folder admin/.

<?php $page = "BERANDA"; ?>

<?php include('inc/header.php'); ?>

<?php include('inc/sidebar.php'); ?>

<section class="main"> <h1>Selamat datang, <?php echo $_SESSION['nama']; ?></h1> <?php $query_pesanan = mysql_num_rows(mysql_query("SELECT id_pesanan FROM pesanan WHERE status = 2")); ?>

<p>Hari ini ada <a href="order.php"><?php echo $query_pesanan; ?></a> pesanan yang belum diproses.</p></section>

<?php include('inc/footer.php'); ?>

2. Jalankan file index.php kemudian lihat hasilnya di web browser.

3. Halaman index.php berisi teks “Selamat datang, “ yang diikuti dengan nama login pengguna. Selain itu terdapat kode yang menghitung jumlah pesanan yang belum diproses menggunakan fungsi mysql_num_rows.

MEMBUAT HALAMAN

1. Buat file PHP baru kemudian simpan dengan nama product_category.php. Tambahkan header, sidebar, dan footer menggunakan fungsi include().

<?php $page = "KATEGORI PRODUK"; ?>



<section class="main"> <h1>Manajemen Kategori Produk</h1> <hr> <a href="?act=tambah"> <button type="button" class="btn hijau">Tambah</button>

HALAMAN KATEGORI PRODUK

</a> </section>


2. Lihat hasilnya di web browser.

3. Perhatikan link pada tombol TAMBAH, atribut href memiliki value ?act=tambah yang berarti ketika tombol di klik, halaman akan membuka halamannya sendiri dengan tambahan parameter act.

MENAMPILKAN RECORD

1. Tambahkan tag untuk membuat tabel di bawah tombol TAMBAH.

<?php $page = "KATEGORI PRODUK"; ?>



<section class="main"> <h1>Manajemen Kategori Produk</h1> <hr> <a href="?act=tambah"> <button type="button" class="btn hijau">Tambah</button> </a> <table class="tabel"> <thead> <tr><th>ID</th><th>Kategori</th><th>Aksi</th> </thead> <tbody> <?php // record dari tabel kategori ?> </tbody>

</table> </section>


2. Pada kode PHP di atas kita akan menampilkan record yang ada pada tabel kategori. Buat variabel dengan nama $query di bawah komentar // record dari tabel kategori.

<?php // record dari tabel kategori $query = mysql_query("SELECT * FROM kategori"); ?>

3. Kemudian cek apakah terdapat record pada tabel dengan menggunakan fungsi mysql_num_rows().

<?php $query = mysql_query("SELECT * FROM kategori"); if(mysql_num_rows($query) > 0) { // ada record } else { // tidak ada record }?>

4. Jika tabel kategori sudah memiliki record, lakukan perulangan untuk menampilkan record tersebut menggunakan while. Fungsi mysql_fetch_array() merupakan salah satu fungsi yang banyak digunakan dalam proses pengambilan data MySQL. Fungsi ini akan menangkap data dari hasil perintah query dan membentuknya ke dalam array asosiatif dan array numerik.

<?php // record dari tabel kategori $query = mysql_query("SELECT * FROM kategori"); if(mysql_num_rows($query) > 0) { // ada record while($data = mysql_fetch_array($query)) { echo " <tr> <td>$data[id_kategori]</td> <td>$data[kategori]</td> <td> <a href='?act=edit&id=$data[id_kategori]'> <button type='button' class='btn kuning'>Edit</button> </a> <a href='?act=hapus&id=$data[id_kategori]' OnClick=\"return confirm('Anda yakin menghapus data?');\")> <button type='button' class='btn merah'>Hapus</button> </a> </td> </tr> "; }

} else { // tidak ada record }?>

5. Jika tabel kategori belum memiliki record, tampilkan keterangan bahwa data kosong.

<?php // record dari tabel kategori $query = mysql_query("SELECT * FROM kategori"); if(mysql_num_rows($query) > 0) { // ada record while($data = mysql_fetch_array($query)) { echo " <tr> <td>$data[id_kategori]</td> <td>$data[kategori]</td> <td> <a href='?act=edit&id=$data[id_kategori]'> <button type='button' class='btn kuning'>Edit</button> </a> <a href='?act=hapus&id=$data[id_kategori]' OnClick=\"return confirm('Anda yakin menghapus data?');\")> <button type='button' class='btn merah'>Hapus</button> </a> </td> </tr> "; } } else { // tidak ada record echo " <tr> <td colspan='3'>Tidak ada data.</td> </tr> "; }?>


MENAMBAH RECORD

1. Untuk menambah record pada tabel, tambahkan kode berikut sebelum tombol TAMBAH.

<?php if(isset($_GET['act']) AND $_GET['act']=='tambah') { echo " <h3>Tambah Data</h3> <form name='tambah' action='?act=proses_tambah' method='post'> <p><input type='text' name='kategori' placeholder='Kategori'></p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> "; }?>

2. Kode di atas berfungsi untuk mengecek apakah variabel $_GET[‘act’] telah di-set dan memiliki value tambah. Jika bernilai benar, maka akan menampilkan form untuk menambah kategori.

3. Coba perhatikan ketika tombol TAMBAH ditekan, pada address bar akan terlihat seperti berikut ini:

4. Sekarang hapus bagian ?act=tambah pada address bar dan lihat hasilnya.

5. Perhatikan atribut action pada form yang memiliki value ?act=proses_tambah. Hal ini berarti jika tombol SIMPAN ditekan, maka data akan diproses pada halaman product_category.php dengan parameter act bernilai proses_tambah.

6. Tambahkan elseif untuk mengecek apakah parameter act berupa proses_tambah.

elseif(isset($_GET['act']) AND $_GET['act']=='proses_tambah') { $tambah = mysql_query("INSERT INTO kategori (kategori) VALUES ('$_POST[kategori]')"); if($tambah) { echo "Data berhasil ditambahkan!"; } else { echo "Data gagal ditambahkan!"; } echo "<hr>";}

7. Kode elseif di atas akan berjalan jika variabel $_GET[‘act’] memiliki value proses_tambah. Untuk memasukkan data ke tabel, kita dapat menggunakan perintah INSERT.

8. Data kategori produk yang diinputkan adalah Laptop, Desktop PC, Smartphone, dan Tablet.

MENGUBAH RECORD

1. Buka file product_category.php kemudian perhatikan bagian <a href='?act=edit&id=$data[id_kategori]'>. Pada bagian link tombol EDIT mengarah pada act=edit dengan parameter tambahan berupa $data[id_kategori]. $data[id_kategori] ini adalah id data yang akan kita edit.

2. Tambahkan elseif untuk menampilkan form edit.

elseif(isset($_GET['act']) AND $_GET['act']=='edit') { $isi = mysql_fetch_array(mysql_query("SELECT * FROM kategori WHERE id_kategori = '$_GET[id]'")); echo " <h3>Edit Data</h3> <form name='edit' action='?act=proses_edit' method='post'> <input type='hidden' name='id' value='$isi[id_kategori]'> <p><input type='text' name='kategori' value='$isi[kategori]' placeholder='Kategori'></p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> ";}

3. Kemudian tambahkan perintah elseif untuk memproses form edit.

elseif(isset($_GET['act']) AND $_GET['act']=='proses_edit') { $edit = mysql_query("UPDATE kategori SET kategori = '$_POST[kategori]'

WHERE id_kategori = '$_POST[id]'"); if($edit) { echo "Data berhasil diperbaharui!"; } else { echo "Data gagal diperbaharui!"; } echo "<hr>";}


MENGHAPUS RECORD

1. Ketika tombol hapus diklik, akan muncul konfirmasi bahwa data akan dihapus.2. Tambahkan perintah elseif untuk menampung parameter act=?hapus.

elseif(isset($_GET['act']) AND $_GET['act']=='hapus') { $hapus = mysql_query("DELETE FROM kategori WHERE id_kategori = '$_GET[id]'"); if($hapus) { echo "Data berhasil dihapus!"; } else { echo "Data gagal dihapus!"; } echo "<hr>";}

3. Perintah DELETE digunakan untuk menghapus record dari tabel sesuai dengan id yang tertera pada parameter url.

HALAMAN PRODUK

Untuk halaman lain, konsepnya sama seperti pembuatan halaman Kategori Produk. Mulai dari membuat halaman, menampilkan record, menambah record, mengubah record, dan menghapus record.

MEMBUAT HALAMAN

1. Buat file PHP baru kemudian simpan dengan nama product.php. Tambahkan header, sidebar, dan footer menggunakan fungsi include().

<?php $page = "PRODUK"; ?>



<section class="main"> <h1>Manajemen Produk</h1> <hr> <a href="?act=tambah"> <button type="button" class="btn hijau">Tambah</button> </a> </section>



MENAMPILKAN RECORD

1. Tambahkan tag untuk membuat tabel di bawah tombol TAMBAH. Tabel ini akan berisi data yang telah tersimpan.

<table class="tabel"> <thead> <tr><th>ID</th><th>Judul</th><th>Deskripsi</th><th>Harga</th><th>Stok</th><th>Kategori</th><th>Aksi</th> </thead> <tbody> <?php $query = mysql_query("SELECT * FROM produk"); if(mysql_num_rows($query) > 0) { while($data = mysql_fetch_array($query)) { if($data['stok'] == 0) { $stok = "Kosong"; } else { $stok = "Ada"; } echo " <tr> <td>$data[id_produk]</td> <td>$data[judul]</td> <td>$data[deskripsi]</td> <td>$data[harga]</td> <td>$stok</td> <td>$data[id_kategori]</td> <td> <a href='?act=edit&id=$data[id_produk]'> <button type='button' class='btn kuning'>Edit</button> </a> <a href='?act=hapus&id=$data[id_produk]' OnClick=\"return confirm('Anda yakin menghapus data?');\")> <button type='button' class='btn merah'>Hapus</button> </a> </td> </tr> "; } } else { echo " <tr> <td colspan='7'>Tidak ada data.</td> </tr> "; } ?> </tbody></table>


MENAMBAH RECORD


<?php if(isset($_GET['act']) AND $_GET['act']=='tambah') { echo " <h3>Tambah Data</h3> <form name='tambah' action='?act=proses_tambah' method='post' enctype='multipart/form-data'> <p><input type='text' name='judul' placeholder='Judul'></p> <p><input type='text' name='deskripsi' placeholder='Deskripsi'></p> <p><textarea name='isi' cols='50' rows='10' placeholder='Isi'></textarea></p> <p><input type='text' name='harga' placeholder='Harga'></p> <p> Kategori: <select name='id_kategori'> "; $kategori = mysql_query("SELECT * FROM kategori"); while($opsi=mysql_fetch_array($kategori)){ echo "<option value='$opsi[id_kategori]'>$opsi[kategori]</option>"; } echo " </select> </p> <p>Stok: <input type='radio' name='stok' value='1'>Ada <input type='radio' name='stok' value='0'>Kosong</p> <p><input type='file' name='gambar'></p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> ";

}?>

2. Kode di atas akan menampilkan form penambahan produk. Option pada bagian pemilihan kategori produk mengambil data dari tabel kategori.Note: jika pada form terdapat input berupa file, maka tag form harus ditambahkan atribut enctype='multipart/form-data'


4. Halaman produk ini akan kita tambahkan fitur upload gambar. Buatlah folder dengan nama uploads di dalam folder admin/. Buka folder uploads setelah itu buat folder product dan blog. Folder ini adalah folder di mana kita akan menyimpan gambar hasil upload.


elseif(isset($_GET['act']) AND $_GET['act']=='proses_tambah') { if($_FILES['gambar']['error'] != 0) { $tambah = mysql_query("INSERT INTO produk (judul, deskripsi, isi, harga, stok, tanggal, id_kategori) VALUES ('$_POST[judul]', '$_POST[deskripsi]', '$_POST[isi]', '$_POST[harga]', '$_POST[stok]', NOW(), '$_POST[id_kategori]')"); } else {

$tmp_file = $_FILES['gambar']['tmp_name']; $filename = $_FILES['gambar']['name']; $filetype = $_FILES['gambar']['type']; $filesize = $_FILES['gambar']['size']; $destination = 'uploads/product/' . $filename; if(move_uploaded_file($tmp_file,$destination)){ $gambar = $filename; } $tambah = mysql_query("INSERT INTO produk (judul, deskripsi, isi, harga, stok, tanggal, gambar, id_kategori) VALUES ('$_POST[judul]', '$_POST[deskripsi]', '$_POST[isi]', '$_POST[harga]', '$_POST[stok]', NOW(), '$gambar', '$_POST[id_kategori]')"); } if($tambah) { echo "Data berhasil ditambahkan!"; } else { echo "Data gagal ditambahkan!"; } echo "<hr>";}

6. Kode berikut if($_FILES['gambar']['error'] != 0) digunakan untuk mengecek apakah terdapat file yang diupload. Jika kondisi if bernilai benar, berarti tidak ada gambar yang diupload. Jika false, maka ada gambar yang diupload. 'gambar' pada kode di atas adalah atribut name pada form dengan input type berupa file.

7. Jalankan file product.php dan lihat hasil upload di folder product.

MENGUBAH RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='edit') { $isi = mysql_fetch_array(mysql_query("SELECT * FROM produk WHERE id_produk = '$_GET[id]'")); if($isi['stok'] == 1){ $ada = 'checked'; $kosong = ''; } else { $ada = ''; $kosong = 'checked'; } echo " <h3>Edit Data</h3> <form name='edit' action='?act=proses_edit' method='post' enctype='multipart/form-data'> <input type='hidden' name='id' value='$isi[id_produk]'> <p><input type='text' name='judul' value='$isi[judul]' placeholder='Judul'></p> <p><input type='text' name='deskripsi' value='$isi[deskripsi]' placeholder='Deskripsi'></p> <p><textarea name='isi' cols='50' rows='10' placeholder='Isi'>$isi[isi]</textarea></p> <p><input type='text' name='harga' value='$isi[harga]' placeholder='Harga'></p> <p> Kategori: <select name='id_kategori'> "; $kategori = mysql_query("SELECT * FROM kategori"); while($opsi=mysql_fetch_array($kategori)){ echo "<option value='$opsi[id_kategori]'>$opsi[kategori]</option>"; }

echo " </select> </p> <p>Stok: <input type='radio' name='stok' value='1' $ada>Ada <input type='radio' name='stok' value='0' $kosong>Kosong</p> <p> <img src='uploads/product/$isi[gambar]' alt='$isi[judul]'><br> <input type='file' name='gambar'> </p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> ";}


elseif(isset($_GET['act']) AND $_GET['act']=='proses_edit') { if($_FILES['gambar']['error'] != 0) { $edit = mysql_query("UPDATE produk SET judul = '$_POST[judul]', deskripsi = '$_POST[deskripsi]', isi = '$_POST[isi]', harga = '$_POST[harga]', stok = '$_POST[stok]', id_kategori = '$_POST[id_kategori]' WHERE id_produk = '$_POST[id]'"); } else { $tmp_file = $_FILES['gambar']['tmp_name']; $filename = $_FILES['gambar']['name']; $filetype = $_FILES['gambar']['type']; $filesize = $_FILES['gambar']['size']; $destination = 'uploads/product/' . $filename; if(move_uploaded_file($tmp_file,$destination)){ $gambar = $filename; } $edit = mysql_query("UPDATE produk SET judul = '$_POST[judul]', deskripsi = '$_POST[deskripsi]', isi = '$_POST[isi]', harga = '$_POST[harga]', stok = '$_POST[stok]', gambar = '$gambar', id_kategori = '$_POST[id_kategori]' WHERE id_produk = '$_POST[id]'"); } if($edit) { echo "Data berhasil diperbaharui!"; } else { echo "Data gagal diperbaharui!"; } echo "<hr>";}


MENGHAPUS RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='hapus') { $hapus = mysql_query("DELETE FROM produk WHERE id_produk = '$_GET[id]'"); if($hapus) { echo "Data berhasil dihapus!"; } else { echo "Data gagal dihapus!"; } echo "<hr>";}

Halaman pesanan ini digunakan untuk memproses pesanan yang masuk. Ada tiga status yang meliputi:

1. Finalized : pesanan telah diproses2. Pending : pesanan masih menunggu untuk diproses3. Aborted : pesanan gagal diproses

Yang berhak mengubah status pesanan adalah administrator.

MEMBUAT HALAMAN

HALAMAN PESANAN

1. Buat file PHP baru kemudian simpan dengan nama order.php. Tambahkan header, sidebar, dan footer menggunakan fungsi include().

<?php $page = "PESANAN"; ?>



<section class="main"> <h1>Manajemen Pesanan</h1> <hr> </section>



MENAMPILKAN RECORD

1. Tambahkan tag untuk membuat tabel di bawah tombol tambah. Tabel ini akan berisi data pesanan yang telah tersimpan.

<table class="tabel"> <thead>

<tr><th>ID</th><th>Pemesan</th><th>Alamat</th><th>Tanggal</th> <th>Harga</th><th>Status</th><th>Aksi</th>

</thead> <tbody> <?php $query = mysql_query("SELECT * FROM pesanan ORDER BY id_pesanan DESC"); if(mysql_num_rows($query) > 0) { while($data = mysql_fetch_array($query)) { $member = mysql_fetch_array(mysql_query("SELECT nama_depan, nama_belakang, alamat FROM member WHERE id_member = '$data[id_member]'"));

if($data['status'] == 1) { $status = "<span style='color:green'>Finalized</span>"; } elseif($data['status'] == 2) { $status = "<span style='color:orange'>Pending</span>"; } else { $status = "<span style='color:red'>Aborted</span>"; } echo " <tr> <td>$data[id_pesanan]</td> <td>$member[nama_depan] $member[nama_belakang]</td> <td>$member[alamat]</td> <td>$data[tanggal]</td> <td>$data[harga]</td> <td>$status</td> <td> <a href='?act=finalized&id=$data[id_pesanan]'> <button type='button' class='btn hijau'>F</button> </a> <a href='?act=pending&id=$data[id_pesanan]'> <button type='button' class='btn kuning'>P</button> </a> <a href='?act=aborted&id=$data[id_pesanan]'> <button type='button' class='btn merah'>A</button> </a> </td> </tr> "; } } else { echo " <tr> <td colspan='7'>Tidak ada data.</td> </tr> "; } ?> </tbody></table>


3. Tambahkan data dummy ke tabel member dan pesanan melalui phpmyadmin.TABEL MEMBER

TABEL PESANAN

HASIL

MENGUBAH STATUS PESANAN

1. Tambahkan kode berikut ini sebelum tag <table>.

<?php if(isset($_GET['act']) AND $_GET['act']=='finalized') { $status = mysql_query("UPDATE pesanan SET status = 1 WHERE id_pesanan = '$_GET[id]'"); if($status) { echo "Data berhasil disimpan!"; } else { echo "Data gagal disimpan!"; } echo "<hr>"; } elseif(isset($_GET['act']) AND $_GET['act']=='pending') { $status = mysql_query("UPDATE pesanan SET status = 2 WHERE id_pesanan = '$_GET[id]'"); if($status) { echo "Data berhasil disimpan!"; } else { echo "Data gagal disimpan!"; } echo "<hr>"; } elseif(isset($_GET['act']) AND $_GET['act']=='aborted') { $status = mysql_query("UPDATE pesanan SET status = 3 WHERE id_pesanan = '$_GET[id]'"); if($status) { echo "Data berhasil disimpan!"; } else { echo "Data gagal disimpan!"; } echo "<hr>"; }?>

2. Kode di atas akan memperbaharui kolom status sesuai tombol yang ditekan. Jika finalized akan mengubah status menjadi 1. Jika pending statusnya akan berubah menjadi 2. Jika abort statusnya menjadi 3.STATUS FINALIZED

STATUS PENDING

STATUS ABORT

MEMBUAT HALAMAN

1. Buat file PHP baru kemudian simpan dengan nama blog.php. Tambahkan header, sidebar, dan footer menggunakan fungsi include().

<?php $page = "BLOG"; ?>



<section class="main"> <h1>Manajemen Blog</h1> <hr> <a href="?act=tambah">

HALAMAN BLOG

<button type="button" class="btn hijau">Tambah</button> </a> </section>



MENAMPILKAN RECORD

1. Tambahkan tag untuk membuat tabel di bawah tombol TAMBAH. Tabel ini akan berisi data yang telah tersimpan.

<table class="tabel"> <thead> <tr><th>ID</th><th>Judul</th><th>Deskripsi</th><th>Tanggal</th><th>Aksi</th> </thead> <tbody> <?php $query = mysql_query("SELECT * FROM blog"); if(mysql_num_rows($query) > 0) { while($data = mysql_fetch_array($query)) { echo " <tr> <td>$data[id_blog]</td> <td>$data[judul]</td> <td>$data[deskripsi]</td> <td>$data[tanggal]</td> <td> <a href='?act=edit&id=$data[id_blog]'> <button type='button' class='btn kuning'>Edit</button> </a>

<a href='?act=hapus&id=$data[id_blog]' OnClick=\"return confirm('Anda yakin menghapus data?');\")> <button type='button' class='btn merah'>Hapus</button> </a> </td> </tr> "; } } else { echo " <tr> <td colspan='5'>Tidak ada data.</td> </tr> "; } ?> </tbody></table>


MENAMBAH RECORD


<?php if(isset($_GET['act']) AND $_GET['act']=='tambah') { echo " <h3>Tambah Data</h3> <form name='tambah' action='?act=proses_tambah' method='post' enctype='multipart/form-data'> <p><input type='text' name='judul' placeholder='Judul'></p> <p><input type='text' name='deskripsi' placeholder='Deskripsi'></p> <p><textarea name='isi' cols='50' rows='10' placeholder='Isi'></textarea></p> <p><input type='file' name='gambar'></p>

<p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> "; }?>

2. Kode di atas akan menampilkan form penambahan blog.Note: jika pada form terdapat input berupa file, maka tag form harus ditambahkan atribut enctype='multipart/form-data'



elseif(isset($_GET['act']) AND $_GET['act']=='proses_tambah') { if($_FILES['gambar']['error'] != 0) { $tambah = mysql_query("INSERT INTO blog (judul, deskripsi, isi, tanggal) VALUES ('$_POST[judul]', '$_POST[deskripsi]', '$_POST[isi]', NOW())"); } else { $tmp_file = $_FILES['gambar']['tmp_name']; $filename = $_FILES['gambar']['name']; $filetype = $_FILES['gambar']['type']; $filesize = $_FILES['gambar']['size']; $destination = 'uploads/blog/' . $filename; if(move_uploaded_file($tmp_file,$destination)){ $gambar = $filename;

} $tambah = mysql_query("INSERT INTO blog (judul, deskripsi, isi, tanggal, gambar) VALUES ('$_POST[judul]', '$_POST[deskripsi]', '$_POST[isi]', NOW(), '$gambar')"); } if($tambah) { echo "Data berhasil ditambahkan!"; } else { echo "Data gagal ditambahkan!"; } echo "<hr>";}

5. Kode berikut if($_FILES['gambar']['error'] != 0) digunakan untuk mengecek apakah terdapat file yang diupload. Jika kondisi if bernilai true, berarti tidak ada gambar yang diupload. Jika false, maka ada gambar yang diupload. 'gambar' pada kode di atas adalah atribut name pada form dengan input type berupa file.

6. Jalankan file blog.php dan lihat hasil upload di folder blog.

MENGUBAH RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='edit') { $isi = mysql_fetch_array(mysql_query("SELECT * FROM blog WHERE id_blog = '$_GET[id]'")); echo " <h3>Edit Data</h3> <form name='edit' action='?act=proses_edit' method='post' enctype='multipart/form-data'> <input type='hidden' name='id' value='$isi[id_blog]'> <p><input type='text' name='judul' value='$isi[judul]' placeholder='Judul'></p> <p><input type='text' name='deskripsi' value='$isi[deskripsi]' placeholder='Deskripsi'></p> <p><textarea name='isi' cols='50' rows='10' placeholder='Isi'>$isi[isi]</textarea></p> <p> <img src='uploads/blog/$isi[gambar]' alt='$isi[judul]'><br> <input type='file' name='gambar'> </p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> ";}


elseif(isset($_GET['act']) AND $_GET['act']=='proses_edit') { if($_FILES['gambar']['error'] != 0) { $edit = mysql_query("UPDATE blog SET judul = '$_POST[judul]', deskripsi = '$_POST[deskripsi]', isi = '$_POST[isi]' WHERE id_blog = '$_POST[id]'"); } else { $tmp_file = $_FILES['gambar']['tmp_name']; $filename = $_FILES['gambar']['name']; $filetype = $_FILES['gambar']['type']; $filesize = $_FILES['gambar']['size']; $destination = 'uploads/blog/' . $filename; if(move_uploaded_file($tmp_file,$destination)){ $gambar = $filename; } $edit = mysql_query("UPDATE blog SET judul = '$_POST[judul]', deskripsi = '$_POST[deskripsi]', isi = '$_POST[isi]', gambar = '$gambar' WHERE id_blog = '$_POST[id]'"); } if($edit) {

echo "Data berhasil diperbaharui!"; } else { echo "Data gagal diperbaharui!"; } echo "<hr>";}


MENGHAPUS RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='hapus') { $hapus = mysql_query("DELETE FROM blog WHERE id_blog = '$_GET[id]'"); if($hapus) { echo "Data berhasil dihapus!"; } else { echo "Data gagal dihapus!"; } echo "<hr>";}

MEMBUAT HALAMAN

1. Buat file PHP baru kemudian simpan dengan nama member.php. Tambahkan header, sidebar, dan footer menggunakan fungsi include().

HALAMAN MEMBER

<?php $page = "MEMBER"; ?>



<section class="main"> <h1>Manajemen Member</h1> <hr> <a href="?act=tambah"> <button type="button" class="btn hijau">Tambah</button> </a> </section>



MENAMPILKAN RECORD

1. Tambahkan tag untuk membuat tabel di bawah tombol tambah. Tabel ini akan berisi data member yang telah tersimpan.

<table class="tabel"> <thead> <tr><th>ID</th><th>Nama</th><th>Alamat</th><th>Email</th><th>Password</th><th>Telepon</th><th>Aksi</th> </thead> <tbody> <?php $query = mysql_query("SELECT * FROM member"); if(mysql_num_rows($query) > 0) { while($data = mysql_fetch_array($query)) {

echo " <tr> <td>$data[id_member]</td> <td>$data[nama_depan] $data[nama_belakang]</td> <td>$data[alamat]</td> <td>$data[email]</td> <td>$data[password]</td> <td>$data[telepon]</td> <td> <a href='?act=edit&id=$data[id_member]'> <button type='button' class='btn kuning'>Edit</button> </a> <a href='?act=hapus&id=$data[id_member]' OnClick=\"return confirm('Anda yakin menghapus data?');\")> <button type='button' class='btn merah'>Hapus</button> </a> </td> </tr> "; } } else { echo " <tr> <td colspan='7'>Tidak ada data.</td> </tr> "; } ?> </tbody></table>


MENAMBAH RECORD


<?php

if(isset($_GET['act']) AND $_GET['act']=='tambah') { echo " <h3>Tambah Data</h3> <form name='tambah' action='?act=proses_tambah' method='post'> <p><input type='text' name='nama_depan' placeholder='Nama Depan'></p> <p><input type='text' name='nama_belakang' placeholder='Nama Belakang'></p> <p><input type='text' name='alamat' placeholder='Alamat'></p> <p><input type='text' name='email' placeholder='Email'></p> <p><input type='password' name='password' placeholder='Password'></p> <p><input type='text' name='telepon' placeholder='Telepon'></p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> "; }?>


elseif(isset($_GET['act']) AND $_GET['act']=='proses_tambah') { $tambah = mysql_query("INSERT INTO member (nama_depan, nama_belakang, alamat, email, password, telepon) VALUES ('$_POST[nama_depan]', '$_POST[nama_belakang]', '$_POST[alamat]', '$_POST[email]', '$_POST[password]', '$_POST[telepon]')"); if($tambah) { echo "Data berhasil ditambahkan!"; } else { echo "Data gagal ditambahkan!"; } echo "<hr>";}


MENGUBAH RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='edit') { $isi = mysql_fetch_array(mysql_query("SELECT * FROM member WHERE id_member = '$_GET[id]'")); echo " <h3>Edit Data</h3> <form name='edit' action='?act=proses_edit' method='post'> <input type='hidden' name='id' value='$isi[id_member]'> <p><input type='text' name='nama_depan' value='$isi[nama_depan]' placeholder='Nama Depan'></p> <p><input type='text' name='nama_belakang' value='$isi[nama_belakang]' placeholder='Nama Belakang'></p> <p><input type='text' name='alamat' value='$isi[alamat]' placeholder='Alamat'></p> <p><input type='text' name='email' value='$isi[email]' placeholder='Email'></p> <p><input type='password' name='password' value='$isi[password]' placeholder='Password'></p> <p><input type='text' name='telepon' value='$isi[telepon]' placeholder='Telepon'></p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> ";}


elseif(isset($_GET['act']) AND $_GET['act']=='proses_edit') {

$edit = mysql_query("UPDATE member SET nama_depan = '$_POST[nama_depan]', nama_belakang = '$_POST[nama_belakang]', alamat = '$_POST[alamat]', email = '$_POST[email]', password = '$_POST[password]', telepon = '$_POST[telepon]' WHERE id_member = '$_POST[id]'"); if($edit) { echo "Data berhasil diperbaharui!"; } else { echo "Data gagal diperbaharui!"; } echo "<hr>";}


MENGHAPUS RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='hapus') { $hapus = mysql_query("DELETE FROM member WHERE id_member = '$_GET[id]'"); if($hapus) { echo "Data berhasil dihapus!"; } else { echo "Data gagal dihapus!"; } echo "<hr>";}

MEMBUAT HALAMAN

1. Buat file PHP baru kemudian simpan dengan nama user.php. Tambahkan header, sidebar, dan footer menggunakan fungsi include().

<?php $page = "USER"; ?>



<section class="main"> <h1>Manajemen User</h1> <hr> <a href="?act=tambah"> <button type="button" class="btn hijau">Tambah</button> </a> </section>



MENAMPILKAN RECORD

1. Tambahkan tag untuk membuat tabel di bawah tombol tambah. Tabel ini akan berisi data member yang telah tersimpan.

<table class="tabel">

HALAMAN USER

<thead> <tr><th>ID</th><th>Nama</th><th>Password</th><th>Aksi</th> </thead> <tbody> <?php $query = mysql_query("SELECT * FROM user"); if(mysql_num_rows($query) > 0) { while($data = mysql_fetch_array($query)) { echo " <tr> <td>$data[id_user]</td> <td>$data[nama]</td> <td>$data[password]</td> <td> <a href='?act=edit&id=$data[id_user]'> <button type='button' class='btn kuning'>Edit</button> </a> <a href='?act=hapus&id=$data[id_user]' OnClick=\"return confirm('Anda yakin menghapus data?');\")> <button type='button' class='btn merah'>Hapus</button> </a> </td> </tr> "; } } else { echo " <tr> <td colspan='4'>Tidak ada data.</td> </tr> "; } ?> </tbody></table>


MENAMBAH RECORD


<?php if(isset($_GET['act']) AND $_GET['act']=='tambah') { echo " <h3>Tambah Data</h3> <form name='tambah' action='?act=proses_tambah' method='post'> <p><input type='text' name='nama' placeholder='Nama'></p> <p><input type='password' name='password' placeholder='Password'></p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> "; }?>


elseif(isset($_GET['act']) AND $_GET['act']=='proses_tambah') { $tambah = mysql_query("INSERT INTO user (nama, password) VALUES ('$_POST[nama]', '$_POST[password]')"); if($tambah) { echo "Data berhasil ditambahkan!"; } else { echo "Data gagal ditambahkan!"; } echo "<hr>";}


MENGUBAH RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='edit') { $isi = mysql_fetch_array(mysql_query("SELECT * FROM user WHERE id_user = '$_GET[id]'")); echo " <h3>Edit Data</h3> <form name='edit' action='?act=proses_edit' method='post'> <input type='hidden' name='id' value='$isi[id_user]'> <p><input type='text' name='nama' value='$isi[nama]' placeholder='Nama'></p> <p><input type='password' name='password' value='$isi[password]' placeholder='Password'></p> <p><input type='submit' name='proses' value='Simpan' class='btn biru'></p> </form> <hr> ";}


elseif(isset($_GET['act']) AND $_GET['act']=='proses_edit') { $edit = mysql_query("UPDATE user SET nama = '$_POST[nama]', password = '$_POST[password]' WHERE id_user = '$_POST[id]'"); if($edit) { echo "Data berhasil diperbaharui!"; } else { echo "Data gagal diperbaharui!"; } echo "<hr>";}


MENGHAPUS RECORD


elseif(isset($_GET['act']) AND $_GET['act']=='hapus') { $hapus = mysql_query("DELETE FROM user WHERE id_user = '$_GET[id]'"); if($hapus) { echo "Data berhasil dihapus!"; } else { echo "Data gagal dihapus!"; } echo "<hr>";}

ISILAH DATA PADA TABEL KATEGORI PRODUK, PRODUK, DAN BLOG MELALUI BACKEND YANG TELAH DIBUAT SEBELUMNYA!

neezasty.files.wordpress.com · web viewbackend e-commerce. toko karisma. persiapan. langkah...

Documents