Pada Artikel Kali ini kita akan Web Login, seperti yang kalian tahu “Login” adalah halaman untuk memasukkan Username atau Id (akun) di sertai Password untuk di lanjutkan ke halaman web selanjutnya , tanpa adanya Username dan Password kalian tidak dapat masuk jika membuka web kemudian diharuskan untuk mengisi Username dan password, dalam kesempatan kali ini kita akan belajar membuat halaman Web Login ( bukan membuat akun untuk bisa Login).
Dalam CodeIgniter model merupakan suatu kelas yang dapat memodelkan atau merepresentasikan tipe data apa saja yang digunakan oleh aplikasi. Dengan demikian, model juga dapat digunakan untuk memodelkan form. Tampilan form tersebut dapat kita definisikan sebagai kelas model. Di bagian ini kita akan membuat model untuk form login sederhana yang belum melibatkan penggunaan tabel di database.
File application\models\User_model.php :
(jika belum ada file nya silahkan bikin dan simpan sesuai direktori di Atas harus sesuai dengan jenis file dan di save di folder yang sesuai dengan file nya)
<?php
class User_model extends CI_Model {
public $username;
public $password;
// array untuk menyimpan label dari masing-masing atribut
public $labels == [];
// konstruktor model
public function __construct() {
parent::__construct();
$this->labels = $this->attribute_labels();
}
// metode untuk otentikasi user
public function authenticate() {
if (isset($this->username) && isset($this->password)) {
($this->username === 'demo' && $this->password === 'demo')
{
return TRUE;
} else {
return FALSE;
}
} else {
return FALSE;
}
}
// metode untuk menentukan label dari masing-masing atribut
public function attribute_labels() {
return [
'username'=>'Username:',
'password'=>'Password:'
];
}
}
Seperti yang kalian tahu username dan passwordnya adalah “demo” karena ini masih contoh, kalau ingin menggantinya silahkan ganti nama demo dengan yang kalian inginkan seperti ini
if ($this->username === 'demo' && $this->password === 'demo')
(carilah kode itu di file User_model.php di baris “18”)
File application\controllers\Login.php :
<?php
class Login extends CI_Controller {
public function index() {
$this->load->model('User_model');
$model = $this->user_model;
if (isset ($_POST['btnSubmit'])) {
// mengisi nilai ke dalam atribut model
$model->username = $_POST['username'];
$model->password = $_POST['password'];
if ($model->authenticate()) {
$this->load->view('login_success_view');
} else {
$this->load->view('login_error_view');
}
} else {
$this->load->view(login_form_view', ['model'=>$model]);
}
}
}
File application\views\login_form_view.php :
<html> <head> <title>Demo Model</title> </head> <body> <h2>Login</h2> <form action="http://localhost/ci/index.php/login" method="post"> <?php echo $model->labels['username']; ?><br /> <input type="text" name="username" /><br /><br /> <?php echo $model->labels['password']; ?><br /> <input type="password" name="password" /><br /><br /> <input type="submit" name="btnSubmit" value="Login" /> </form> </body> </html>
File application\views\login_success_view.php :
<html> <head> <title>Ddemo Model</title> </head> <body> <h2> Login Sukses</h2> </body> </html>
File application\views\login_error_view.php :
<html> <head> <title>Demo Model</title> </head> <body> <h2>Login Gagal</h2> </body> </html>
jalankan dengan menggunakan URI : http//localhost/ci/index.php/login
hasilnya seperti halaman web login biasanya tapi yang kita pelajari ini bentuknya sederhana. ketika kalian menulis username dan password default (demo) ketika kalian Enter maka akan muncul tulisan “Login Sukses”, kalau username dan password tidak sesuai maka akan muncul tulisan “Login Gagal”
About the author