Kali ini untuk membuat login di backend website harus mempersiapkan beberapa hal :
– Pelajari Membuat Backend CodeIginiter
– Update dengan menambahkan login backend

Untuk mengikuti langkah-langkah berikut anda mengikuti cara membua backend codeigniter terlebih dahulu karena bahasan kali ini akan melanjutkan saja.

Update database tambahkan tabel login
Ketikkan code seperti berikut pada query sql create table :

Ketikkan code seperti berikut pada query sql insert table :

Ubah application/config/autoload.php

$autoload['libraries'] = array('database','session');

Ubah application/config/config.php

$config['sess_save_path'] = sys_get_temp_dir();

Ubah controller “Welcome.php” pada method/fungsi welcome
Ketikkan code seperti berikut:

public function welcome()
   {
      $config["base_url"] = base_url().'index.php/welcome/welcome';
      $config["total_rows"] = $this->mod_produk->record_count();
      $config["uri_segment"] = 3;
      $config["per_page"] = 5;

      $config['num_links'] = 2;
      $config['use_page_numbers'] = TRUE;
      $config['page_query_string'] = FALSE;
      $config['query_string_segment'] = '';

      $config['full_tag_open'] = '<ul class="pagination pagination-sm">';
      $config['full_tag_close'] = '</ul>';

      $config['first_link'] = '&laquo; First';
      $config['first_tag_open'] = '<li class="prev page">';
      $config['first_tag_close'] = '</li>';

      $config['last_link'] = 'Last &raquo;';
      $config['last_tag_open'] = '<li class="next page">';
      $config['last_tag_close'] = '</li>';

      $config['next_link'] = 'Next &rarr;';
      $config['next_tag_open'] = '<li class="next page">';
      $config['next_tag_close'] = '</li>';

      $config['prev_link'] = '&larr; Previous';
      $config['prev_tag_open'] = '<li class="prev page">';
      $config['prev_tag_close'] = '</li>';

      $config['cur_tag_open'] = '<li class="active"> <a href="">';
      $config['cur_tag_close'] = '</a></li>';
      $config['num_tag_open'] = '<li class="page">';
      $config['num_tag_close'] = '</li>';

      $config['anchor_class'] = 'follow_link';
      $this->pagination->initialize($config);

      $page = $this->uri->segment(3);
      if($page==''){
         $page=0;
      }else{
         $page = ($page-1)*$config["per_page"];
      }

      $data['results'] = $this->mod_produk->get_produk($config["per_page"],$page);
      $data['ttl_page'] = $config["per_page"];
      $data['ttl_row'] = $config["total_rows"];
      $data["links"] = $this->pagination->create_links();
      $data['page'] = $page;

      if($this->session->userdata('logged_in')) {
         $this->load->view('welcome',$data);
      }
      else {
         $this->load->helper(array('form'));
         $this->load->view('login');
      }
   }

Buat model baru dengan nama “Mod_login.php“
Ketikkan code seperti berikut :

<?php 

Class Mod_login extends CI_Model 
{
	function login($username, $password) 
	{
		$this -> db -> select('username, password'); 
		$this -> db -> from('login'); 
		$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;
		}
	}
}

Buat controller baru dengan nama “Verifylogin.php”
Ketikkan code seperti berikut :

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

class VerifyLogin extends CI_Controller 
{
	function __construct() {
		parent::__construct();
        $this->load->model('mod_login');
        $this->load->library('pagination');
        $this->load->model('mod_produk');
	}
	
    function index() {
        $this->load->helper('security');
        $this->load->library('form_validation');

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

        if($this->form_validation->run() == FALSE) {
            $this->load->view('login');
        }
        else {
            $config["base_url"] = base_url().'index.php/welcome/welcome';
            $config["total_rows"] = $this->mod_produk->record_count();
            $config["uri_segment"] = 3;
            $config["per_page"] = 5;

            $config['num_links'] = 2;
            $config['use_page_numbers'] = TRUE;
            $config['page_query_string'] = FALSE;
            $config['query_string_segment'] = '';

            $config['full_tag_open'] = '<ul class="pagination pagination-sm">';
            $config['full_tag_close'] = '</ul>';

            $config['first_link'] = '&laquo; First';
            $config['first_tag_open'] = '<li class="prev page">';
            $config['first_tag_close'] = '</li>';

            $config['last_link'] = 'Last &raquo;';
            $config['last_tag_open'] = '<li class="next page">';
            $config['last_tag_close'] = '</li>';

            $config['next_link'] = 'Next &rarr;';
            $config['next_tag_open'] = '<li class="next page">';
            $config['next_tag_close'] = '</li>';

            $config['prev_link'] = '&larr; Previous';
            $config['prev_tag_open'] = '<li class="prev page">';
            $config['prev_tag_close'] = '</li>';

            $config['cur_tag_open'] = '<li class="active"> <a href="">';
            $config['cur_tag_close'] = '</a></li>';
            $config['num_tag_open'] = '<li class="page">';
            $config['num_tag_close'] = '</li>';

            $config['anchor_class'] = 'follow_link';
            $this->pagination->initialize($config);

            $page = $this->uri->segment(3);
            if($page==''){
                $page=0;
            }else{
                $page = ($page-1)*$config["per_page"];
            }

            $data['results'] = $this->mod_produk->get_produk($config["per_page"],$page);
            $data['ttl_page'] = $config["per_page"];
            $data['ttl_row'] = $config["total_rows"];
            $data["links"] = $this->pagination->create_links();
            $data['page'] = $page;

            $this->load->view('welcome', $data);
        }
    }

    function check_database($password) {
        $username = $this->input->post('username');
        $result = $this->mod_login->login($username, $password);
    
        if ($result) {
            $sess_array = array();
            foreach($result as $row) {
                $sess_array = array(
                    'username' => $row->username,
                    'password' => $row->password
                );
                $this->session->set_userdata('logged_in', $sess_array);
            }
            return TRUE;
        } else {
            $this->form_validation->set_message('check_database', '<strong>Login Gagal!</strong>');
            return false;
        }
    }
}

Buat view baru dengan “login.php“
Ketikkan code seperti berikut :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BackEnd | BelajarAplikasi</title>
    <link href="<?php echo base_url();?>assets/css/bootstrap.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>assets/css/font-awesome.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>assets/css/custom.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body role="document">
    <!-- Fixed navbar -->
    <nav class="navbar navbar-dewe navbar-fixed-top-up">
      <div class="container">      	
      </div>
    </nav>
			
    <div class="container">
		<div style="margin: auto;width: 250px;">			
			<?php 
				if (validation_errors() != ''){
					echo '<div class="alert alert-warning" role="alert" id="alert_warning"><strong>'.validation_errors().'</strong></div>'; 
				}
			?>
			
			<?php echo form_open('Verifylogin'); ?>
			<h2 class="form-signin-heading">Login Backend</h2>
      <h4 class="form-signin-heading">belajaraplikasi.com</h4>
			<label for="inputEmail" class="sr-only">Username</label>
			<input type="text" id="inputUsername" name="username" class="form-control" placeholder="Username" onkeydown="user(event);" autofocus>
			<label for="inputPassword" class="sr-only">Password</label>
			<input type="password" id="inputPassword" name="password" class="form-control" placeholder="Password" onkeydown="pass(event);" ><br>
			<input class="btn btn-lg btn-danger btn-block" type="submit" value="Login"/>
		</div>
    </div> <!-- /container -->
</body>
</html>

Coba jalankan di browser

Source code lengkap di github backend-ci

Demo login backend

Bila ada pertanyaan silahkan cantumkan pada kolom komentar dibawah.
Sekidan dan terima kasih.
Happy Coding 🙂