Cara menggunakan menghubungkan json dengan html

Mengakses data JSON Menggunakan Javascript

pada posting Sebelumnya saya sudah sharing cara mengakses JSON dengan php  kali ini saya akan sharing cara mengakses JSON menggunakan javascript, untuk projectnya kita menggunakan project yang sama, kita cuma menambahkan file baru yaitu produk.html




  
  Javascript - JSON
  
  

  
  
  




  

Daftar Produk


 
   
           
             
   
 
 
          
       

dan kita tambahkan javascript seperit dibawah ini dengan nama script.js


this.getAllProduk();

$('#produkname').on('keyup', function(e){
    if(e.keyCode == 13)
    {        
        let namaproduk = $('#produkname').val(); 
        $.getJSON('data.json', function(data){
            let produk = data.produk;
            let content = '';

            $('#daftar-produk').html(content);

            $.each(produk, function(i, data){                
                var S = data.namaproduk.toLowerCase();
                if(S.includes(namaproduk.toLowerCase())){
                    $('#daftar-produk').append('
'+ data.namaproduk +'

Harga Rp. '+ data.harga +'

Beli
');                 }             });         });         $('#produkname').val("");     } }) $('#btn-refresh').on('click', function(){     getAllProduk(); }); function getAllProduk(){     $('#daftar-produk').html('');     $.getJSON('data.json', function(data){         let produk = data.produk;         $.each(produk, function(i, data){             $('#daftar-produk').append('
'+ data.namaproduk +'

Harga Rp. '+ data.harga +'

Beli
');         })     }); }

dan silahkan di coba dan lihat hasilnya :D, semoga bermanfaat

Membuat Project Baru di Laravel

Setelah membahas mengenal laravel pada postingan  Sebelumnya , pada postingan kali ini saya akan sharing cara membuat project baru di laravel. Sebelum membuat project baru pastikan sudah meng-install composer laravel jika belum bisa di download  Disini . untuk IDE saya sarankan menggunakan Visual Studio Code.  Sebelum membuat project laravel, Pastikan komputer/laptop terhubung internet. Ok lansung saja kita mulai step-step membuat project baru di laravel : Buka command line di folder tempat kita akan meletakkan file project kita dengan cara klik kanan + tombol shift kemudian tuliskan command berikut : contoh disini saya akan membuat project seperti digambar berikut : Setelah command line dijalankan, tuliskan command berikut : composer create - project -- prefer - dist laravel / laravel nama_project nama project yang saya buat adalah Latihan1, setelah itu tekan enter dan tunggu proses instalasi laravel sampai selesai. Setelah proses instalasi

Laravel - Sistem Informasi Perpustakaan Sederhana Laravel

Cara menggunakan menghubungkan json dengan html

Postingan kali saya akan sharing membuat aplikasi perpustakaan sederhana menggunakan laravel 5.8, dimana terdapan menu Anggota, Kategori Buku, Daftar Buku dan Transaksi (Peminjaman/Pengembalian Buku). ok langsung saja kita buat project laravel dengan nama perpus : composer create-project --prefer-dist laravel/laravel perpus setelah create project laravel-nya selesai kita buat database melalui localhost/phpmyadmin dengan nama db_perpus, lalu kita buka project laravel dengan code editor disini saya menggunakan visual studio code. Setelah project kita buka dengan code editor, pertama kita atur koneksi database yang ada di file .env, kita rubah menjadi seperti berikut : note : untuk db_username dan db_password di sesuiakan dengan configurasi masing-masing. Selanjutnya kita tambahkan 4 buah data migration yaitu : table_anggota, table_kategori, table_buku, table_transaksi, kita buka terminal dan jalankan command berikut :  php artisan make:migration create_t

PHP MySql CRUD Dengan Konsep MVC

Pada postingan kali ini saya akan sharing cara membuat CRUD dengan php menggunakan konsep MVC, ok langsung saja buka code editor (saya menggunakan sublime text) dan buat folder baru dengan nama phpmvc didalam folder htdocs kalian dan tambah folder seperti berikut :  Setelah itu kita siapkan database di mysql, buat database dengan nama phpmvc dan tablenya seperti gambar berikut : tambahkan file config.php didalam folder app/config : model('User_model')->getUser()