Cara Mudah Membuat Login dan Register di CodeIgniter Dengan Ajax : Halaman Dashboard


Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com

Cara Mudah Membuat Login dan Register di CodeIgniter Dengan Ajax : Halaman Dashboard - Halo teman-teman semuanya, di artikel sebelumnya kita sudah membahas bagaimana cara membuat proses Login menggunakan Ajax di Framework CodeIgniter.

Pada kesempatan kali ini kita semua akan membahas bagaimana cara membuat halaman dashboard yang mana halaman ini akan ditampilkan setelah proses login berhasil.

Langsung saja kita mulai. Silahkan buat file baru dengan nama Dashboard.php di dalam folder application/controllers dan silahkan masukkan kode dibawah ini :

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

class Dashboard extends CI_Controller {

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

        //cek session login
        if($this->session->userdata("id_user") == "") {
            redirect('/login');
        }

    }

    public function index()
    {
        //load view form login
        $this->load->view('dashboard');
    }

    public function logout()
    {
        //hapus session
        $this->session->sess_destroy();

        redirect('/login');
    }

}

Dari file controller Dashboard.php diatas kita membuat sebuah 3 fungsi yaitu

  • Fungsi __contruct : fungsi ini akan selalu otomatis dijalankan ketika class Dashboard diakses, oleh sebab itu kita membuah fungsi lagi didalamnya untuk membuat pengecekan apakah ada session user, jika tidak ada maka akan di arahkan helaman login.
  • Fungsi index : fungsi ini digunakan untuk menampilkan halaman dari dashboard.
  • Fungsi logout : fungsi ini digunakan untuk menghapus session user yang sudah login.

Terakhir kita buat file baru dengan nama dashboard.php di dalam folder application/views dan silahkan masukkan kode berikut ini :

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

    <title>Dashboard</title>
  </head>
  <body>

    <div class="container" style="margin-top: 50px">
      <div class="row">
        
          <div class="col-md-3">
            <ul class="list-group">
              <li class="list-group-item active">MAIN MENU</li>
              <a href="<?php echo base_url() ?>index.php/dashboard" class="list-group-item" style="color: #212529;">Dashboard</a>
              <li class="list-group-item">Profile</li>
              <a href="<?php echo base_url() ?>index.php/dashboard/logout" class="list-group-item" style="color: #212529;">Logout</a>
            </ul>
          </div>

          <div class="col-md-9">
            <div class="card">
              <div class="card-body">
                <label>DASBOARD</label>
                <hr>

                Selamat Datang <?php echo $this->session->userdata("nama_lengkap") ?>

              </div>
            </div>
          </div>

      </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" ></script>
</body>
</html>

Maka jika kalian sudah berhasil login dan akan diarahkan otomatis ke halaman dashboard, kurang lebih tampilannya seperti berikut ini :

Sampai disini pembahasan tentang Membuat Login dan Register Dengan Ajax di Framework CodeIgniter, untuk teman-teman yang masih bingung bisa bertanya melalui kolom komentar dibawah di setiap artikel. Terima Kasih


Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com
KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR