Tampilkan Bidang Data Berdasarkan Input Kotak Teks PHP 7

0
83

Tampilkan Bidang Data Berdasarkan Input Kotak Teks PHP 7 – Pada artikel ini kita akan membuat aplikasi untuk menampilkan bidang data berdasarkan input dari kotak teks menggunakan PHP 7. Di sini kita akan gunakan peristiwa keyup dari javascript dan untuk proses pembacaan data akan kita gunakan Ajax.

Aplikasi yang akan kita buat adalah memasukkan NIP karyawan di kotak teks NIP dan akan menampilkan bidang data karyawan sebagai nama karyawan dan alamat menurut data GIGIT bahwa kami masukan di Textbox.

Tampilkan Bidang Data Berdasarkan Input Kotak Teks PHP 7

Buat Proyek

Buat proyek baru dengan nama php7-keyupajax di Document_Root Server Web.
Di sini saya gunakan Laragon dengan Document_Root di C: laragon www. (Harap sesuaikan dengan Document_Root Anda).
Dari prompt perintah, ketik perintah berikut:

mkdir C:  laragon  www  php7-keyupajax

Basis data

Buat database baru dengan nama karyawan db_ lalu buat meja dengan nama karyawan.
Dari prompt perintah, ketik perintah berikut:

mysql -uroot -p

BUAT DATABASE db_people;
GUNAKAN db_person;

Lihat kode pada Gist.

Selanjutnya kita akan membuat file untuk terhubung ke database.

_connection.php

Buat file baru dengan nama _connection.php kemudian ketik ini skrip berikut:

Lihat kode pada Gist.

Menyimpan berkas _connection.php

Tampilan

Tata letak

Pertama kita buat 2 file itu adalah _header.php dan _footer.php untuk file tata letak aplikasi kita.

_header.php

Buat file baru dengan nama _header.php kemudian ketik ini skrip berikut:

Lihat kode pada Gist.

Menyimpan berkas _header.php

_footer.php

Buat file baru dengan nama _footer.php kemudian ketik ini skrip berikut:

Lihat kode pada Gist.

Menyimpan berkas _footer.php

employee.php

Buat file baru dengan nama employee.php kemudian ketik ini skrip berikut:

Lihat kode pada Gist.

Menyimpan berkas employee.php

find-nip.php

Buat file baru dengan nama find-nip.php kemudian ketik ini skrip berikut:

Lihat kode pada Gist.

Menyimpan berkas find-nip.php

index.php

Selanjutnya kita akan buat berkas indeks siapa yang akanredirect ke file employee.php
Buat file baru dengan nama index.php kemudian ketik ini skrip berikut:

Lihat kode pada Gist.

Menyimpan berkas index.php

Pengujian

Menjalankannya server web kemudian Buka browser dan ketik ini URL http: // localhost / php7-keyupajax /

Lanjut ketik ini GIGIT karyawan di kotak teks NIP, misalnya 200500002

Fig1 Keyup - Pengujian Input Texbox PHP 7
Fig1 Keyup – Pengujian Input Texbox PHP 7

Hingga saat ini kami telah berhasil membuatnya aplikasi yang menampilkan bidang data karyawan berdasarkan input NIP di texbox. Pada artikel selanjutnya kita akan membahas PHP 7 lebih jauh lagi.

Semoga bermanfaat.

Anda dapat mengunduh Kode Sumber di sini:

Unduh di GitHub
Unduh di GoogleDrive

LEAVE A REPLY

Please enter your comment!
Please enter your name here