Wajib membaca akan berbagi tentang bagaimana cara membuat form login di Codeigniter.
Catatan: pada tutorial
kali ini dan selanjutnya, minimal anda harus mengetahui konsep dasar MVC di CodeIgniter
dan setidaknya anda telah membaca User Guide dari CodeIgniter supaya tidak
terlalu kebingungan ketika membaca dokumentasi berikut ini. Di sarankan
anda juga mengerti atau minimal mengetahui sedikit tentang PHP, HTML dan CSS.
Untuk membuat halaman
login, anda dapat melihat code berikut sebagai referensi:
untuk CSS tidak ditampilkan, tetapi anda dapat melihat tutorial
saya sebelumnya di Membuat Form Login HTML dan CSS
C:\xampp\htdocs\wajibmembaca\application\controllers\login.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<?php
class Login extends CI_Controller{
public function index()
{
$data['judul']
= 'Web Portal › WAJIBMEMBACA';
$this->load->view('login',
$data);
}
function validate_login(){
$this->load->model('user_model');
$query = $this->user_model->validate();
if($query){
$data = array(
'useranda' => $this->input->post('useranda'),
'is_logged_in' =>
TRUE
);
$this->session->set_userdata($data);
redirect('site/home');
}else{
$this->index();
}
}
}
|
Bagian view untuk
tampilan form login adalah sebagai berikut
C:\xampp\htdocs\wajibmembaca\application\views\login.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title><?php
echo $judul;?></title>
<link
href="<?php echo base_url();?>css/login.css" rel="stylesheet" type="text/css"/>
<link
href="<?php echo base_url();?>favicon.ico" rel="icon"/>
</head>
<body>
<div
id="wrapper">
<div
id="spacer">
</div>
<div
id="konten">
<div
id="left-side">
<?php
$this->load->view('includes/left-side-login');?>
</div>
<div
id="right-side">
<h1>SEKOLAH
MENENGAH ATAS STATISTIK</h1>
<br/><br/><br/>
<h2>Login</h2>
<p><?php
if(isset($notifikasi)) echo $notifikasi;?></p>
<?php
$attributes = array('id' => 'login-form');
echo form_open('login/validate_login',
$attributes);
?>
<table
id="log-tabel">
<tr>
<td>Useranda</td>
<td><input
type="text" name="useranda" class="log-form" value="" maxlength="1024"/></td>
</tr>
<tr>
<td>Passwrd</td>
<td><input
type="passwrd" name="passwrd" class="log-form" value="" maxlength="1024"/></td>
</tr>
<tr>
<td></td>
<td><input
type="submit" value="" class="login-button"/></td>
</tr>
</table>
<?php
echo form_close();
?>
<p>Jika
anda belum mempunyai useranda dan passwrd silahkan aktifkan akun anda
terlebih dahulu dengan menghubungi
admin</p>
</div>
<div
id="footer">
<div
id="footer-p">
<?php
$this->load->view('includes/footer-login');?>
</div>
</div>
</div>
</div>
</body>
</html>
|
Selanjutnya untuk bagian modelC:\xampp\htdocs\wajibmembaca\application\models\user_model.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<?php
class User_model extends CI_Model{
function validate()
{
$this->db->where('useranda',
$this->input->post('useranda'));
$this->db->where('passwrd',
md5($this->input->post('passwrd')));
$query = $this->db->get('user');
if($query->num_rows
== 1)
{
return TRUE;
}
}
}
|
Dari model tersebut akan diarahkan ke controller lain yaitu
site.php dengan fungsi home C:\xampp\htdocs\wajibmembaca\application\controllers\site.php
1
2
3
4
5
6
7
8
9
|
<?php
class Site extends CI_Controller{
function home()
{
$data['judul']
= 'WAJIBMEMBACA › Home';
$data['main_content']
= 'main_content/home';
$this->load->view('template',
$data);
}
}
|
Dan terakhir adalah bagian viewC:\xampp\htdocs\wajibmembaca\application\view\main_content\home.php
Halaman home.php dapat
anda buat halaman dummy terlebih dahulu.
Selamat mencoba.
