Cara Membuat Tampilan Login Sederhana Menggunakan CI dan MySQLi

Hello Sobat Sederhana,

Pendahuluan

Sebagai seorang developer, mungkin Anda pernah mengalami kesulitan dalam membuat tampilan login yang mudah dipahami oleh pengguna. Salah satu cara untuk membuat tampilan login yang sederhana adalah dengan menggunakan PHP framework CodeIgniter (CI) dan MySQLi sebagai database. Dalam artikel ini, kita akan membahas langkah-langkah membuat tampilan login sederhana dengan menggunakan framework CI dan database MySQLi.

1. Persiapan

Sebelum memulai, pastikan bahwa Anda sudah memiliki environment development yang siap digunakan. Hal-hal yang harus Anda siapkan antara lain IDE, web server, dan database server.

1.1. Instalasi CodeIgniter

Pertama-tama, download dan ekstrak CodeIgniter dari situs resmi https://codeigniter.com/download. Selanjutnya, letakkan folder CodeIgniter di dalam direktori web server Anda.

1.2. Konfigurasi Database

Buka file application/config/database.php dan konfigurasikan koneksi database Anda. Anda dapat mengganti nama database, username, password, dan host sesuai dengan kebutuhan Anda.

2. Pembuatan Halaman Login

Sekarang, kita akan membuat halaman login sederhana dengan CI. Berikut langkah-langkahnya:

2.1. Membuat Controller Login

Buka file application/controllers/Login.php dan tambahkan kode berikut:

Kode
Penjelasan
load->view('login');}}
Membuat controller Login dengan method index yang menampilkan view login.php

Simpan file Login.php.

2.2. Membuat View Login

Buat file login.php di dalam folder application/views/ dan tambahkan kode berikut:

Kode
Penjelasan
Login

Login



Membuat tampilan login sederhana dengan form untuk memasukkan username dan password

Simpan file login.php.

2.3. Menampilkan Halaman Login

Buka browser Anda dan akses http://localhost/NamaFolderAnda/login untuk menampilkan halaman login.

TRENDING 🔥  Cara membuat lup sederhana dari plastik

3. Validasi Login

Sekarang, kita akan menambahkan validasi login. Jika username dan password yang dimasukkan tidak sesuai dengan yang terdaftar di database, maka akan muncul pesan error.

3.1. Membuat Model User

Buka file application/models/User_model.php dan tambahkan kode berikut:

Kode
Penjelasan
db->where('username', $username);$this->db->where('password', md5($password));$query = $this->db->get('users');if($query->num_rows() == 1){return $query->row_array();}else{return false;}}}
Membuat model User dengan method login yang melakukan validasi username dan password pada tabel users di database

Simpan file User_model.php.

3.2. Memodifikasi Controller Login

Buka file application/controllers/Login.php dan modifikasi kode menjadi seperti dibawah ini:

Kode
Penjelasan
input->post()){$username = $this->input->post('username');$password = $this->input->post('password');$this->load->model('User_model');$data = $this->User_model->login($username, $password);if($data !== false){// login berhasil}else{// login gagal}}$this->load->view('login');}}
Memodifikasi controller Login agar dapat melakukan validasi login dengan memanggil method login pada model User_model

Simpan file Login.php.

3.3. Menampilkan Pesan Error

Buka kembali file login.php dan tambahkan kode berikut di bawah form login:

Kode
Penjelasan
Menampilkan pesan error saat username atau password yang dimasukkan tidak sesuai dengan yang terdaftar di database

Simpan file login.php.

F.A.Q.

Apa itu CI?

CI adalah PHP framework yang digunakan untuk memudahkan proses pengembangan aplikasi web.

Apa itu MySQLi?

MySQLi atau MySQL Improved adalah ekstensi PHP yang menyediakan API untuk mengakses database MySQL. MySQLi menyediakan performa yang lebih baik daripada extensi MySQL yang lama.

Apa itu IDE?

IDE atau Integrated Development Environment adalah sebuah aplikasi yang digunakan untuk memudahkan pengembangan software. IDE membantu developer dalam menulis kode, debugging, dan pengujian aplikasi.

Apakah tutorial ini cocok untuk pemula?

Ya, tutorial ini cocok untuk pemula yang ingin belajar membuat tampilan login sederhana menggunakan CodeIgniter dan MySQLi.

TRENDING 🔥  Cara Pembuat Penyedot Asap Sederhana untuk Sobat Sederhana

Kesimpulan

Sekarang Anda sudah bisa membuat tampilan login sederhana menggunakan CodeIgniter dan MySQLi. Dengan memahami tutorial ini, Anda dapat mengembangkan aplikasi web dengan lebih mudah dan efisien. Jika Anda memiliki pertanyaan atau masukan, jangan ragu untuk menghubungi kami.

Semoga Bermanfaat dan sampai jumpa di artikel menarik lainnya.

Cara Membuat Tampilan Login Sederhana Menggunakan CI dan MySQLi