Breaking News
Loading...
Sunday, July 26, 2020

Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4 oleh - seputarperl.xyz

Halo sahabat selamat datang di website seputarperl.xyz, pada kesempatan hari ini kita akan membahas seputar Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4 oleh - seputarperl.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:

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:

 

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:

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

Gbr1 Keyup - Testing Input Texbox CodeIgniter 4
Gbr1 Keyup â€" Testing Input Texbox CodeIgniter 4

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 idn poker terpercaya mengenai Menampilkan Data Fields Berdasarkan Input Textbox CodeIgniter 4 oleh - seputarperl.xyz dan sekianlah artikel dari kami seputarperl.xyz, sampai jumpa di postingan berikutnya. selamat membaca.

0 comments:

Post a Comment

Quick Message
Press Esc to close