Menampilkan Data Fields Berdasarkan Input Textbox Laravel 7 oleh - seputarphp.xyz

Halo sahabat selamat datang di website seputarphp.xyz, pada kesempatan hari ini kita akan membahas seputar Menampilkan Data Fields Berdasarkan Input Textbox Laravel 7 oleh - seputarphp.xyz, kami sudah mempersiapkan artikel tersebut dengan informatif dan akurat, silahkan membaca

Menampilkan Data Fields Berdasarkan Input Textbox Laravel 7 â€" Pada artikel kali ini kita akan membuat aplikasi untuk menampilkan fields data berdasarkan input dari textbox menggunakan Laravel 7. 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 field data pegawai seperti nama pegawai dan alamat sesuai dengan data NIP yang kita input pada Textbox.

 

Menampilkan Data Fields Berdasarkan Input Textbox Laravel 7

Create Project

Buat project baru dengan nama lara7-keyupajax.
Dari command prompt ketikkan perintah berikut:

cd H:\sourcecode composer create-project laravel/laravel lara7-keyupajax --prefer-dist

1 2 3 4

  cd H:\sourcecode composer create-project laravel/laravel lara7-keyupajax --prefer-dist Â

Database

Buat database baru dengan nama db_pegawai dan selanjutnya buat table dengan nama pegawai.
Dari command prompt ketikkan perintah berikut:

mysql -uroot -p CREATE DATABASE db_pegawai; USE db_pegawai;

1 2 3 4 5 6

  mysql -uroot -p   CREATE DATABASE db_pegawai; USE db_pegawai; Â

 

Configuration

Buka file .env pada root project dan kemudian edit bagian DB menjadi seperti berikut:

DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=db_pegawai DB_USERNAME=root // silahkan disesuaikan dengan user DB anda DB_PASSWORD=****** // silahkan disesuaikan dengan password DB anda

1 2 3 4 5 6 7 8

  DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=db_pegawai DB_USERNAME=root // silahkan disesuaikan dengan user DB anda DB_PASSWORD=****** // silahkan disesuaikan dengan password DB anda Â

Simpan file .env

 

Model

Buat model baru dengan nama Pegawai.
Dari command prompt ketikkan perintah berikut:

php artisan make:model Pegawai

1 2 3

  php artisan make:model Pegawai Â

Selanjutnya buka file Pegawai.php pada folder app dan edit menjadi seperti berikut:

Simpan file Pegawai.php

 

Controllers

Buat controller baru dengan nama PegawaiController.
Dari command prompt ketikkan perintah berikut:

php artisan make:controller PegawaiController

1 2 3

  php artisan make:controller PegawaiController Â

Selanjutnya buka file PegawaiController.php pada folder app/Http/Controllers dan edit menjadi seperti berikut:

Simpan file PegawaiController.php

 

Routes

Selanjutnya kita buat routingnya. Buka file web.php pada folder routes kemudian tambahkan script berikut pada baris paling akhir:

Simpan file web.php

 

Views

base.blade.php

Buat file baru dengan nama base.blade.php pada folder resources/views. Kemudian ketikkan script berikut:

Simpan file base.blade.php

 

pegawai.blade.php

Buat file baru dengan nama pegawai.blade.php pada folder resources/views. Kemudian ketikkan script berikut:

Simpan file pegawai.blade.php

 

Testing

Selanjutnya jalankan Laravel 7 dengan menggunakan perintah berikut:

php artisan serve

1 2 3

  php artisan serve Â

Kemudian buka browser dan ketikkan URL http://localhost:8000

Selanjutnya ketikkan NIP pegawai pada textbox NIP, misalnya 200500015

Gbr1 Keyup â€" Testing Input Texbox Laravel 7

Sampai disini kita sudah berhasil membuat aplikasi yang menampilkan data fields pegawai berdasarkan input NIP pada texbox. Pada artikel selanjutnya kita akan bahas Laravel 7 lebih jauh lagi.

Semoga bermanfaat.

Source Code bisa anda download disini:

Itulah tadi informasi mengenai Menampilkan Data Fields Berdasarkan Input Textbox Laravel 7 oleh - seputarphp.xyz dan sekianlah artikel dari kami seputarphp.xyz, sampai jumpa di postingan berikutnya. selamat membaca.