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 |
---|---|
|
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.
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.
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.