Cara Membuat Menu Dinamis Menggunakan PHP
Menu yang dimaksud disini adalah membuat menu navigasi untuk user, menu ini adalah menu dinamis (dynamic menu) sehingga kondisi menu bisa berubah atau diubah melalui halaman administrator
Ada bagian yang perlu kita penuhi dalam proses pembuatan menu atau crud menu menggunakan php ini, yaitu untuk halaman admin dan untuk halaman user. Administator dapat melakukan manajemen menu, create, read, update dan delete menu melalui halaman admin, sedangkan user nantinya hanya akan dapat melihat atau mengakses menu yang sudah dibuatkan oleh administrator
Manajemen Menu Dari Halaman Administrator
Seperti yang sudah dijelaskan bahwa nantinya Administator dapat melakukan hal – hala berikut ini
- Menambah menu
- Melihat menu
- Update menu
- dan Delete Menu
Template
Dalam contoh kasus ini saya akan menggunakan bootstrap 4, untuk implementasi menu user yang ditampilkan Anda bisa mengunduh template bootstrap berikut :
[ Bootstrap 4 Col Portfolio ]
Sedangkan untuk tamplate admin saya menggunakan template berikut:
[ Bootstrap 4 - Sb Admin ]
Penggunaan template untuk bagian antar muka/front end ini bisa menyesuaikan dengan framework masing – masing saja. Karena intinya proses ini terletak pada bagaimana bisa melakukan crud menu dari halaman admin dan menampilkannya pada halaman user.
Function CRUD Menu
Dalam operasi pembuatan menu ini saya akan membuatkan contoh cara yang simpel namun bisa di bilang best pratice. Contoh ini akan di tulis atau diringkas kedalam bentuk function dimana code akan dibuat atau di tulis dengan gaya php procedural style dan prepared statement untuk querynya
database
-- --------------------------------------------------------
--
-- Struktur dari tabel `tabel_nav`
--
CREATE TABLE `tabel_nav` (
`id` int(2) NOT NULL,
`nama_menu` varchar(20) NOT NULL,
`kategori_menu` enum('single_menu','dropdown_menu','sub_menu') NOT NULL,
`link_menu` varchar(50) NOT NULL,
`urut` int(4) NOT NULL,
`parent` int(2) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data untuk tabel `tabel_nav`
--admin.web.fungsi.php
<?php
/* Query Untuk Menu */
function tambah_single_menu($nama_menu,$kategori_menu,$link_menu,$urut){
$sql="INSERT INTO tabel_nav (nama_menu, kategori_menu, link_menu, urut) VALUES (?,?,?,?)";
if($stmt=prepare($sql)){
mysqli_stmt_bind_param($stmt,"ssss",$param_nama_menu, $param_kategori_menu, $param_link_menu, $param_urut);
$param_nama_menu=$nama_menu;
$param_kategori_menu=$kategori_menu;
$param_link_menu=$link_menu;
$param_urut=$urut;
if(execute($stmt)){
return true;
}else{
return false;
}
}
stmt_close($stmt);
}
function tampil_semua_menu(){
$sql="SELECT id, nama_menu, kategori_menu, link_menu, urut, parent FROM tabel_nav";
$perintah=query($sql);
return $perintah;
}
function tampil_menu_dropdown(){
$sql="SELECT id, nama_menu, kategori_menu, link_menu, urut FROM tabel_nav WHERE kategori_menu='dropdown_menu'";
$perintah=query($sql);
return $perintah;
}
function tampil_menu_dropdown_edit(){
global $parent;
$sql="SELECT id, nama_menu FROM tabel_nav WHERE id=$parent";
$perintah=query($sql);
return $perintah;
}
function tambah_sub_menu($nama_menu,$kategori_menu,$link_menu,$urut,$parent){
$sql="INSERT INTO tabel_nav (nama_menu, kategori_menu, link_menu, urut, parent) VALUES (?,?,?,?,?)";
if($stmt=prepare($sql)){
mysqli_stmt_bind_param($stmt,"sssss",$param_nama_menu, $param_kategori_menu, $param_link_menu, $param_urut, $param_parent);
$param_nama_menu=$nama_menu;
$param_kategori_menu=$kategori_menu;
$param_link_menu=$link_menu;
$param_urut=$urut;
$param_parent=$parent;
if(execute($stmt)){
return true;
}else{
return false;
}
}
stmt_close($stmt);
}
/*mengambil id parent berdasarkan nama menunya
Ketika user memilih salah satau dropdown, maka data nama dropdown itu akan diambil, kemudian dibuatkan query untuk mengambil id, id tersebut akan di insertkan kedalam kolom parent
pada tabel nav
*/
function tambah_sisip_parent($parent_name){
global $id_parent;
$sql="SELECT id FROM tabel_nav WHERE nama_menu=?";
if($stmt=prepare($sql)){
mysqli_stmt_bind_param($stmt,"s",$param_nama_menu);
$param_nama_menu=$parent_name;
if(execute($stmt)){
store_result($stmt);
mysqli_stmt_bind_result($stmt,$id_parent);
mysqli_stmt_fetch($stmt);
}else{
die("Error: Terjadi kesalahan");
}
}
stmt_close($stmt);
}
//mengecek apakah nama menu yang ditambahkan sama
function cek_nama_menu($nama_menu){
$sql="SELECT nama_menu FROM tabel_nav WHERE nama_menu=?";
if($stmt=prepare($sql)){
mysqli_stmt_bind_param($stmt,"s",$param_nama_menu);
$param_nama_menu=$nama_menu;
if(execute($stmt)){
store_result($stmt);
if(num_rows_2($stmt)==1){
return true;
}else{
return false;
}
}else{
die("Terjadi kesalahan, perintah tidak dapat di eksekusi.");
}
}
stmt_close($stmt);
}
function menu_edit_view($var_id){
global $id, $nama_menu, $kategori_menu, $link_menu, $urut, $parent;
$sql = "SELECT id, nama_menu, kategori_menu, link_menu, urut, parent FROM tabel_nav WHERE id = ?";
if($stmt = prepare($sql)){
mysqli_stmt_bind_param($stmt, "i", $param_id);
$param_id = $var_id;
if(execute($stmt)){
store_result($stmt);
mysqli_stmt_bind_result($stmt, $id, $nama_menu, $kategori_menu, $link_menu, $urut, $parent);
mysqli_stmt_fetch($stmt);
if(num_rows_2($stmt) == 1){
return true;
}else{
return false;
}
}else{
echo "Terjadi kesalahan. Coba lagi nanti";
}
}
stmt_close($stmt);
}
function menu_update($nama_menu, $kategori_menu, $link_menu, $urut, $parent, $id){
$sql="UPDATE tabel_nav SET nama_menu=?, kategori_menu=?, link_menu=?, urut=?, parent=? WHERE id=?";
if($stmt=prepare($sql)){
mysqli_stmt_bind_param($stmt,"sssssi",$param_nama_menu, $param_kategori_menu, $param_link_menu, $param_urut, $param_parent, $param_id);
$param_nama_menu=$nama_menu;
$param_kategori_menu=$kategori_menu;
$param_link_menu=$link_menu;
$param_urut=$urut;
$param_parent=$parent;
$param_id=$id;
if(execute($stmt)){
return true;
}else{
return false;
}
}
stmt_close($stmt);
}
function menu_delete($var_id){
$sql="DELETE FROM tabel_nav WHERE id=?";
if($stmt=prepare($sql)){
mysqli_stmt_bind_param($stmt,"i",$param_id);
$param_id=$var_id;
if(execute($stmt)){
return true;
}else{
return false;
}
}
stmt_close($stmt);
}
/*
Membolehkan url http://namadomain.com atau http://namadomain.com/read.php?id=1
dan tidak dapat seperti ini http://namadomain.com/data/read.php?id=1
*/
function cek_url_menu($link_menu){
if(!preg_match("#^http://[_a-z0-9-]+\\.[_a-z0-9-]+#i",$link_menu)){
return true;
}else{
return false;
}
}
?>menu.php
<?php
//include properties
include ('head.php');
include ('css.php');
include ('navigasi.php');
?>
<?php
//Database function and session
include ('../databases/koneksi.php');
include ('../function/admin.web.fungsi.php');
?>
<?php
$berhasil_simpan = $nama_menu = $kategori_menu = $link_menu = $urut = $parent ="";
$berhasil_simpan_err = $nama_menu_err = $kategori_menu_err = $link_menu_err = $urut_err = "";
$nama_menu_1 = $kategori_menu_1 = $link_menu_1 = $urut_1 = $parent_1 ="";
$nama_menu_err_1 = $kategori_menu_err_1 = $link_menu_err_1 = $urut_err_1 = $parent_err_1 = "";
//sub Menu
if(isset($_POST['kirim_data_sub'])){
if(empty(trim($_POST['nama_menu_1']))){
$nama_menu_err_1 = "Judul Sub Menu tidak boleh kosong";
}elseif(strlen($_POST['nama_menu_1'])>30){
$nama_menu_err_1 = "Judul sub menu tidak boleh lebih dari 30 karakter ";
}elseif(trim(cek_nama_menu($_POST['nama_menu_1']))){
$nama_menu_err_1 = "Nama sub menu tersebut sudah ada sebelumnya, ganti dengan nama lain";
}else{
$nama_menu_1=test_input($_POST['nama_menu_1']);
$nama_menu_1=mysqli_real_escape_string($koneksi,$nama_menu_1);
}
if(empty(trim($_POST['kategori_menu_1']))){
$kategori_menu_err_1="Kategori sub menu tidak boleh kosong";
}else{
$kategori_menu_1=test_input($_POST['kategori_menu_1']);
$kategori_menu_1=mysqli_real_escape_string($koneksi,$kategori_menu_1);
}
//jika menu kosong, tetap simpan menu
if(trim($_POST['link_menu_1'])==''){
$link_menu_1=test_input($_POST['link_menu_1']);
$link_menu_1=mysqli_real_escape_string($koneksi,$link_menu_1);
//tetapi jika tidak kosong lakukan validasi
}elseif(trim($_POST['link_menu_1'])!=''){
if(cek_url_menu($_POST['link_menu_1'])){
$link_menu_err_1="Format penulisan untuk sub menu url salah . Contoh penulisan yang http://root93.co.id";
}else{
$link_menu_1=test_input($_POST['link_menu_1']);
$link_menu_1=mysqli_real_escape_string($koneksi,$link_menu_1);
}
}
if(empty(trim($_POST['urut_1']))){
$urut_err_1="Nomor sub urut menu tidak boleh kosong";
}else{
$urut_1=test_input($_POST['urut_1']);
$urut_1=mysqli_real_escape_string($koneksi,$urut_1);
}
if(empty(trim($_POST['parent_1']))){
$parent_err_1="Parent menu tidak boleh kosong";
}else{
/*memanggil fungsi tambah_sisip_parent dengan memanfaatkan nama dropdown
nama dropdown tersebut di query lagi supaya bisa mendapatkan id dari dropdown
tersebut untuk di sisipkan kedalam kolom parent
*/
tambah_sisip_parent($_POST['parent_1']);
$parent_1=test_input($id_parent);
$parent_1=mysqli_real_escape_string($koneksi,$parent_1);
}
if(empty($nama_menu_err_1) && empty($kategori_menu_err_1)&& empty($link_menu_err_1) && empty($urut_err_1) && empty($parent_err_1)){
//panggil fungsi simpan berita
if(tambah_sub_menu($nama_menu_1,$kategori_menu_1,$link_menu_1,$urut_1,$parent_1)){
$berhasil_simpan = "<div class='alert alert-success'>Data menu berhasil disimpan</div>";
echo "<meta http-equiv=\"refresh\"content=\"2;URL=menu.php\"/>";
}else{
$berhasil_simpan_err = "<div class='alert alert-danger'>Gagal menyimpan menu baru</div>";
}
}
}
?>
<?php
//Single Menu
if(isset($_POST['kirim_single_menu'])){
if(empty(trim($_POST['nama_menu']))){
$nama_menu_err = "Judul Menu tidak boleh kosong";
}elseif(strlen($_POST['nama_menu'])>30){
$nama_menu_err = "Judul berita tidak boleh lebih dari 30 karakter ";
}elseif(trim(cek_nama_menu($_POST['nama_menu']))){
$nama_menu_err = "Nama menu tersebut sudah ada sebelumnya, ganti dengan nama lain";
}else{
$nama_menu=test_input($_POST['nama_menu']);
$nama_menu=mysqli_real_escape_string($koneksi,$nama_menu);
}
if(empty(trim($_POST['kategori_menu']))){
$kategori_menu_err="Kategori menu tidak boleh kosong";
}else{
$kategori_menu=test_input($_POST['kategori_menu']);
$kategori_menu=mysqli_real_escape_string($koneksi,$kategori_menu);
}
if(trim($_POST['link_menu'])==''){
$link_menu=test_input($_POST['link_menu']);
$link_menu=mysqli_real_escape_string($koneksi,$link_menu);
}elseif(trim($_POST['link_menu'])!=''){
if(cek_url_menu($_POST['link_menu'])){
$link_menu_err="Format penulisan url salah. Contoh penulisan yang http://root93.co.id";
}else{
$link_menu=test_input($_POST['link_menu']);
$link_menu=mysqli_real_escape_string($koneksi,$link_menu);
}
}
if(empty(trim($_POST['urut']))){
$urut_err="Nomor urut menu tidak boleh kosong";
}else{
$urut=test_input($_POST['urut']);
$urut=mysqli_real_escape_string($koneksi,$urut);
}
if(empty($nama_menu_err) && empty($kategori_menu_err)&& empty($link_menu_err) && empty($urut_err)){
//panggil fungsi simpan berita
if(tambah_single_menu($nama_menu,$kategori_menu,$link_menu,$urut)){
$berhasil_simpan = "<div class='alert alert-success'>Data menu berhasil disimpan</div>";
echo "<meta http-equiv=\"refresh\"content=\"2;URL=menu.php\"/>";
}else{
$berhasil_simpan_err = "<div class='alert alert-danger'>Gagal menyimpan menu baru</div>";
}
}
}
?>
<div id="content-wrapper">
<div class="container-fluid">
<!-- Breadcrumbs-->
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.php">Dashboard</a>
</li>
<li class="breadcrumb-item active">Tambah berita</li>
</ol>
<!-- Page Content -->
<h3>Tambah Menu</h3>
<hr>
<p class="sukses-form"><?php echo $berhasil_simpan; ?></p>
<p class="error-form"><?php echo $berhasil_simpan_err; ?></p>
<!--Error Untuk Sub Menu -->
<span><p class="error-form"><?php echo $nama_menu_err_1; ?></p></span>
<span><p class="error-form"><?php echo $parent_err_1; ?></p></span>
<span><p class="error-form"><?php echo $link_menu_err_1; ?></p></span>
<span><p class="error-form"><?php echo $nama_menu_err; ?></p></span>
<span><p class="error-form"><?php echo $link_menu_err; ?></p></span>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#home">MENU BARU</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#menu1">SUB MENU</a>
</li>
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#menu2">DATA MENU</a>
</li>
</ul>
<div class="tab-content">
<div id="home" class="container tab-pane fade"><br>
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>" method="post">
<div class="form-group">
<label>Judul Menu :</label>
<input type="text" name="nama_menu" class="form-control" id="nama_menu" placeholder="Masukan judul menu" value="<?php echo $nama_menu; ?>">
<span><p class="error-form"><?php echo $nama_menu_err; ?></p></span>
</div>
<div class="form-group">
<label>Kategori :</label>
<select class="form-control" name="kategori_menu" id="kategori_menu" required="">
<option value="single_menu">Single Menu</option>
<option value="dropdown_menu">Dropdown Menu</option>
</select>
<span><p class="error-form"><?php echo $kategori_menu_err; ?></p></span>
</div>
<div class="form-group">
<label>Link Menu :</label>
<input type="text" name="link_menu" class="form-control" id="link_menu" placeholder="Masukan link menu. Contoh http://root93.co.id" value="<?php echo $link_menu; ?>">
<span><p class="error-form"><?php echo $link_menu_err; ?></p></span>
</div>
<div class="form-group">
<label>Urut</label>
<input type="number" name="urut" class="form-control" id="urut" placeholder="Masukan nomor urut menu" value="<?php echo $urut; ?>">
<span><p class="error-form"><?php echo $urut_err; ?></p></span>
</div>
<button type="submit" name="kirim_single_menu" class="btn btn-primary">Submit</button>
</form>
</div>
<div id="menu1" class="container tab-pane fade"><br>
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>" method="post">
<div class="form-group">
<label>Judul Menu :</label>
<input type="text" name="nama_menu_1" class="form-control" id="nama_menu_1" placeholder="Masukan judul menu" value="<?php echo $nama_menu_1; ?>">
<span><p class="error-form"><?php echo $nama_menu_err_1; ?></p></span>
</div>
<div class="form-group">
<label>Pilih Menu :</label>
<?php
$tampil_drop=tampil_menu_dropdown();
if($tampil_drop){
if(num_rows($tampil_drop)>0){
echo "<select class='form-control' name='parent_1' id='parent_1' required=''>";
while($data=fetch($tampil_drop)){
echo "<option value=".$data['nama_menu'].">".$data['nama_menu']."</option>";
}
echo "</select>";
}else{
echo "<p>Belum ada kategori untuk menu dropdown sub menu. Silahkan tambah menu baru terlebih dahulu</p>";
}
}
?>
<span><p class="error-form"><?php echo $parent_err_1; ?></p></span>
</div>
<div class="form-group">
<label>Link Menu :</label>
<input type="text" name="link_menu_1" class="form-control" id="link_menu_1" placeholder="Masukan link menu. Contoh http://root93.co.id" value="<?php echo $link_menu; ?>">
<span><p class="error-form"><?php echo $link_menu_err_1; ?></p></span>
<input type="hidden" name="kategori_menu_1" class="form-control" id="kategori_menu_1" value="sub_menu" />
</div>
<div class="form-group">
<label>Urut</label>
<input type="number" name="urut_1" class="form-control" id="urut_1" placeholder="Masukan nomor urut menu" value="<?php echo $urut_1; ?>">
<span><p class="error-form"><?php echo $urut_err_1; ?></p></span>
</div>
<button type="submit" name="kirim_data_sub" class="btn btn-primary">Submit</button>
</form>
</div>
<div id="menu2" class="container tab-pane active"><br>
<div class="table-responsive">
<?php
$result=tampil_semua_menu(); //memanggil fungsi tampil berita
if($result){
if(num_rows($result) > 0){
echo "<table class='table table-striped table-bordered table-hover' id='dataTables-example' width='100%' cellspacing='0'>";
echo "<thead>";
echo "<tr>";
echo "<th>Id</th>";
echo "<th>Nama</th>";
echo "<th>Link</th>";
echo "<th>Kategori</th>";
echo "<th>Urut</th>";
echo "<th>Parent</th>";
echo "<th>Aksi</th>";
echo "</tr>";
echo "</thead>";
/*
echo "<tfoot>";
echo "<tr>";
echo "<th>No</th>";
echo "<th>Judul Berita</th>";
echo "<th>Penulis</th>";
echo "<th>Tanggal Terbit</th>";
echo "<th>Aksi</th>";
echo "</tr>";
echo "</tfoot>";
*/
echo "<tbody>";
while($data=fetch($result)) {
echo "<tr>";
echo "<td>".$data['id']. "</td>";
echo "<td>".$data['nama_menu']."</td>";
echo "<td>".substr($data['link_menu'],0,15)."</td>";
echo "<td>".$data['kategori_menu']. "</td>";
echo "<td>".$data['urut']. "</td>";
echo "<td>".$data['parent']. "</td>";
echo "<td>";
echo "<a href='menu.edit.php?id=".$data['id']."'title='Edit Menu' alt='Edit Menu'><i class='fa fa-edit fa-fw small'></i></a>";
echo "<a href='menu.delete.php?id=".$data['id']."'title='Delete Menu' alt='Delete Menu'><i class='fa fa-trash fa-fw small'></i></a>";
echo "</td>";
echo "</tr>";
//$no+=1;
}
echo "</tbody>";
echo"</table>";
free_result($result);
}else{
echo "<p class='lead'><em>Data Menu Belum ada</em></p>";
}
}else{
echo "ERROR: Tidak bisa mengeksekusi perintah. " . mysqli_error($koneksi);
}
?>
</div>
</div>
</div>
<?php
include('footer.php');
?>
menu.edit.php
<?php
//include properti
include ('head.php');
include ('css.php');
include ('navigasi.php');
?>
<?php
//Database function and session
include ('../databases/koneksi.php');
include ('../function/admin.web.fungsi.php');
?>
<?php
// Cek parameter id URL kosong maka arahkan ke percabangan error terakhir
if(isset($_GET["id"]) && !empty(trim($_GET["id"]))){
//memanggil function detail berita
if(!menu_edit_view(trim($_GET["id"]))){
//Setelah menggunakan bind result tidak usah mendefiniskan nilai satu persatu lagi, langsung saja panggil variabel yang dibutuhkan
//Jika data yang bersangkutan tidak ada di database, maka arahkan ke halaman error
header("location: error");
exit();
}
}else{
// Jika id kosong maka arahkan ke halaman error
header("location: error");
exit();
}
?>
<?php
$berhasil_simpan = $berhasil_simpan_err = $nama_menu_err = $kategori_menu_err = $link_menu_err = $urut_err = $parent_err = "";
//single menu
if(isset($_POST['kirim_single_menu'])){
if(empty(trim($_POST['id']))){
die("Terjadi kesalahan. Nilai ID tidak ditemukan");
}else{
$id=test_input($_POST['id']);
$id=mysqli_real_escape_string($koneksi, $id);
}
if(empty(trim($_POST['nama_menu']))){
$nama_menu_err = "Judul Menu tidak boleh kosong";
}elseif(strlen($_POST['nama_menu'])>30){
$nama_menu_err = "Judul berita tidak boleh lebih dari 30 karakter ";
}else{
/*Jika nama menu sama dengan sebelumnya, maka simpan itu */
if($_POST['nama_menu']==$_POST['nama_menu_banding']){
$nama_menu=test_input($_POST['nama_menu']);
$nama_menu=mysqli_real_escape_string($koneksi,$nama_menu);
}else{
/*Tetapi jika berbeda, cek apakah nama menu itu sudah ada sebelumnya */
if(cek_nama_menu($_POST['nama_menu'])){
$nama_menu_err = "Nama menu tersebut sudah ada sebelumnya, ganti dengan nama lain";
}else{
$nama_menu=test_input($_POST['nama_menu']);
$nama_menu=mysqli_real_escape_string($koneksi,$nama_menu);
}
}
}
if(empty(trim($_POST['kategori_menu']))){
$kategori_menu_err="Kategori menu tidak boleh kosong";
}else{
$kategori_menu=test_input($_POST['kategori_menu']);
$kategori_menu=mysqli_real_escape_string($koneksi,$kategori_menu);
}
if(trim($_POST['link_menu'])==''){
$link_menu=test_input($_POST['link_menu']);
$link_menu=mysqli_real_escape_string($koneksi,$link_menu);
}elseif(trim($_POST['link_menu'])!=''){
if(cek_url_menu($_POST['link_menu'])){
$link_menu_err="Format penulisan url salah. Contoh penulisan yang http://root93.co.id";
}else{
$link_menu=test_input($_POST['link_menu']);
$link_menu=mysqli_real_escape_string($koneksi,$link_menu);
}
}
if(empty(trim($_POST['urut']))){
$urut_err="Nomor urut menu tidak boleh kosong";
}else{
$urut=test_input($_POST['urut']);
$urut=mysqli_real_escape_string($koneksi,$urut);
}
if(empty($nama_menu_err) && empty($kategori_menu_err)&& empty($link_menu_err) && empty($urut_err)){
if(menu_update($nama_menu, $kategori_menu, $link_menu, $urut, $parent, $id)){
$berhasil_simpan = "<div class='alert alert-success'>Berhasil mengupdate data</div>";
echo "<meta http-equiv=\"refresh\"content=\"2;URL=menu.php\"/>";
}else{
$berhasil_simpan_err = "<div class='alert alert-danger'>Gagal mengupdate data</div>";
}
}
}
//sub Menu
if(isset($_POST['kirim_data_sub'])){
if(empty(trim($_POST['id']))){
die("Terjadi kesalahan. Nilai ID tidak ditemukan");
}else{
$id=test_input($_POST['id']);
$id=mysqli_real_escape_string($koneksi, $id);
}
if(empty(trim($_POST['nama_menu']))){
$nama_menu_err = "Judul Menu tidak boleh kosong";
}elseif(strlen($_POST['nama_menu'])>30){
$nama_menu_err = "Judul berita tidak boleh lebih dari 30 karakter ";
}else{
/*Jika nama menu sama dengan sebelumnya, maka simpan itu */
if($_POST['nama_menu']==$_POST['nama_menu_banding']){
$nama_menu=test_input($_POST['nama_menu']);
$nama_menu=mysqli_real_escape_string($koneksi,$nama_menu);
}else{
/*Tetapi jika berbeda, cek apakah nama menu itu sudah ada sebelumnya */
if(cek_nama_menu($_POST['nama_menu'])){
$nama_menu_err = "Nama menu tersebut sudah ada sebelumnya, ganti dengan nama lain";
}else{
$nama_menu=test_input($_POST['nama_menu']);
$nama_menu=mysqli_real_escape_string($koneksi,$nama_menu);
}
}
}
if(empty(trim($_POST['kategori_menu']))){
$kategori_menu_err="Kategori sub menu tidak boleh kosong";
}else{
$kategori_menu=test_input($_POST['kategori_menu']);
$kategori_menu=mysqli_real_escape_string($koneksi,$kategori_menu);
}
//jika menu kosong, tetap simpan menu
if(trim($_POST['link_menu'])==''){
$link_menu=test_input($_POST['link_menu']);
$link_menu=mysqli_real_escape_string($koneksi,$link_menu);
//tetapi jika tidak kosong lakukan validasi
}elseif(trim($_POST['link_menu'])!=''){
if(cek_url_menu($_POST['link_menu'])){
$link_menu_err="Format penulisan untuk sub menu url salah . Contoh penulisan yang http://root93.co.id";
}else{
$link_menu=test_input($_POST['link_menu']);
$link_menu=mysqli_real_escape_string($koneksi,$link_menu);
}
}
if(empty(trim($_POST['urut']))){
$urut_err="Nomor sub urut menu tidak boleh kosong";
}else{
$urut=test_input($_POST['urut']);
$urut=mysqli_real_escape_string($koneksi,$urut);
}
if(empty(trim($_POST['parent']))){
$parent_err="Parent menu tidak boleh kosong";
}else{
/*memanggil fungsi tambah_sisip_parent dengan memanfaatkan nama dropdown
nama dropdown tersebut di query lagi supaya bisa mendapatkan id dari dropdown
tersebut untuk di sisipkan kedalam kolom parent
*/
tambah_sisip_parent($_POST['parent']);
$parent=test_input($id_parent);
$parent=mysqli_real_escape_string($koneksi,$parent);
}
if(empty($nama_menu_err) && empty($kategori_menu_err)&& empty($link_menu_err) && empty($urut_err) && empty($parent_err)){
//panggil fungsi update sub menu
if(menu_update($nama_menu, $kategori_menu, $link_menu, $urut, $parent, $id)){
$berhasil_simpan = "<div class='alert alert-success'>Berhasil mengupdate data</div>";
echo "<meta http-equiv=\"refresh\"content=\"2;URL=menu.php\"/>";
}else{
$berhasil_simpan_err = "<div class='alert alert-danger'>Gagal mengupdate data</div>";
}
}
}
?>
<?php
/*Jika kategori menu yang di edit adalah kategori sub menu maka panggil konten html untuk sub menu */
if($kategori_menu=='sub_menu'){
?>
<div id="content-wrapper">
<div class="container-fluid">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="#">Dashboard</a>
</li>
<li class="breadcrumb-item active">Edit Menu</li>
</ol>
<!-- Page Content -->
<h3>Edit Menu</h3>
<hr>
<?php echo $berhasil_simpan; ?>
<?php echo $berhasil_simpan_err; ?>
<form action="<?php echo htmlspecialchars(basename(($_SERVER['REQUEST_URI'])));?>" method="post">
<div class="form-group">
<label>Judul Menu :</label>
<input type="text" name="nama_menu" class="form-control" id="nama_menu" placeholder="Masukan judul menu" value="<?php echo $nama_menu; ?>">
<input type="hidden" name="nama_menu_banding" value="<?php echo $nama_menu; ?>">
<input type="hidden" name="id" value="<?php echo $id; ?>">
<span><p class="error-form"><?php echo $nama_menu_err; ?></p></span>
</div>
<div class="form-group">
<label>Pilih Menu :</label>
<?php
//memanggil menu fungsi dropdown
$tampil_drop=tampil_menu_dropdown();
if($tampil_drop){
if(num_rows($tampil_drop)>0){
echo "<select class='form-control' name='parent' id='parent' required=''>";
/*memanggil fungsi tampil_menu_dropdown_edit untuk
mengambil nilai menu dropdown yang dipilih sebelumnya
*/
$row=tampil_menu_dropdown_edit();
$row_data=fetch($row);
echo "<option value=".$row_data['nama_menu'].">".$row_data['nama_menu']."</option>";
free_result($row);
while($data=fetch($tampil_drop)){
//Menampilkan menu - menu kategori dropdown
echo "<option value=".$data['nama_menu'].">".$data['nama_menu']."</option>";
}
echo "</select>";
}else{
echo "<p>Belum ada kategori untuk menu dropdown sub menu. Silahkan tambah menu baru terlebih dahulu</p>";
}
free_result($tampil_drop);
}
?>
<span><p class="error-form"><?php echo $parent_err; ?></p></span>
</div>
<div class="form-group">
<label>Link Menu :</label>
<input type="text" name="link_menu" class="form-control" id="link_menu" placeholder="Masukan link menu. Contoh http://root93.co.id" value="<?php echo $link_menu; ?>">
<span><p class="error-form"><?php echo $link_menu_err; ?></p></span>
<input type="hidden" name="kategori_menu" class="form-control" id="kategori_menu" value="sub_menu" />
</div>
<div class="form-group">
<label>Urut</label>
<input type="number" name="urut" class="form-control" id="urut" placeholder="Masukan nomor urut menu" value="<?php echo $urut; ?>">
<span><p class="error-form"><?php echo $urut_err; ?></p></span>
</div>
<button type="submit" name="kirim_data_sub" class="btn btn-primary">Update</button>
</form>
<?php
/*Tetapi jika bukan maka panggil konten html untuk konten html menu edit dropdown atau single menu
*/
}else{
?>
<div id="content-wrapper">
<div class="container-fluid">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="#">Dashboard</a>
</li>
<li class="breadcrumb-item active">Edit Menu</li>
</ol>
<!-- Page Content -->
<h3>Edit Menu</h3>
<hr>
<?php echo $berhasil_simpan; ?>
<?php echo $berhasil_simpan_err; ?>
<form action="<?php echo htmlspecialchars(basename($_SERVER['REQUEST_URI']));?>" method="post">
<div class="form-group">
<label>Judul Menu :</label>
<input type="text" name="nama_menu" class="form-control" id="nama_menu" placeholder="Masukan judul menu" value="<?php echo $nama_menu; ?>" />
<input type="hidden" name="nama_menu_banding" value="<?php echo $nama_menu; ?>" />
<input type="hidden" name="id" value="<?php echo $id; ?>" />
<span><p class="error-form"><?php echo $nama_menu_err; ?></p></span>
</div>
<div class="form-group">
<label>Kategori :</label>
<select class="form-control" name="kategori_menu" id="kategori_menu" required="">
<option value="<?php echo $kategori_menu; ?>"><?php echo $kategori_menu; ?></option>
<option value="single_menu">Single Menu</option>
<option value="dropdown_menu">Dropdown Menu</option>
</select>
<span><p class="error-form"><?php echo $kategori_menu_err; ?></p></span>
</div>
<div class="form-group">
<label>Link Menu :</label>
<input type="text" name="link_menu" class="form-control" id="link_menu" placeholder="Masukan link menu. Contoh http://root93.co.id" value="<?php echo $link_menu; ?>">
<span><p class="error-form"><?php echo $link_menu_err; ?></p></span>
</div>
<div class="form-group">
<label>Urut</label>
<input type="number" name="urut" class="form-control" id="urut" placeholder="Masukan nomor urut menu" value="<?php echo $urut; ?>">
<span><p class="error-form"><?php echo $urut_err; ?></p></span>
</div>
<button type="submit" name="kirim_single_menu" class="btn btn-primary">Update</button>
</form>
<?php } ?>
<?php include('footer.php');?>menu.delete.php
<?php
if(isset($_POST['id']) && !empty($_POST['id'])){
require_once "../databases/koneksi.php";
require_once "../function/admin.web.fungsi.php";
//panggil fungsi menu_delete
if(menu_delete(trim($_POST['id']))){
// jika berhasil menghapus data
header("location: menu.php");
exit();
}else{
echo "Oops! terjadi kesalahan.Coba lagi nanti";
}
}else{
if(empty(trim($_GET['id']))){
header("location:error");
exit();
}
}
?>
<?php
include ('head.php');
include ('css.php');
include ('navigasi.php');
?>
<div id="content-wrapper">
<div class="container-fluid">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.php">Dashboard</a>
</li>
<li class="breadcrumb-item active">Delete kategori</li>
</ol>
<hr>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
<div class="alert alert-danger" role="alert">
<input type="hidden" name="id" value="<?php echo trim($_GET["id"]); ?>"/>
<p>Are you sure you want to delete this record?</p>
<p>
<input type="submit" value="Yes" class="btn btn-danger">
<a href="javascript:history.back()">No</a>
</p>
</div>
</form>
<?php include('footer.php'); ?>Sampai disini proses pembuatan untuk antar muka proses crud menu bagian admin telah selesai, selanjutnya kita akan membuat untuk bagian user.
Menampilkan Menu Pada Halaman User
Query yang digunakan untuk menampilkan data menu juga akan diringkas kedalam fungsi, sehingga ketika dibutuhkan, kita hanya cukup memanggil nama functionnya saja.
public.web.fungsi.php
<?php
function tampil_menu(){
$sql="SELECT id, nama_menu, kategori_menu, link_menu, urut, parent FROM tabel_nav order by urut asc";
$perintah=query($sql);
return $perintah;
}
function tampil_sub_menu($menu_id){
$sql="SELECT id, nama_menu, kategori_menu, link_menu, urut, parent FROM tabel_nav WHERE parent='$menu_id' order by urut ASC";
$perintah=query($sql);
return $perintah;
}
?>Selanjutnya pada menu yang akan ditampilkan pada user, Anda bisa menulis kodenya seperti berikut :
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="logo navbar-btn pull-left" href="index.php" title="Home">
<img src="properties/content/nav.png" alt="Home">
<a class="navbar-brand" href="index.php">CMS RIMI INDONESIA</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.php">Home
<span class="sr-only">(current)</span>
</a>
</li>
<?php
//memanggil fungsi tampil menu
$tampil_menu=tampil_menu();
if($tampil_menu){
if(num_rows($tampil_menu)>0){
while($data=mysqli_fetch_array($tampil_menu)){
?>
<?php
//jika kategori single menu maka panggil seluruh bagian single menu
if($data['kategori_menu']=='single_menu'){
?>
<li class="nav-item">
<a class="nav-link" href="<?php echo $data['link_menu'];?>"><?php echo $data['nama_menu'];?></a>
</li>
<?php
//jika kategori dropdown menu mana panggil seluruh bag dropdown menu
}elseif($data['kategori_menu']=='dropdown_menu'){
?>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><?php echo $data['nama_menu'];?></a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<?php
//kemudian selanjutnya jika terdapat dapat sub menu didalam dropdown panggil submenunya
$sub_menu=tampil_sub_menu($data['id']);
//lakukan perulangan sub menu berdasarkan id menu parentnya
while($sub=fetch($sub_menu)){
?>
<a class="dropdown-item" href="<?php echo $sub['link_menu'];?>"><?php echo $sub['nama_menu'];?></a>
<?php } ?>
</div>
</li>
<?php } //end dropdown ?>
<?php
}//end while
}//end > 0
}//free result
free_result($tampil_menu);
?>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">Implementasi Kode
Contoh – contoh kode diatas sudah saya implementasikan kedalam cms rimi. Anda dapat mengunduh cms rimi pada halaman berikut : CMS RIMI
Hasil
Pada halaman administrator, kurang lebih nanti untuk mamanjemen menunya akan terlihat seperti berikut ini :
Ahmad Zaelani
Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple
0 Response to "Cara Membuat Menu Dinamis Menggunakan PHP"
Post a Comment
Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin