Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4 oleh - tentangmoz.xyz
Halo sahabat selamat datang di website tentangmoz.xyz, pada kesempatan hari ini kita akan membahas seputar Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4 oleh - tentangmoz.xyz, kami sudah mempersiapkan artikel tersebut dengan informatif dan akurat, silahkan membaca
Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4 â" Pada artikel kali ini kita akan membuat aplikasi untuk menampilkan fields data berdasarkan input dari textbox menggunakan CodeIgniter 4. Disini kita akan memanfaatkan event keyup dari javascript dan untuk proses pembacaan data kita akan menggunakan Ajax.
Aplikasi yang akan kita buat yaitu meng-input NIP pegawai pada textbox NIP dan akan menampilkan fields data pegawai seperti nama pegawai dan alamat sesuai dengan data NIP yang kita input pada Textbox.
Â
Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4
Download CodeIgniter 4.0.3
Silahkan anda Download terlebih dahulu CodeIgniter 4.0.3 disini
Setelah itu extract file framework-4.0.3.zip pada DocumentRoot webserver. Untuk XAMPP windows biasanya ada di C:\xampp\htdocs jika mengunakan Linux atau Ubuntu biasanya ada di /var/www/html/
Kemudian rename folder framework-4.0.3 hasil extract tadi menjadi ci4-keyupajax.
Selanjutnya masuk ke direktori public, kemudian pindahkan (cut) file index.php dan .htaccess ke direktori ci4-keyupajax.
Setelah itu buka file index.php tersebut yang sekarang berada pada direktori ci4-keyupajax. Edit $pathsPath menjadi seperti berikut:
1 2 3 4 | Â //$pathsPath = realpath(FCPATH . '../app/Config/Paths.php'); $pathsPath = realpath(FCPATH . '/app/Config/Paths.php'); Â |
Simpan file index.php
Untuk konfigurasi yang lain silahkan anda lihat pada artikel sebelumnya disini
Konfigurasi Awal CodeIgniter 4
Â
Database
Buat database baru dengan nama db_pegawai dan selanjutnya buat table dengan nama pegawai.
Dari command prompt ketikkan perintah berikut:
1 2 3 4 5 6 |  mysql -uroot -p  CREATE DATABASE db_pegawai; USE db_pegawai;  |
Â
Configuration
Database.php
Buka file Database.php pada folder app/Config, kemudian edit menjadi seperti berikut:
Simpan file Database.php
Â
App.php
Buka file App.php pada folder app/Config, kemudian edit baris-baris berikut:
1 2 3 4 5 6 7 8 9 | Â public $baseURL = 'http://localhost/ci4-keyupajax/'; Â public $indexPage = ''; Â public $uriProtocol = 'PATH_INFO'; Â public $appTimezone = 'Asia/Jakarta'; Â |
Simpan file App.php
Â
Models
Buat file baru dengan nama PegawaiModel.php pada folder app/Models, kemudian ketikkan script berikut:
Simpan file PegawaiModel.php
Â
Controllers
Buat file baru dengan nama Pegawai.php pada folder app/Controllers, kemudian ketikkan script berikut:
Simpan file Pegawai.php
Â
Views
Buat direktori baru dengan nama layouts pada folder app/Views
header.php
Buat file baru dengan nama header.php pada folder app/Views/layouts kemudian ketikkan script berikut:
Simpan file header.php
Â
footer.php
Buat file baru dengan nama footer.php pada folder app/Views/layouts kemudian ketikkan script berikut:
Simpan file footer.php
Â
pegawai.php
Buat file baru dengan nama pegawai.php pada folder app/Views kemudian ketikkan script berikut:
Simpan file pegawai.php
Â
Routes
Buka file Routes.php pada folder app/Config kemudian edit baris-baris berikut:
Simpan file Routes.php
Â
Testing
Jalankan web server kemudian buka browser dan ketikkan URL http://localhost/ci4-keyupajax/
Selanjutnya ketikkan NIP pegawai pada textbox NIP, misalnya 200500010

Sampai disini kita sudah berhasil membuat aplikasi yang menampilkan data fields pegawai berdasarkan input NIP pada texbox. Pada artikel selanjutnya kita akan bahas CodeIgniter 4 lebih jauh lagi.
Â
Â
Semoga bermanfaat.
Source Code bisa anda download disini:
Itulah tadi informasi dari poker idn mengenai Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4 oleh - tentangmoz.xyz dan sekianlah artikel dari kami tentangmoz.xyz, sampai jumpa di postingan berikutnya. selamat membaca.
0 comments:
Post a Comment