Konfigurasi Fitur Login untuk Admin
Berikut adalah langkah-langkah yang harus dikerjakan untuk membuat fitur login :
1. Membuat Tabel Users
Buka phpmyadmin, lalu buat tabel users dengan skema seperti berikut :
Kode SQL untuk membuat tabel users bisa seperti ini :
CREATE TABLE `users` ( `user_id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(64) NOT NULL, `password` varchar(255) NOT NULL, `email` varchar(255) NOT NULL, `full_name` varchar(255) NOT NULL, `phone` varchar(20) NOT NULL, `role` enum('admin','customer') NOT NULL DEFAULT 'customer', `last_login` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP, `photo` varchar(64) NOT NULL DEFAULT 'user_no_image.jpg', `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP, `is_active` tinyint(1) NOT NULL DEFAULT '0', PRIMARY KEY (`user_id`) );
Lalu, insert kolom untuk menambahkan user pertama
2. Membuat Model User
Buat model baru bernama User_model.php di dalam folder application/models/. Kemudian isi dengan kode berikut :
<?php class User_model extends CI_Model { private $_table = "users"; public function doLogin(){ $post = $this->input->post(); // cari user berdasarkan email dan username $this->db->where('email', $post["email"]) ->or_where('username', $post["email"]); $user = $this->db->get($this->_table)->row(); // jika user terdaftar if($user){ // periksa password-nya $isPasswordTrue = password_verify($post["password"], $user->password); // periksa role-nya $isAdmin = $user->role == "admin"; // jika password benar dan dia admin if($isPasswordTrue && $isAdmin){ // login sukses yay! $this->session->set_userdata(['user_logged' => $user]); $this->_updateLastLogin($user->user_id); return true; } } // login gagal return false; } public function isNotLogin(){ return $this->session->userdata('user_logged') === null; } private function _updateLastLogin($user_id){ $sql = "UPDATE {$this->_table} SET last_login=now() WHERE user_id={$user_id}"; $this->db->query($sql); } }
3. Membuat Controller Login
Buat controller baru bernama Login.php di dalam folder controllers/admin/ dan diisi kode seperti di bawah ini :
<?php class Login extends CI_Controller { public function __construct() { parent::__construct(); $this->load->model("user_model"); $this->load->library('form_validation'); } public function index() { // jika form login disubmit if($this->input->post()){ if($this->user_model->doLogin()) redirect(site_url('admin')); } // tampilkan halaman login $this->load->view("admin/login_page.php"); } public function logout() { // hancurkan semua sesi $this->session->sess_destroy(); redirect(site_url('admin/login')); } }
Lalu, edit controller lain untuk mengecek apakah user sudah login atau belum. Tambahkan kode ini di dalam konstruktur di setiap controller Overview.php dan Product.php
$this->load->model("user_model"); if($this->user_model->isNotLogin()) redirect(site_url('admin/login'));
4. Membuat View untuk Halaman Login
Buat file baru bernama login_page.php di dalam folder application/views/admin/ dan isikan kode berikut :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Login Admin</title> <!-- Bootstrap core CSS--> <link href="<?php echo base_url('assets/bootstrap/css/bootstrap.min.css') ?>" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="col-12 col-md-6 text-center mt-5 mx-auto p-4"> <h1 class="h2">Login Admin</h1> <p class="lead">Silahkan masuk ke Panel Admin</p> </div> </div> <div class="row"> <div class="col-12 col-md-5 mx-auto mt-5"> <form action="<?= site_url('admin/login') ?>" method="POST"> <div class="form-group"> <label for="email">Email</label> <input type="text" class="form-control" name="email" placeholder="Pakai username juga bisa.." required /> </div> <div class="form-group"> <label for="password">Password</label> <input type="password" class="form-control" name="password" placeholder="Password.." required /> </div> <div class="form-group"> <div class="d-flex justify-content-between"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" name="rememberme" id="rememberme" /> <label class="custom-control-label" for="rememberme"> Ingat Saya</label> </div> <a href="<?= site_url('reset_password') ?>">Lupa Password?</a> </div> </div> <div class="form-group"> <input type="submit" class="btn btn-success w-100" value="Login" /> </div> </form> </div> </div> </div> </body> </html>
5. Uji Coba Fitur Login dan Logout
Untuk mencobanya, silahkan buka halaman http://localhost:8080/TugasSBAdmin/index.php/admin/ . Jika diarahakan menuju halaman login, maka autentikasi berhasil (username : tbirkham, password : admin).
Setelah itu, jangan lupa untuk mencoba fitur Logoutnya. Jika setelah logout diarahkan menuju halaman login kembali, berarti fitur Logout berhasil.
Untuk source code dapat diakses di bawah ini :
Comments
Post a Comment