Membuat Login Sederhana (Code Igniter)

Pagi Kawan Sekalian. Di hari yang cerah ini akan lebih baik bila kita berkarya benarkan.?
Bagaimana cuaca didaerah kawan hari ini.? semoga cerah juga ya.
Oke pada kesempatan kali ini kita akan membahas kembali Code Igniter dengan materi Login Sederhana. dimana dimaksudkan agar kawan sekalian dapat mempelajari Logika dan beberapa Teknik dalam Code Igniter.

Dengan file yang sudah dibuat sebelumya makan kita hanya perlu merubah dan menambahkan sedikit saja.

Berikut ini File yang perlu di Ubah untuk menyelesaikan Login

1. Application / controllers / baru.php
2. Application / views / login_views.php
3. Application / views / sukses_views.php

Mari kita langsung saja memulai dari langkah pertama.

1. Application / controllers / baru.php

Setelah membuka file baru.php yang berada dalam "C://xampp/htdocs/codeigniter/application/controllers/baru.php", maka kawan tinggal menambahkan beberapa Script seperti berikut.

    
    //cari script berikut 
    public function dua(){
        ...
    }

    //tambahkan dibawan script function dua() function untuk login berikut.

    public function login()
    {
        $this->load->view('header');
        $this->load->view('login_views');
        $this->load->view('footer');
    }

    public function sukses()
    {
        $username = $this->input->post('username');
        $password = $this->input->post('password');
        if($username !='' && $password !=''){
            //Bila username dan password kosong kembali kehalaman Login
            if($username =='bwp' && $password =='kawan'){
                //bila kawan ingin merubah password dan usenamenya tinggal ubah yang diatas ini.
                
                $this->sukses_login();
                //Menuju halaman Berhasil
            }else{
                redirect(base_url('index.php/baru/login?e=1')); 
                //Redirect ke halaman login dengan pesan error salah username   dan password
            }
        }else{
            redirect(base_url('index.php/baru/login?e=2')); 
            //Redirect ke halaman login dengan pesan error username dan password belum di isi
        }
    }

    private function sukses_login(){
        $this->load->view('header');
        $this->load->view('sukses_views');
        $this->load->view('footer');    
    }
    

2. Application / views / login_views.php

Buat file bernama login_views.php, lalu isi dengan Script Berikut.

 
    <div class="bs-callout bs-callout-success">
        <h2>Halaman Login</h2>
        Silahkan untuk memasukan Username dan Password untuk melanjutkan.
        <form method="post" action="<?php echo base_url('index.php/baru/sukses');?>">
            <div class="bs-callout bs-callout-info">
                <h4>Username</h4>
                <input type="text" class="form-control" value="" name="username">

                <h4>Password</h4>
                <input type="password" class="form-control" value="" name="password">

                <input id="btn_login" class="btn btn-info" style="margin-top:15px;" type="submit" value="Login">
            </div>
        </form>
        
            <?php 
                if(isset($_GET['e'])){
                    $e = $_GET['e'];
                    if($e !=''){
                        if($e ==1){
                            echo '<div class="bs-callout bs-callout-danger">';
                            echo "Maaf, Password atau Username yang kawan masukan salah.";
                            echo '</div>';
                        }else if($e ==2){
                            echo '<div class="bs-callout bs-callout-warning">';
                            echo "Silahkan memasukan Username dan Password terlebih dahulu.";
                            echo '</div>';
                        }
                    }else{
                        $e=0;
                    }
                }
            ?>
    </div>    
 

3. Application / views / sukses_views.php

Buat file bernama sukses_views.php, lalu isi dengan Script Berikut.

    
    <div class="bs-callout bs-callout-success">
        <h2>Sukses Login</h2>
        Selamat Kawan telah berhasil login di halaman ini.
        <div class="bs-callout bs-callout-info">
            <h4>Sedikit info</h4>
            Login ini hanya sekedar pembelajaran untuk mengetahui Teknik Redirecting dan Logika sederhana dari sebuah Web.
            <br>Kawan bisa juga melakukan login menggunakan Database untuk membuat beberapa Akun.
        </div>
    </div>    
    

Setelah itu mari kita coba dengan masuk ke Browser dan ketikan Halaman seperti berikut ini.

localhost/codeigniter/index.php/baru/login
Atau
localhost/codeigniter/baru/login

Username : bwp
Password : kawan

Tampilan Awal Login.

Tampilan Bila Gagal Login.

Tampilan Bila Berhasil Login.

Demikian pertemuan kita, bila ada yang ditanyakan, saran, kritik bisa hubungi saya melalui kolom komentar, semoga pembahasan tadi menjadi ilmu yang bermanfaat bagi kawan sekalian.
Terimakasih dan sampai berjumpa kembali di pertemuan berikutnya.

b4ug02wp

Code Igniter