Membuat Form menggunakan CodeIgniter - elissindi/Form-CI GitHub Wiki

Langkah-Langkah

Unduh CodeIgniter di codeigniter.com pilih versi yang diinginkan.

!

ekstrak file yang sudah di download. Lalu, pindahkan ke XAMPP/htdocs, saya mengubah nama folder menjadi ci4.
Unduh tampilan form. Saya menggunakan Stisla. Buka alamat website Stisla. Kemudian, klik pada Button Download.

Setelah diarahkan ke github. Klik pada Code, lalu pilih Download ZIP untuk mengunduh file.

Setelah selesai diunduh. ekstrak file tersebut, lalu salin folder yang ada di file stisla tersebut.

Buat folder baru di XAMPP/htdocs/ci4/public dengan nama template. kemudian tempel beberapa folder yang disalin tadi.
Jalankan XAMPP dan Apache. Buka browser, dan buka localhost/phpmyadmin untuk memulai membuat database. Buat database baru dengan nama form_login. dan isi tabel User yang memiliki beberapa kolom seperti pada gambar. Jika sudah, Klik tombol Save.
Berikut adalah struktur dari tabel User yang telah dibuat.
Buka file editor, buka folder ci4 yang tadi kita unduh. Buka file App.php di App/Config/Boot. Ubah alamat pada public $baseURL dan hapus alamat tujuan pada $indexpage sesuaikan seperti gambar berikut.

sebelum diedit

sesudah diedit
Buka file Database.php yang berada di folder yang sama. pada username isi 'root' dan pada Database isikan nama database yang tadi dibuat untuk form login.
Pada file env tambahkan titik seperti berikut.

Sebelum diubah

Sesudah diubah

Lalu, pada # CI_ENVIRONMENT ubah production menjadi development.
Buka Views kemudian pada folder templates.

Buat beberapa file seperti pada gambar berikut.
Buka file Auth-login.html dari folder Public/Template/Pages yang merupakan file tampilan dari form.

Salin bagian Head dari file ini.

Kemudian, tempel pada file header.php yang tadi dibuat di folder Views/templates.

Salin bagian body berikut, ke file login.php

Salin bagian berikut ke file footer.php
Buka file user.php dari folder ci4/App/Controllers
Pada file user.php, buat class user yang berisikan function index data. untuk membuat tampilan title dan tampil.
Pada file content.php, masukkan perintah berikut untuk memanggil tampil, dan mencetaknya.
pada file wrapper.php masukkan perintah berikut untuk mencetak file header, content, dan footer.
Bukan file App/Config/Routes.php untuk membuat jalur. Ubah file seperti gamabr berikut.

Sebelum diubah

Setelah diubah
Tampilan menjadi seperti di bawah ini. masih bernama Login - Stisla.
Buka file Header.php, kemudian ubah bagian title nya.

Sebelum diubah

Sesudah diubah

Hasil
Pada file footer.php ubah menjadi seperti gambar di bawah ini.

Pada file Header.php ubah menjadi seperti di bawah ini.

Pada file login.php, ubah alamat foto logo di simpan untuk menampilkan gambar logonya.

Hasil Tampilannya.
Salin isi dari file berikut.

Lalu, tempel pada file register.php.

Hapus bagian header, sisakan hanya bagian body hingga akhir.

Ubah alamat gambar logo sesuai alamat logo yang digunakan.
Pada file login.php hapus bagian login dengan social media, karena tidak dibutuhkan.

Ubah perintah menjadi sepertiberikut agar url halaman tujuan ke register.

Tampilannya menjadi seperti berikut.
Pada file user.php tambahkan function register seperti berikut.

Ubah alamat gambar logo.

Hapus bagian yang tidak diperlukan.

Tambahkan skrip berikut untuk memberikan form action.

Tampilan halaman register.
Buat file M_User.php pada folder ci4/Models. berisikan skrip berikut.
Pada file user.php, tambahkan function regis.
Pada login.php tambahkan skrip berikut, untuk memberikan alert di halaman login ketika sudah melakukan registrasi.

Tampilan alert di halaman login setelah sukses melakukan registrasi.
Buat file di folder ci4 dengan nama koneksi.php

Dengan isi seperti berikut.
Pada file login.php tambahkan skrip berikut, agar saat login kata sandi salah atau email salah akan muncul alert peringatan.