Halloween party ideas 2015
Membuat Menu Kategori Dihalaman Admin

5/06/2017
A+ A- Print Email
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.
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;

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
<a href="index.php?page=kategori_view">kategori</a>

Setelah anda menambahkan peritah kode di atas makan file index.php anda akan terlihat seperti berikut ini
<?php
session_start();
if(!isset($_SESSION['username'])){
header("location:form_login.php");
}
<span class="Apple-tab-span" style="white-space: pre;"> </span>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'])) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>$page = $_GET['page'] . ".php";
<span class="Apple-tab-span" style="white-space: pre;"> </span>include ($page);
} else {
}
?>
<br/>
<br/>
<div id="footer" class="floatRight  width100">
    <center>copyright @olbersblog 2017</center>
 </div>
</body>
</html>

Selanjutnya menambahkan code program berikut ini
<table border=0>
  <tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td width="35">Kode</td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td width="109">Nama Kategori</td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td width="67">icon</td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><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'])) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>if ($_GET['status'] == 0) {
<span class="Apple-tab-span" style="white-space: pre;">  </span>echo " Operasi data berhasil";
<span class="Apple-tab-span" style="white-space: pre;"> </span>} else {
<span class="Apple-tab-span" style="white-space: pre;">  </span>echo "operasi gagal";
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
}
?>
</td>
<td align=right><a href="index.php?page=kategori_form_add">Tambah</a></td></tr>
<tr></tr>
</table>
<?php
mysql_close();
//close database
?>

<form enctype="multipart/form-data" id="form1" name="form1" method="post" action="kategori_add.php">
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><table>
<span class="Apple-tab-span" style="white-space: pre;">  </span><tr>
<span class="Apple-tab-span" style="white-space: pre;">   </span><td width="120">Id kategori</td>
<span class="Apple-tab-span" style="white-space: pre;">   </span><td width="350">
<span class="Apple-tab-span" style="white-space: pre;">   </span><input name="id_kategori" type="text" id="id_kategori" value<?php=kode_kategori()?>
<span class="Apple-tab-span" style="white-space: pre;">   </span></td>
<span class="Apple-tab-span" style="white-space: pre;">  </span></tr>
<span class="Apple-tab-span" style="white-space: pre;">  </span><tr>
<span class="Apple-tab-span" style="white-space: pre;">   </span><td width="120">Nama kategori</td>
<span class="Apple-tab-span" style="white-space: pre;">   </span><td width="350">
<span class="Apple-tab-span" style="white-space: pre;">   </span><input name="nama_kategori" type="nama_kategori" id="nama_kategori" size="40" /></td>
<span class="Apple-tab-span" style="white-space: pre;">  </span></tr>
<span class="Apple-tab-span" style="white-space: pre;">  </span><tr>
<span class="Apple-tab-span" style="white-space: pre;">  </span>  <td>Icon Kategori </td>
<span class="Apple-tab-span" style="white-space: pre;">  </span>  <td><input name="file" type="file" id="file" size="40" /></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span>  </tr>
<span class="Apple-tab-span" style="white-space: pre;">  </span><tr>
<span class="Apple-tab-span" style="white-space: pre;">   </span><td></td>
<span class="Apple-tab-span" style="white-space: pre;">   </span><td>
<span class="Apple-tab-span" style="white-space: pre;">   </span><input type="submit" name="tambahKategori" value="Tambah" />
<span class="Apple-tab-span" style="white-space: pre;">   </span><input type="reset" name="resetbtn" value="Reset" /><span class="Apple-tab-span" style="white-space: pre;">   </span></td>
<span class="Apple-tab-span" style="white-space: pre;">  </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span></table></td>
</form>

<?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)){
<span class="Apple-tab-span" style="white-space: pre;">  </span>?>
   <td width="120">Id Kategori</td>
<span class="Apple-tab-span" style="white-space: pre;">  </span><td width="350"><?php echo $rows['id_kategori'];?></td>
<span class="Apple-tab-span" style="white-space: pre;">  </span></tr>
<span class="Apple-tab-span" style="white-space: pre;">  </span><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" />     
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
    </tr>
    <?php
<span class="Apple-tab-span" style="white-space: pre;">  </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>?>
  </form>
</table>


<?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) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>$image =$_FILES["file"]["name"];
<span class="Apple-tab-span" style="white-space: pre;"> </span>$uploadedfile = $_FILES['file']['tmp_name'];
<span class="Apple-tab-span" style="white-space: pre;"> </span>$cover = $image;
 <span class="Apple-tab-span" style="white-space: pre;"> </span>if ($image)
 <span class="Apple-tab-span" style="white-space: pre;"> </span>{
 <span class="Apple-tab-span" style="white-space: pre;">  </span>$filename = stripslashes($_FILES['file']['name']); <span class="Apple-tab-span" style="white-space: pre;"> </span>
  <span class="Apple-tab-span" style="white-space: pre;">  </span>$extension = getExtension($filename);
 <span class="Apple-tab-span" style="white-space: pre;">  </span>$extension = strtolower($extension);<span class="Apple-tab-span" style="white-space: pre;">   </span>
if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
 <span class="Apple-tab-span" style="white-space: pre;">  </span>{<span class="Apple-tab-span" style="white-space: pre;">  </span>
 <span class="Apple-tab-span" style="white-space: pre;">   </span>$change='<div class="msgdiv">Unknown Image extension </div> ';
 <span class="Apple-tab-span" style="white-space: pre;">   </span>$errors=1;
 <span class="Apple-tab-span" style="white-space: pre;">  </span>}
 <span class="Apple-tab-span" style="white-space: pre;">  </span>else
 <span class="Apple-tab-span" style="white-space: pre;">  </span>{
$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);
}
}
<span class="Apple-tab-span" style="white-space: pre;"> </span>$kd_kategori = $_POST['id_kategori'];
<span class="Apple-tab-span" style="white-space: pre;"> </span>$nama_kategori = $_POST['nama_kategori'];<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span>$direktori = "gbr-wisata/icons/$nama_file";
<span class="Apple-tab-span" style="white-space: pre;"> </span>$sql = "INSERT INTO tb_kategori(id_kategori,nm_kategori,icon_kategori)
<span class="Apple-tab-span" style="white-space: pre;">  </span>VALUES('$kd_kategori', '$nama_kategori', '$cover')";
<span class="Apple-tab-span" style="white-space: pre;"> </span>$result = mysql_query($sql) or die(mysql_error());

<span class="Apple-tab-span" style="white-space: pre;"> </span>if ($result) {
<span class="Apple-tab-span" style="white-space: pre;">  </span>header('location:index.php?page=kategori_view&status=0');
<span class="Apple-tab-span" style="white-space: pre;"> </span>} else {
<span class="Apple-tab-span" style="white-space: pre;">  </span>header('location:index.php?page=kategori_view&status=1');
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>mysql_close();
}?>

<?php
include ('inc/config.php');
//data dari user
if (isset($_POST['submitUser'])) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>$id_kategori = $_POST['id_kategori'];
<span class="Apple-tab-span" style="white-space: pre;"> </span>$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);
<span class="Apple-tab-span" style="white-space: pre;"> </span>$sql = " update tb_kategori set
<span class="Apple-tab-span" style="white-space: pre;"> </span>nm_kategori='$nama_kategori', icon_kategori='$gambar'
<span class="Apple-tab-span" style="white-space: pre;"> </span>where id_kategori='$id_kategori'";

<span class="Apple-tab-span" style="white-space: pre;"> </span>//echo $sql;
<span class="Apple-tab-span" style="white-space: pre;"> </span>$result = mysql_query($sql) or die(mysql_error());

<span class="Apple-tab-span" style="white-space: pre;"> </span>//check if query successful
<span class="Apple-tab-span" style="white-space: pre;"> </span>if ($result) {
<span class="Apple-tab-span" style="white-space: pre;">  </span>header('location:index.php?page=kategori_view&status=0');
<span class="Apple-tab-span" style="white-space: pre;"> </span>} else {
<span class="Apple-tab-span" style="white-space: pre;">  </span>header('location:index.php?page=kategori_view&status=1');
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>mysql_close();
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
}
?>

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

Langganan: Posting Komentar (Atom)

Posting Komentar

Tinggalkan komentar anda untuk setiap post yang mungkin bagi anda sangat bermanfaat.

Formulir Kontak

Nama

Email *

Pesan *

Kupas Tuntas Mengenai IT © 2015. All Rights Reserved.Themes24x7
Powered By Olbers

Olbers Letfaar

OlbersBlog adalah, web blogger tentang kupas tuntas mengenai IT (Information Teknologi). Kami berbagi mengenai bahasa pemrograman dan aplikasi lainnya yang telah kami pelajari.
Diberdayakan oleh Blogger.