Artikel sebelumnya kita telah belajar membuat halaman login admin. judulnya Tutorial Membuat Login Akses Admin. nah pada kali ini kita akan lanjutkan denga membuat atau menambahkan menu kategori di halaman web admin.
Menu kategori ini berfungsi untuk menambahkan data kategori berupa kode kategori, nama kategori, dan icon/gambar kategori. Pada menu kategori ini hanya dapat di kelolah di halaman admin ketika user atau penggelola berhasil login ke halaman admin dan dapat menambah, mengedit, dan menghapus data kategori pada halaman web.
Pada artikel sebelumnya kita telah membuat data base dengan nama login dan mempunyai tabel pengelola.
Selanjutnya kita akan menambahkan tabel baru pada database login dengan menambahkan perintah SQL berikut:
Untuk menambahkan perintah SQL, anda harus masuk terlebih dahulu ke localhost/phpmyadmin. dan pilih database anda yaitu login. Klik database login dan pilih tool atau menu SQL kemudian ketikkan perintah SQL dibawah ini.
[code type="SQL tabel kategori"]CREATE TABLE IF NOT EXISTS `tb_kategori` (`id_kategori` varchar(6) NOT NULL,
`nm_kategori` varchar(50) NOT NULL,
`icon_kategori` varchar(75) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;[/code]
Setelah berhasil membuat tabel baru di database login. Langkah selanjutnya kita akan membuat file Php untuk menampilkan, menambahkan, mengedit, dan menghapus data kategori.
Langkah pertama adalah pergi ke folder Modul yang telah kita buat sebelumnya di folder xampp/htdocs/modul dan tambahkan file .php berikut ini di dalamnya.
Menambahkan halaman menu kategori pada halaman index, buka file index yang telah kita buat sebelumnya dan tambahkan kode berikut
[code type="index.php"]<a href="index.php?page=kategori_view">kategori</a>[/code]Setelah anda menambahkan peritah kode di atas makan file index.php anda akan terlihat seperti berikut ini
[code type="index.php -> lengkap menu kategori"]<?php
session_start();
if(!isset($_SESSION['username'])){
header("location:form_login.php");
}
require_once 'inc/config.php';
?>
<head>
<title>Title</title>
</head>
<body>
<br>
<a href="index.php?page=kategori_view">kategori</a>
<a href="index.php?page=pengelola_view">Admin</a>
<a href="pengelola_logout.php">Keluar</a>
<?php
/* kode untuk meload halaman yang berbeda*/
if (isset($_GET['page'])) {
$page = $_GET['page'] . ".php";
include ($page);
} else {
}
?>
<br/>
<br/>
<div id="footer" class="floatRight width100">
<center>copyright @olbersblog 2017</center>
</div>
</body>
</html>[/code]
Selanjutnya menambahkan code program berikut ini
[code type="Kategori_view.php"]<table border=0>
<tr>
<td width="35">Kode</td>
<td width="109">Nama Kategori</td>
<td width="67">icon</td>
<td width="87">Operasi</td>
</tr>
<?php
/** kode untuk menghapus data */
if(isset($_GET['del'])){
$id_kategori=$_GET['id'];
$hapus ="delete from tb_kategori where id_kategori='$id_kategori'";
mysql_query($hapus);
}
$sql="";
if(isset($_POST['btnCari'])){
$cari=$_POST['cari'];
//ambil data dari table admin
$sql="SELECT * FROM tb_kategori where nm_kategori like '%$cari%'";
}else{
$sql="SELECT * FROM tb_kategori";
}
$result=mysql_query($sql) or die(mysql_error());
//proses menampilkan data
while($data=mysql_fetch_array($result)){
?>
<tr>
<td><?php echo $data['id_kategori'];?></td>
<td><?php echo $data['nm_kategori'];?></td>
<td> <img src="gbr-wisata/icons/<?php echo $data['icon_kategori']; ?>" alt="" name="image" width="32" height="32" id="image" /></td>
<td>
<a href="index.php?page=kategori_form_edit&id=<?php echo $data['id_kategori']?>">Edit</a>
<a href="index.php?page=kategori_view&del=true&id=<?php echo $data['id_kategori']?>" onclick="return askUser()";>Hapus</a>
</td>
</tr>
<?php
}
//tutup koneksi
?>
<tr><td align=right colspan='3'>
<?php
if (isset($_GET['status'])) {
if ($_GET['status'] == 0) {
echo " Operasi data berhasil";
} else {
echo "operasi gagal";
}
}
?>
</td>
<td align=right><a href="index.php?page=kategori_form_add">Tambah</a></td></tr>
<tr></tr>
</table>
<?php
mysql_close();
//close database
?>[/code]
[code type="Kategori_form_add.php"]<form enctype="multipart/form-data" id="form1" name="form1" method="post" action="kategori_add.php">
<td>
<table>
<tr>
<td width="120">Id kategori</td>
<td width="350">
<input name="id_kategori" type="text" id="id_kategori" value<?php=kode_kategori()?>
</td>
</tr>
<tr>
<td width="120">Nama kategori</td>
<td width="350">
<input name="nama_kategori" type="nama_kategori" id="nama_kategori" size="40" /></td>
</tr>
<tr>
<td>Icon Kategori </td>
<td><input name="file" type="file" id="file" size="40" /></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" name="tambahKategori" value="Tambah" />
<input type="reset" name="resetbtn" value="Reset" /> </td>
</tr>
</table></td>
</form>[/code]
[code type="Kategori_form_edit.php"]<?php
include ('inc/config.php');
$id = $_GET['id'];
$sql = "select * from tb_kategori where id_kategori='$id' ";
$result = mysql_query($sql) or die(mysql_error());
?>
<h2>Change kategori wisata </h2>
<table>
<form enctype="multipart/form-data" id="form1" name="form1" method="post" action="kategori_edit.php">
<?php
//proses menampilkan data
while($rows=mysql_fetch_array($result)){
?>
<td width="120">Id Kategori</td>
<td width="350"><?php echo $rows['id_kategori'];?></td>
</tr>
<input type="hidden" id="id_kategori" name="id_kategori" value=<?php echo $rows['id_kategori'];?> />
<tr>
<td width="120">Nama Kategori </td>
<td width="350"><input name="nama_kategori" type="ukuran" id="nama_kategori" size="40" value="<?php echo $rows['nm_kategori'];?>"/></td>
</tr>
<tr>
<td>Icon Kategori </td>
<td><input name="image" type="file" id="image" size="40" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="submitUser" value="Submit" />
<input type="reset" name="resetbtn" value="Reset" />
</td>
</tr>
<?php
}
?>
</form>
</table>
[/code]
[code type="Kategori_add.php"]<?php
include ('inc/config.php');
//data dari user
error_reporting(0);
$change="";
$abc="";
define ("MAX_SIZE","400");
function getExtension($str) {
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}
$errors=0;
if (isset($_POST['tambahKategori']) && !$errors) {
$image =$_FILES["file"]["name"];
$uploadedfile = $_FILES['file']['tmp_name'];
$cover = $image;
if ($image)
{
$filename = stripslashes($_FILES['file']['name']);
$extension = getExtension($filename);
$extension = strtolower($extension);
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
{
$change='<div class="msgdiv">Unknown Image extension </div> ';
$errors=1;
}
else
{
$size=filesize($_FILES['file']['tmp_name']);
if($extension=="jpg" || $extension=="jpeg" )
{
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefromjpeg($uploadedfile);
}
else if($extension=="png")
{
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefrompng($uploadedfile);
}
else
{
$src = imagecreatefromgif($uploadedfile);
}
echo $scr;
list($width,$height)=getimagesize($uploadedfile);
$newwidth=100;
$newheight=($height/$width)*$newwidth;
$tmp=imagecreatetruecolor($newwidth,$newheight);
imagecopyresampled($tmp,$src,0,0,0,0,$newwidth,$newheight,$width,$height);
$filename = "gbr-wisata/icons/". $_FILES['file']['name'];
imagejpeg($tmp,$filename,100);
imagedestroy($src);
imagedestroy($tmp);
}
}
$kd_kategori = $_POST['id_kategori'];
$nama_kategori = $_POST['nama_kategori'];
$direktori = "gbr-wisata/icons/$nama_file";
$sql = "INSERT INTO tb_kategori(id_kategori,nm_kategori,icon_kategori)
VALUES('$kd_kategori', '$nama_kategori', '$cover')";
$result = mysql_query($sql) or die(mysql_error());
if ($result) {
header('location:index.php?page=kategori_view&status=0');
} else {
header('location:index.php?page=kategori_view&status=1');
}
mysql_close();
}?>[/code]
[code type="Kategori_edit.php"]<?php
include ('inc/config.php');
//data dari user
if (isset($_POST['submitUser'])) {
$id_kategori = $_POST['id_kategori'];
$nama_kategori = $_POST['nama_kategori'];
$lokasi_file = $_FILES['image']['tmp_name'];
$tipe_file = $_FILES['image']['type'];
$nama_file = $_FILES['image']['name'];
$gambar = $nama_file;
$direktori = "gbr-wisata/icons/$nama_file";
if (!empty($lokasi_file))
{
move_uploaded_file($lokasi_file, $direktori);
$sql = " update tb_kategori set
nm_kategori='$nama_kategori', icon_kategori='$gambar'
where id_kategori='$id_kategori'";
//echo $sql;
$result = mysql_query($sql) or die(mysql_error());
//check if query successful
if ($result) {
header('location:index.php?page=kategori_view&status=0');
} else {
header('location:index.php?page=kategori_view&status=1');
}
mysql_close();
}
}
?>[/code]
Setelah berhasil menambahkan code program .php diatas, maka proses telah setesai.
Untuk melihat hasilnya, jalankan browser dan ketikkan link: http://localhost/modul/ silahkan login dan lihat hasilnya, cobalah untuk menambah, mengedit, dan menghapus data.
Sekian untuk tutorial menambahkan menu kategori di halaman admin web, semoga bermanfaat.
Posting Komentar
Tinggalkan komentar anda untuk setiap post yang mungkin bagi anda sangat bermanfaat.