Membuat Login Menggunakan Codeigniter

Hai nawak-nawak sekalian, pada article kali ini kita akan membuat login menggunakan codeigniter. Sebelum kita masuk ketema tentnya kalian sudah melihat dong cara pembuatan menu untuk codeiniter? jika belum segera kalian buat agar kita mengetahui apakah login tersebut terhubung dengan baik apa tidak. Disini saya meng-copy dari folder menu untuk codeiniter agar ada backup apabila terjadi eror yang tidak bisa saya pecahkan dan saya pastekan dengan nama folder lowkermalang1.

Pertama-tama buat terlebih dahulu database nya, disini saya membuat nama databasenya dota2 dengan table tb_pengguna.

Sebelum itu mari kita mengatur config terlebih dahulu agar data dari database dapat dipanggil ke dalam web yang akan kita buat. Silahkan ikuti sesuai dengan gambar-gambar dibawah ini.

config→database(untuk memanggil database)

config→route(sebagai tampilan awal pada website yang kita buat)

config→autoload(sebagai proses dari database dan website yang kita buat)

Berikutnya kita akan membuat controller, model, dan view nya, tampa basa basi lagi mari ikuti langkah berikut untuk membuat controllernya dengan nama Login.php(jangan lupa untuk memperhatikan besar kecilnya nama controller,view,model yang akan kita buat).

Seperti yang kalian lihat diatas merupakan semua controller yang sudah saya buat sebagai menu/fitur-fitur yang ada di website ini. Karena ini tentang login maka kita fokus aja ke Login.php, silahkan ikuti codingannya sesuai dibawah ini.

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

class Login extends CI_Controller {

public function index(){
$this->form_validation->set_rules('username','Username','trim|required');
$this->form_validation->set_rules('password','Password','trim|required|callback_basisdata_cek');
if($this->form_validation->run()==false){
$this->load->view('login_view');
}else{
redirect(base_url('Home2'), 'refresh');
}
}

function basisdata_cek($password){
$username = $this->input->post('username');
$result = $this->Login->Login($username,$password);
if($result){
$sess_array = array();
foreach($result as $row){
$sess_array = $arrayName = array('id' => $row->id, 'username' => $row->username, 'nama_pengguna' => $row->nama_pengguna);
$this->session->set_userdata('logged_in', $sess_array);
}
return true;
}else{
$this->form_validation->set_message('basisdata_cek', 'Invalid username or password (Username dan kata sandi anda salah)');
return false;
}
}
public function register(){
if($this->input->post('daftar')){
$this->Login->Register();
redirect('Login');
}else{
$this->load->view('register_view');
}
}
}

Seperti yang kalian lihat disitu terdapat bebeapa function untuk memanggil data yang telah kita buat.(Jangan lupa perhatikan besar kecilnya huruf yang telah kalian buat). Berikutnya kita membuat model login dan register.

Model(Mod_Login.php)

<?php
class Mod_Login extends CI_Model {

function Login($username, $password){
$this->db->select('id_pengguna,nama_pengguna,username,password');
$this->db->from('tb_pengguna');
$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;
}

}

function register(){
$np = $this->input->post('nama_pengguna');
$un = $this->input->post('username');
$pw = md5($this->input->post('password'));
$data = array(
'id_pengguna' => '',
'nama_pengguna' => $np,
'username' => $un,
'password' => $pw
);
$this->db->insert('tb_pengguna', $data);
}

}

Model(Mod_daftar.php)

<?php

class Mod_daftar extends CI_Model{

public function tambah($username, $nama, $password){

$data = array(

'username' => $username,

'nama_pengguna' => $nama,

'password' => $password,

);

$this->db->insert('tb_pengguna',$data);

}

Jika sudah kalian buat model sesuai dengan codingan diatas, sekarang kita membuat view untuk tampilan dari login di website kita ini.

View(login_view.php)

<!DOCTYPE html>

<html>

<head>

<title>Login</title>

</head>

<body>

<?php

if(validation_errors()){

</div>

<?php

}

echo form_open('Login','class="myclass"');

<center><h3>Silahkan Masukkan Data Anda<h3></center>

<?php

echo form_label('Username','username');

echo form_input('username','','class="form-control" id="username" placeholder="Username"')

</div>

<?php

echo form_label('Password','password');

echo form_input('password','','class="form-control" id="password" placeholder="password"')

</div>

<a href="<?php echo site_url('login/register') ?>" class="btn btn-link">Sign Up</a></center>

<?php echo form_close() ?>

<p>

</div>

</p>

</form>

</div>

</div>

reserved.</br><b>Version</b> 1.0.0</center>

</body>

</html>

Dibagian ini anda diwajibkan untuk teliti agar script dari css yang ada di folder ci kalian dapat dipanggil dengan baik.

View(register_view.php)

<!DOCTYPE html>

<html>

<head>

<title>Register</title>

</head>

<body>

<?php

if(validation_errors()){

</div>

<?php

}

echo form_open('Login/register','class="myclass"');

<center><h3>Silahkan Isi Data Anda<h3></center>

<?php

echo form_label('Nama','nama_pengguna');

echo form_input('nama_pengguna','','class="form-control" id="nama_pengguna" placeholder="Nama Anda"')

</div>

<?php

echo form_label('Username','username');

echo form_input('username','','class="form-control" id="username" placeholder="Username"')

</div>

<?php

echo form_label('Password','password');

echo form_input('password','','class="form-control" id="password" placeholder="password"')

</div>

<?php echo form_submit('daftar', 'Register', 'class="btn btn-primary"') ?>

<a href="<?php echo site_url('login') ?>" class="btn btn-link">Sign In</a>

<?php echo form_close() ?>

</div>

</div>

reserved.</br><b>Version</b> 1.0.0</center>

</body>

</html>

Codingan dari view register ini tidaklah jauh berbeda dengan login, hanya saja kalian harus menambahkan beberapa inputan sesuai kalian inginkan sebagai data yang akan disimpan tentunya kedalam database. Jangan lupa jika ingin menambahkan inputan anda harus menambahkannya di database semua, jika tidak database akan menolaknya karena data tidak ada.

Jika kalian sudah mengikuti langkahnya dengan benar, selanjutnya kita mengetest apakah berjalan dengan baik atau tidak. Jika benar maka tampilannya akan seperti dibawah ini.

Tampilan Login.

Tampilan Register.

Catatan :

Jika anda teliti saat login, disitu anda menemukan tulisan eror dengan hitungan detik saja dan langsung menuju ke menu utama dari admin. Itu sebenarnya tidak apa-apa dan proses dapat berjalan dengan semestinya. Jika kalian dapat memperbaikinya malah lebih bagus karena itu cukup mengganggu dalam website yang kita buat, apalagi jika dosen yang nilai project kita melihat dengan teliti, pasti dia akan marah karena terdapat eror pada login. Oleh karena itu jika anda mengetahui eror tersebut silahkan anda komen dibawah karena disini kita sama-sama belajar dari kesalahan project yang kita buat.

Sekian dulu dari saya pada artikel login menggunakan codeigniter , jika anda tipe orang yang tidak sabaran silahkan download projectnya di https://github.com/kalebmolewe/Membuat-login-simple-pada-codeigniter

Selamat mencoba dan semoga berhasil ☺❤☺❤✌