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:
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:
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:
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:
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:
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:
1 2 3 |  php artisan serve  |
Kemudian buka browser dan ketikkan URL http://localhost:8000
Selanjutnya ketikkan NIP pegawai pada textbox NIP, misalnya 200500015

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.
Post a Comment
0 Comments