Setelah membaca dan mengikuti langkah demi langkah membuat website dinamis dengan PHP dan MySQL bagian 1 dan bagian 2, sekarang kita sudah punya sebuah database yang bernama db_web yang berisi 3 tabel dan field-fieldnya, yaitu tb_user, tb_berita dan tb_kategori.
Sekarang berlanjut ke tahap ke-tiga yaitu pengkodingan terhadap template yang sudah di download sebelumnya. Kali ini yang saya pake adalah MOS Admin template untuk halaman Admin, dan untuk halaman depan website.
Pada tahap ini, kita akan membahas terlebih dahulu untuk pembuatan halaman Administrator, dimana disana user diharuskan login. Di dalamnya kita bisa menambahkan, mengedit, serta menghapus data user, berita maupun kategori. Langsung saja ke langkah pertama yaitu pembuatan pengkodingan halaman login. Sebelumnya, kita input sebuah user di database, buka web browser dan ketikkan http://localhost/phpmyadmin, jangan lupa jalankan terlebih dahulu XAMPP nya. Pilih database db_web dan tabel tb_user. Klik insert, kosongkan bagian id_user (otomatis akan terisi), isi username = admin, password = admin dan nama_lengkap = Administrator (Perhatikan gambar).
Setelah tabel user terisi, selanjutnya buat folder "webku" (tanpa tanda kutip) di C:/XAMPP/htdocs, dan buat lagi folder admin didalamnya. Kemudian buat sebuah file yang bernama koneksi.php dengan aplikasi notepad++ (Klik disini apabila belum punya notepad++). File koneksi.php ini untuk mengkoneksikan web Anda dengan database MySQL. Berikut script koneksi.php.
file koneksi.php
Berikut penjelasan mengenai file koneksi.php :
file ini berfungsi untuk mengkoneksikan / menghubungkan file web Anda dengan database MySQL, $host, $username, serta $pass merupakan detail dari akun database Anda, dimana sekarang kita menggunakan phpmyadmin, secara default hostnya adalah localhost, usernamenya root dan passwordnya kosong.
variabel $koneksi menjalankan perintah mysql_connect (menghubungkan ke database) dengan host = $host, username = $username dan password = $pass. Variabel $db menjalankan perintah mysql_select_db (memilih database mana yang akan kita hubungkan), disini kita isi webku, karena database yang telah kita buat adalah database webku.
Selanjutnya,pindahkan semua file dari MOS Admin template ke folder admin yang Anda buat tadi (menyatu dengan file koneksi.php).
Buka file login.php dengan notepad++. Cari script
Ada dua method untuk form ini, yaitu method POST dan GET, bedanya untuk method get akan menampilkan semua informasi yang diinputkan oleh Anda di dalam form tersebut di address bar web browser Anda. Saya tidak akan terlalu membahas hal tersebut disini. Untuk keamanaan, gunakan method POST.
Karena actionnya menuju files validasi.php, maka kita harus membuatnya. Berikut script validasi.php
Buat file index.php
Buat file logout.php
Setelah semua file dibuat, coba Anda masuk ke web browser dan ketikkan http://localhost/webku/admin dan lihat hasilnya, web tersebut akan di redirect ke halaman login.php. Selamat mencoba :).
No comments:
Post a Comment
Apabila ada yang kurang dimengerti ataupun sesuatu hal yang ingin di sampaikan kepada penulis, silakan isi form komentar, komentar yang mengandung unsur SARA dan tidak pantas akan Admin hapus tanpa pemberitahuan.