Senin, 23 April 2018

Membuat Web Berita Sederhana Dengan PHP & MYSQLi - Part 11

Pembuatan Halaman Administrator Website Bagian 8 ( Logout & Desain Menu )


Langkah terakhir dalam pembuatan halaman admin kali ini adalah membuat halaman logout serta desain menu. Mengapa perlu dilakukan desain menu? Tentu hal ini penting karena desain menu akan memudahkan navigasi pengguna website kita. Contohnya adalah ketika kita ingin mengakses halaman data artikel, akan sangat merepotkan apabila user harus mengetikan url seperti http://localhost/websaya/admin/index.php?p=data-artikel untuk berpindah halaman, maka dari itu kita akan memudahkan navigasi dengan menempatkan link-link kedalam sidebar halaman admin kita. Tetapi sebelum itu kita akan membuat halaman logout terlebih dahulu.

Membuat Halaman Logout PHP

Seperti biasa, langkah pertama adalah dengan membuka folder pages di folder "websaya/admin/pages", kemudian buatlah sebuah file dengan nama logout.php. Jika sudah, bukalah file yang sudah anda buat tadi kedalam text editor yang anda gunakan, kemudian isikan sintaks berikut ini : 

logout.php

Penjelasan sintaks diatas : 
  • session_destroy() : fungsi bawaan dari php ini berguna untuk menghapus session yang ada didalam browser kita, pada saat login kita membuat session baru, sedangkan saat logout kita menghapus session baru yang sudah kita buat tadi
  • echo '<script>window.location="'.$adminurl.'login.php"</script>' : sintaks ini berfungsi untuk meredirect ke halaman login apabila logout berhasil dilakukan

Desain Menu Navigasi

Setelah berhasil membuat logout, langkah kedua adalah desain menu navigasi. Untuk memulainya edit file header.php yang ada didalam folder views menggunakan text editor. Anda bisa mengakses folder tersebut pada "websaya/admin/views/header.php". Cermati file header.php terutama pada line 83, sesuaikan file header.php anda sama dengan screenshot dibawah ini : 
Setelah sesuai dengan screenshot diatas, beralih ke line 99 atau di file header.php tertulis tag <!--sidebar-->, kemudian sesuaikan lagi file header.php anda dengan screenshot dibawah ini (klik gambar untuk ukuran penuh) : 
Sesuaikan pada bagian yang berkotak merah
Jika sudah, sekarang coba akses halaman admin dari website kita. Anda bisa mengakses halaman apa saja, tetapi disini saya mencoba untuk mengakses halaman data kategori, anda bisa melakukannya dengan cara mengakses url http://localhost/websaya/admin/index.php?p=data-kategori, dan akan terlihat seperti screenshot dibawah ini : 
Terlihat perbedaan pada sidebar kita, dimana sidebar kita kini telah memiliki menu-menu seperti artikel, kategori, dan log out. Untuk tutorial pembuatan halaman admin berakhir sampai disini, selanjutnya kita akan membuat halaman utama website dimana halaman ini menampilkan semua artikel kita.

Related Posts

Membuat Web Berita Sederhana Dengan PHP & MYSQLi - Part 11
4/ 5
Oleh