Cara Membuat Login di Codeigniter

Cara Membuat Login di Codeigniter
Pada artikel kali ini saya akan mencoba membahas kembali mengenai codeigniter, yaitu dimana pada pertemuan kali ini saya akan membahas bagaimana carra membuat login dicodeigniter, login disini sudah menggunakan database tentunya.

Langsung saja kita kecara pembuatannya, siapkan codeigniter atau project yang sudah kalian buat untuk membuat login ini, disini saya menggunakan codeigniter versi 2.
1. Pertama kita buat terlebih dahulu database yang akan digunakan, contoh disini saya membuat
    database dengan nama db_login dan table_users.
    
    Struktur table_users.

Cara Membuat Login di Codeigniter
lalu masukan data kedalam table tersebut contoh dengan username admin & password admin, jangan lupa untuk mengekripsikan password ke md5. untuk lebih cepat bisa copykan sql dibawah ini.

2. Jika sudah sekarang kita konfigurasi codeignternya, buat project baru dan berinama login, lalu konfigurasi codeigniter kalian seperti gambar dibawah.
application/config/autoload.php

Cara Membuat Login di Codeigniter

application/config/database.php

Cara Membuat Login di Codeigniter
application/config/config.php

Cara Membuat Login di Codeigniter

application/config/routes.php


Cara Membuat Login di Codeigniter
3. Sekarang kita ke pembuatan modelsny terlebih dahulu, buat file baru dan berinama mdl_users.php lalu masukan script dibawah.
Model : mdl_users.php

<?php 

class Mdl_users extends CI_Model {

function login($username, $password){

$this->db->select('id,username,password');
$this->db->from('table_users');
$this->db->where('username', $username);
$this->db->where('password', MD5($password));
$this->db->limit(1);
$query = $this->db->get();

if($query->num_rows() == 1){
return $query->result();
}else{
return false;
}
}
}

?>

Selanjutnya kita buat untuk beberapa controllernya, seperti dibawah ini.

Controller: login.php

<?php if(!defined('BASEPATH')) exit ('no direct script access allowed');

class Login extends CI_Controller{

public function index(){

$this->load->view('login_view');
}
}
?>

Controller: verifylogin.php

<?php if(!defined('BASEPATH')) exit ('no direct script access allowed');

class Verifylogin extends CI_Controller{

public function __Construct(){
parent :: __construct();
$this->load->model('mdl_users');
}

function index(){

$this->form_validation->set_rules('username', 'Username', 'trim|required|xss_clean');
$this->form_validation->set_rules('password', 'Password', 'trim|required|xss_clean|callback_check_database');

if($this->form_validation->run() ==FALSE){
$this->load->view('login_view');
}else{
redirect('home','refresh');
}
}

function check_database($password){

$username = $this->input->post('username');
$result = $this->mdl_users->login($username, $password);

if($result){
$sess_array = array();
foreach ($result as $row){
$sess_array = array('id'=>$row->id,
'username'=>$row->username);
$this->session->set_userdata('logged_in', $sess_array);
}
return TRUE;
}else{
$this->form_validation->set_message('check_database',
'<div style="color:red;">
Invalid Username or Password </div>');
return false ;
}
}
}
?>

Controller : home.php

<?php if( ! defined('BASEPATH')) exit ('no direct access allowed');

class Home extends CI_Controller {

function __Construct() {
parent ::__construct();

}

public function index() {

if($this->session->userdata('logged_in')){
$session_data = $this->session->userdata('logged_in');
$data['username'] = $session_data['username']; /* validasi jika data user tidak benar*/


$this->load->view('home');


}else{
redirect('login','refresh');
}
}

}

?>

Controller logout.php

<?php if(!defined('BASEPATH')) exit ('no direct script accsess allowed');

class Logout extends CI_Controller{

public function index(){
$this->session->unset_userdata('logged_in');
$this->session->sess_destroy();
redirect('home','refresh');
}
}

?>


Setelah selesai membuat models dan controllernya, sekarang kita buat untuk viewsnya, buat file views seperti dibawah.

Views : login_view.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login</title>


</head>

<body>
<div class="form-login">
<div class="panel panel-default">
<div>
<h1><a href="<?php echo base_url(); ?>" style='color:#000'>Tutorial Login dengan Codeigniter</a></h1>
<hr/>
</div>

<!--
<div style="text-align:center"><h3>:: LOGIN ::</h3></div>
<hr />
-->
<div class="panel-body">

<!-- Message Eror -->
<div style="width:500px; margin:auto; height:250px; border:solid 1px;">
<?php echo validation_errors(); ?>
<div style="width:100%;background:green; height:20px;color:white; text-align:center;"><h4>LOGIN DENGAN CODEIGNITER</h4></div>
<form method="post" action="<?php echo base_url()?>index.php/verifylogin">

<div style="position:relative; left:120px; top:10px; margin-bottom:20px; ">

<input name="username" type="text" placeholder="Username" required style='height:50px; width:250px;'>
</div>


<div style="position:relative; left:120px; margin-bottom:10px;">

<input type="password" name="password" placeholder="Password" id="password" required style='height:50px; width:250px;'>
</div>


<div style="position:relative; left:120px;">
<input type="submit" value="Login" style='height:50px; width:254px;' />
</div>

</form>
</div>
</div>
</div>
</div>
</body>
</html>

Views : home.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login</title>


</head>

<body>
<h1>Selamat Datang di Halaman Admin</h1>
<h2><a href="<?php echo base_url(); ?>index.php/logout">Logout</a></h2>
</body>
</html>


Jika kalian sudah selesai mengikuti step-step diatas, maka selanjutnya silahkan kalian buka http://localhost/login/ maka tampilan dari project ini akan nampak seperti gambar dibawah.
Cara Membuat Login di Codeigniter
isi username dan password pada form tersebut dengan user : admin pass : admin, maka akan muncul tampilan seperti gambar dibawah, yang menandakan kalian telah berhasil login.
Cara Membuat Login di Codeigniter
untuk kembali keawal tinggal kalian klik link logout. dan selesai sudah tutorial mengenai codeigniter kali ini yang ternya lumayan cukup panjang juga pembahasannya :D.
Sourcode atau project dari tutorial ini bisa kalian download dibawah ini, semoga artikel mengenai codeigniter kali ini bisa membantu teman-teman yang membutuhkan dan ingin belajar. Happy Coding!

Leave a Reply

Your email address will not be published. Required fields are marked *