Published December 26, 2021 by RIT with 0 comment

CARA LOGICAL QUERY OPERATOR AND PADA MONGO DATABASE

source logo : www.mongodb.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Di tutorial ini akan berbagi cara logical query operator yang terdiri dari $and, $or, $nor, $not penjelasan akan disertakan pada script nya langsung, Perbedaan operator logical ini menggabungkan beberapa operasi query, pada bab sebelumnya comparison query diawali dengan nama field nya, sedangkan logical query diawali dengan $operator dan didalam nya ada array karena logical query membandingkan beberapa query biasanya 2 atau lebih. Jadi syntax yang digunakan untuk $and, $or, $nor seperti ini :

berikut syntax dasar nya:
db.collection.find({
    $operator : [
        {
            // expression
        },
        {
            // expression
        }
    ]
})


Operator Keterangan
$and Saat semua kondisi nya sesuai atau true(benar) maka akan menampilkan dokumen nya sesuai dengan kondisi operatornya.
$or Kondisi salah satu telah terpenuhi maka true
$nor Jika semua kondisi false(gagal) maka kondisi terpenuhi
$not Berkebalikannya jika status operator true maka false atau dibalik jika false maka true


$and ( And ) Logical operator $and dimana saat semua kondisi nya sesuai atau true(benar) maka akan menampilkan dokumen nya sesuai dengan kondisi operatornya.

#Sample_syntax
// operator $and

db.data_guru.find({
    $and: [
        {
            status_guru:{ $in:["pns","honorer"] }
        },
        {
            umur:{ $gt: 20 }
        }
    ]
}).pretty()

#result_nya


$or ( Or )
Logical Operator $or dimana kondisi salah satu telah terpenuhi seperti contoh saat ingin menampilkan dokumen/data pada field status_guru yang isinya honorer maka syntax nya seperti berikut :

#sample_syntax
// operator $or

db.data_guru.find({
    $or: [
            {
                status_guru:"honorer"
            },
            {
                status_guru:"Guru Bantu"
            }
        ]
}).pretty()

#result_nya


$nor ( Not Or )
Logical operator $nor (Not Or) jika semua kondisi false(gagal) maka kondisi terpenuhi dalam praktek disini mencoba untuk menampilkan dokumen yang memiliki isi status guru pns atau honorer memang ada isi nya maka yang ditampilkan pada terminal adalah yang tidak sesuai dengan kondisi nya, berarti dokumen/data yang tidak memiliki field status_guru yang isinya pns atau honorer maka ditampilkan. berikut contoh syntax nya

#sample_syntax
// operator $Nor

db.data_guru.find({
    $nor: [
            {
                status_guru:"honorer"
            },
            {
                status_guru:"pns"
            }
        ]
}).pretty()

#result_nya


$not ( Not )
Pada Logical Operator $not berkebalikannya jika status operator true maka false atau dibalik jika false maka true, berikut aturan syntax nya

#basic_syntax
// basic syntax operator $not

db.collection.find({
    $field : {
        $not : {
            // expression
        }
    }
})


#sample_syntax
// operator $not

db.data_guru.find({
    status_guru:{
        $not:{
            $in:["pns"]
        }
    }
}).pretty()

#result_nya
Hasilnya akan menampilkan semua dokumen/data yang bukan PNS bahkan yang tidak memiliki field status guru juga tidak ditampilkan karena statusnya dianggap null

Logical operator $and dengan range.
Contoh sederhana nya pada syntax ini kita akan menampilkan field umur dokumen/data mulai dari umur 24 hingga umur 30, dengan status guru yang bukan honorer .

jika dibayangkan pada query mysql nya akan seperti ini :
select * from data_guru where umur between 18 and 40 and status_guru != 'honorer'

#sample_syntax
// operator $and

db.data_guru.find({
    $and: [
            {
                umur:{ 
                        $gte: 24,
                        $lte: 30
                    }
            },
            {
                status_guru:{
                    $ne: 'honorer'
                }
            }
        ]
}).pretty()

#result_nya
Pada gambar diatas ada yang tidak memiliki field status guru tetap ditampilkan, karena field umur nya diatas 24 dan field status_guru dianggap null, jika seandainya ada field nya dan isi nya honorer maka tetap tidak akan ditampilkan, jika field status_guru isinya pns maka akan ditampilkan seperti gambar diatas.



Demikian pembahasan logical operator pada mongodb, jika ada kesulitan mengenai pembahasan ini, bisa tinggalkan komentar dibawah ini. Terima Kasih
Thank's

TAG TAGS :
CARA LOGICAL QUERY OPERATOR DI MONGODB | CARA LOGICAL QUERY OPERATOR PADA DOKUMEN MONGODB | CARA LOGICAL QUERY OPERATOR MENGGUNAKAN MONGODB | HOW TO LOGICAL QUERY OPERATOR DATA USE MONGODB | HOW TO LOGICAL QUERY OPERATOR WITH MONGODB | $and on mongodb | $or on mongodb $nor on mongodb | $not on mongodb | $and with range on mongodb langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :
Read More
      edit
Published December 11, 2021 by RIT with 0 comment

TUTORIAL CARA COMPARISON QUERY OPERATOR II PADA MONGO DB

source logo : www.mongodb.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Pada tutorial sebelumnya telah membahas beberapa query comparisson $eq (equal) , $gt (greater than), $gte (greater than equal), $lt (lower than)$lte (lower than equal) kalian bisa kunjungi halaman tutorialnya disini https://langsungkoding.blogspot.com/2021/10/cara-comparison-query-operator.html sekedar lihat saja tidak masalah, tidak perlu dibaca semua juga boleh, bahkan langsung scroll ke script atau query tidak masalah,

Di tutorial ini akan berbagi cara comparison query di bagian ke II yaitu $in, $nin, $ne penjelasan akan disertakan pada script nya langsung,

Operator Simbol Keterangan
$in = Membandingkan Value Parameter yang terdapat didalam Array In
$nin > Membandingkan Value Paramaeter tidak ada dalam value yang ada di Array Not in
$ne >= Membandingkan Value Parameter tidak sama dengan Value lain Not Equal

#Sample_syntax $in ( In )

// In

db.data_guru.find({

    umur:{

        $in : [ 22 ]

    }

}).pretty()

#Result $in ( In )


#sample_syntax $nin ( Not In )

// Not in

db.data_guru.find({

    umur:{

        $nin : [ 23,22 ]

    }

}).pretty()

#Result $nin ( Not In )


#Sample_syntax $ne ( Not Equal )

// Not equal

db.data_guru.find({

    umur : {

        $ne : 20

    }

}).pretty()

#Result $ne ( Not Equal )



Terima Kasih
Thank's

TAG TAGS :
CARA QUERY COMPARISON DI MONGODB | CARA QUERY COMPARISON PADA DOKUMEN MONGODB | CARA QUERY COMPARISON MENGGUNAKAN MONGODB | HOW TO QUERY COMPARISON DATA USE MONGODB | HOW TO QUERY COMPARISON DOCUMENT WITH MONGODB | $ni on mongo | $nin on mongo $ne on mongo langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :
Read More
      edit
Published October 19, 2021 by RIT with 0 comment

TUTORIAL CARA COMPARISON QUERY OPERATOR

source logo : www.mongodb.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Dalam database relational adalah operator sedangkan pada mongo database adalah comparasion tapi tetap saja. apapun database nya juga akan di namakan komparasi atau operator.

dalam comparasion / operator jika di database relational menggunakan simbol seperti ini =, >, <, <=, >=. Berbeda dengan mongo database, menggunakan awalan dolar seperti ini:

Operator Simbol Keterangan
$eq = Membandingkan parameter value dengan parameter value lain (equal)
$gt > Membandingkan parameter value lebih besar parameter value (greater than)
$gte >= Membandingkan parameter value lebih besar atau sama dengan parameter value lain (greater than equal)
$lt < Membandingkan parameter value lebih kecil dari value lain (lower than)
$lte <= Membandingkan parameter value lebih kecil atau sama dengan parameter value lain (lower than equal)

#Sample_syntax $eq ( equal )

// select * from customers where _id = '1'

db.biodataku.find({

    _id: {

        $eq: 1

    }

});


#Sample_syntax $gt ( greater than )

// select * from customers where umur = '29'

db.biodataku.find({

    umur: {

        $gt: 29

    }

}).pretty();


#Sample_syntax $gte ( greater than equal )

db.biodataku.find({

    umur: {

        $gte: 20

    }

}).pretty();


#Sample_syntax $lt ( lower than )

db.biodataku.find({

    umur: {

        $lt: 20

    }

}).pretty();


#Sample_syntax $lte ( lower than equal )

db.biodataku.find({

    umur: {

        $lte: 22

    }

}).pretty();




Terima Kasih
Thank's

TAG TAGS :
CARA QUERY COMPARISON DI MONGODB | CARA QUERY COMPARISON PADA DOKUMEN MONGODB | CARA QUERY COMPARISON MENGGUNAKAN MONGODB | HOW TO QUERY COMPARISON DATA USE MONGODB | HOW TO QUERY COMPARISON DOCUMENT WITH MONGODB | langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :
Read More
      edit
Published October 16, 2021 by RIT with 0 comment

TUTORIAL CARA QUERY PADA MONGO DATABASE

source logo : www.mongodb.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Cara query pada mongo database hampir sama seperti query yang ada pada database relational, dan juga bisa melakukan query pencarian dokumen yang pernah disimpan di collection. Berikut contoh scriptnya :


Langkah pertama jangan lupa, biasakan untuk masuk ke database nya terlebih dahulu
show dbs
use pilih_nama_database_nya

Lalu tampilkan terlebih dahulu isi collection(table jika di relasional database) nya , disini saya akan menggunakan database biodataku


#Sample_syntax
db.biodataku.find({}).pretty()



#Result



Jika sudah terlihat /tampil dokumen nya(row, record jika di relasional database), selanjutnya coba untuk menampilkan beberapa dokumen seperti mencari data yang di inignkan.

Dalam collection saya memiliki dokumen nama yang isinya vano, jadi saya ingin menampilkan hanya vano saja. Berikut script nya :


#Sample_syntax
db.biodataku.find({
	
	"nama" : "vano"
	
})


#Result


Dan jika menampilkan data dengan 2 attribut yang dimilikinya contoh saya ingin menampilkan dokumen id_ dan nama dari herlina. Berikut scriptnya :


#Sample_syntax
db.biodataku.find({ 
	
	"_id" : 1, 
	
	"nama" : "Herlina"
	
})



#Result
Karena saya input dokumen nya waktu itu menggunakan huruf besar diawal maka saat ingin menampilkan dokumen herlina, huruf H nya juga besar. karena jika huruf tidak besar, dokumen tidak dimunculkan. Berikut hasil dari gambar nya.


Dibawah ini adalah keterangan script untuk menampilkan dokumen pada mongodb
Function Keterangan
db.nama_collection.find().pretty() Menampilkan seluruh dokumen dengan rapi, karena ada script pretty()
db.nama_collection.find( parameter:paramaeter ) Hanya akan menampilkan dokumen yang sesuai dengan parameternya
lainnya ..... ? masih banyak script, bisa kunjungi dokumentasi di web resminya



Terima Kasih
Thank's

TAG TAGS :
CARA QUERY DATA DI MONGODB | CARA QUERY DATA PADA DOKUMEN MONGODB | CARA QUERY DATA MENGGUNAKAN MONGODB | HOW TO QUERY WHERE DATA USE MONGODB | HOW TO QUERY WHERE DOCUMENT WITH MONGODB | langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :
Read More
      edit
Published October 03, 2021 by RIT with 0 comment

TUTORIAL CARA INSERT DATA PADA MONGO DATABASE

source logo : www.mongodb.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Untuk menyimpan data ke mongodb, perlu dokumen dalam bentuk JSON (JavaScript Objek Notation).

Pada field _id jika tidak di isi maka akan otomatis secara random terisi dengan tipe data ObjectId.

Atau bisa juga secara eksplisit (maksudnya kita input sendiri nilai nya) membuat ObjectId baru dengan menggunakan perintah new Object baru dengan menggunakan perintah New ObjectId( )

Untuk perintah untuk insert dokumen pada mongodb

Dibawah ini adalah script untuk insert pada mongodb
Function Keterangan
db.nama_collection.insertOne(document) Menambah dokumen ke Collection
db.nama_collection.insertMany(array) Menambah banyak dokumen ke ke Array lalu akan diteruskan ke Collection
db.nama_collection.insert(One/array) Menambah satu dokumen/banyak dokumen


Untuk insert dokumen pada mongodb, masuk ke database terlebih dahulu dengan ketik use biodataku

Insert satuan dokumen seperti ini
// insertOne 

db.biodataku.insertOne({ 

	"nama" :  "Kiki" 

})

#Result insertOne




Untuk insert banyak dokumen seperti ini :

// insertMany

db.biodataku.insertMany([

	{ "nama" : "alfia" }, 

	{ "nama" : "vano" }

])


#Result insertMany




Jika Kita tampilkan semua isi database biodataku akan seperti gambar dibawah ini hasilnya :





Terima Kasih
Thank's

TAG TAGS :
CARA INSERT DATA DI MONGODB | CARA INSERT DATA PADA DOKUMEN MONGODB | CARA INSERT DATA MENGGUNAKAN MONGODB | HOW TO INSERT DATA USE MONGODB | HOW TO INSERT DOCUMENT WITH MONGODB | langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :
Read More
      edit
Published September 18, 2021 by RIT with 0 comment

CARA MEMBUAT FILE BAT UNTUK MONGO DATABASE

source logo : www.mongodb.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Pada tutorial ini akan berbagi cara membuat file .bat untuk mongo database. Kenapa membuat file .bat untuk mongo database..?? 
Agar saat ingin membuka koneksi mongo database dan masuk shell mongo database tidak perlu membuka CMD dan mengetik file direktorinya lagi.
Dengan cara ini bagi yang masih menggunakan cmd atau shell atau terminal pada windows 7 windows lainnya, akan mempermudah dan menyingkat waktu.
Serta lebih efisien walaupun sebenarnya bisa juga jika kita install db client atau UI nya. Baik langsung saja

1. Buka notepad nya, masukkan kode untuk membuka koneksi mongo database, jika sebelumnya mengikuti tutorialnya maka seperti ini :
1
2
3
4
5
6
7
8
@ECHO OFF
title koneksi_mongo_db
 
mongod --dbpath=C:\mongodb_nya\data
 
PAUSE
 
    

2. Simpan kode mongo database yang sudah di ketik pada notepad dengan menekan tombol CTRL + S atau klik FILE pilih SAVE, pilih tempat menyimpan, simpan di dekstop saja agar mudah akses nya. 
Beri nama koneksi_mongo_db.bat klik SAVE. Coba lihat pada dekstop atau layar tampilan awal. akan ada file dengan nama koneksi_mongo_db dengan icon dua gear.

3. Selanjutnya membuka shell mongo database agar kita bisa membuat create database, create collection, dll. Masih sama seperti cara nomor satu, buka notepad lalu copy kode dibawah ini, lalu pastekan pada notepad.
1
2
3
4
5
@ECHO OFF
 
mongo
 
PAUSE

4. Simpan kode mongo database yang untuk membuka shell mongo database caranya masih sama seperti nomor dua. tekan tombol CTRL + S atau klik FILE pilih SAVE beri nama db_mongo_shell.bat

5. Selanjutnya untuk membuka koneksi mongo database klik file koneksi_mongo_db yang telah dibuat tadi. Hasil nya akan seperti gambar di bawah ini.


6. Setelah berhasil dijalankan, selanjutnya membuka/masuk shell mongo database nya. Dengan klik FILE db_mongo_shell Hasilnya akan seperti gambar dibawah ini.


7. Selanjutnya coba tampilkan database yang ada, dengan ketik show dbs pada shell mongo nya, hasilnya akan seperti gambar dibawah ini.


Terima Kasih
Thank's

TAG TAGS :
CARA MEMBUAT FILE .BAT | CARA MEMBUAT FILE .BAT DENGAN NOTEPAD| CARA MEMBUAT FILE .BAT UNTUK MONGO DATABASE | CARA KONEKSI MONGNO DATABASE DENGAN FILE .BAT | CARA KONEKSI MONGNO DATABASE DENGAN FILE BAT | CARA MEMBUKA SHELL MONGO DATABASE DENGAN FILE BAT | CARA MEMBUKA SHELL MONGO DATABASE DENGAN FILE .BAT | langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :
Read More
      edit
Published July 26, 2021 by RIT with 0 comment

CARA MENGGUNAKAN SWEET ALERT 2


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Ditutorial ini akan berbagi cara menggunakan sweet alert, mungkin tidak selengkap dokumentasinya, saya hanya menampilkan sweet alert sesuai dengan kebutuhan saya saja, dimana sweet alert yang saya gunakan yaitu saat user berhasil menyimpan data atau menghapus data

maka sweet alert akan muncul, karena alert yang biasa sudah saya rasa membosankan, saya menggunakan sweet alert. dan berikut langkah-langkah nya.

Sebelum koding atau copy paste script sweet alert nya baik dari blok ini atau pun langsung dari situs resmi sweet alert anda harus memasukkan link css atau lin js yang disediakan oleh sweet alert. Berikut link nya jika ingin secara online :

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>



Kalian bisa download sweet alert melalui npm juga npm install sweetalert2 , setelah selesai download nya kalian bisa pindah sweet alert nya ke dalam projek anda atau ke folder yang inginkan. lalu panggi seewt alertnya dengan kode yang biasa kalian lakukan contoh seperti ini :

<script src="sweetalert2.all.min.js"></script>

letakkan kode sweet alert diatas sendiri atau dibawah sendiri dari script anda.



Selanjutnya adalah cara menggunakan sweet alert yang mungkin akan biasa diguanakan seperti contoh diatas yang sudah saya sebutkan, dimana sweet alert akan muncul jika aplikasi telah berhasil menyimpan, mengubah data atau menghapus data.

Berikut ini hanya contoh dari kode sweet alert yang sederhana. Kalian bisa mengembangakannya sendiri.

<button class="btn btn-warning" onclick="warning()">Sweet Alert Warning</button>
 
<script type="text/javascript">
 
    function warning(){
        Swal.fire({
          position: 'center',
          icon: 'warning',
          title: 'Data Tidak Terdaftar',
          showConfirmButton: true,
          confirmButtonColor: '#3085d6'
        })  
    }
</script>

Hasilnya akan seperti gambar dibawah, dimana saat menekan tombol nya sweet alert akan menampilkan alert atau notif seperti gambar dibawah ini.


Sekarang kita coba sweet alert yang lain, seperti saat user menekan tombol delete maka akan sweet alert akan menampilkan notif persetujuan terlebih dahulu. berikut script pada sweet alert nya :


<button class="btn btn-danger" onclick="deleted()">Sweet Alert Warning</button><br>
 
<script type="text/javascript">
    function deleted(){
        Swal.fire({
          title: 'Apakah Anda Yakin ?',
          text: "Data Anda Tidak Dapat di Kembalikan ..",
          icon: 'warning',
          showCancelButton: true,
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#d33',
          confirmButtonText: 'Ya, Hapus Data ini!',
          cancelButtonText: 'Tidak..',
        }).then((result) => {
          if (result.isConfirmed) {
            Swal.fire(
              'Deleted!',
              'Berhasil Dihapus.',
              'success'
            )
          }else{
            Swal.fire(
              'Warning..!',
              'Gagal Dihapus.',
              'warning'
            )             
          }
        })      
    }
</script>


script sweet alert diatas akan menampilkan seperti gambar dibawah ini :
sweet alert 2


jika user memilih tombol Ya Hapus Data ini! maka sweet alert akan menampilkan notif lagi serperti gambar dibawah ini :
sweet alert 2


Jika user memilih tombol Tidak maka sweet alert akan menampilkan notif lagi seperti gambar dibawah ini.
sweet alert 2



Terima Kasih
Thank's

TAG TAGS :
sweet alert || sweetalert || cara menggunakan sweet alert || how to use sweet alert in php || sweet alert bahasa indonesia || sweetalert2 || how to custom sweet alert || how to custom color button confirm sweet alert || how to custom color button cancel in sweet alert langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :

SOURCE :
Read More
      edit
Published July 10, 2021 by RIT with 0 comment

CARA BREAK PAGE BARU SAAT SUDAH ADA 6 ROW DENGAN PHP

source logo : www.php.com

CARA BREAK PAGE DENGAN PHP

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Pada kasus ini saat saya sedang membuat kartu barang kurang lebih seperti kartu indentitas seperti ktp hanya saja namanya berisi atribut seperti nama barang, kondisi barang, lokasi barang dll. Saya mengalami kesulitan saat mau print, dimana saat pindah halaman baru ada beberapa kartu yang kepotong karena sudah tidak menemukan tempat. Struktur html nya adalah seperti dibawah ini


<div >
    <div>
        <table>
            <tr>
                <td>nama_barang</td>
                <td><?php echo $row['nama_barang'];  ?></td>
            </td>
        </table>
    </div>
</div>



Setelah cari solusi di google selama 3 hari saya, yang saya temukan hanya script css nya saja seperti ini page-break-after: always; namun setelah saya coba cari stackoverflow saya menemukan scriptnya seperti ini :

#script_nya :

<?php 
    $q = "SELECT * FROM tb_sarpras";
    $myq = mysqli_query($link, $q);
    $fixtures ='';
    $i=0;
        while($row=mysqli_fetch_assoc($myq)) {
            $r[]=$row;
        }
 
 
        foreach ($r as $isi) {
            $i++;
    ?>
 
    <table>
        <tr>
            <td><?php echo $isi['nama_barang']; ?></td>
        </tr>
    </table>
 
<?php
        if($i % 6==0){
            echo '<div style="page-break-after: always;">[------ break ------]</div>' . PHP_EOL;
        $i=0;
        }
    }
 
    ?>

#result_nya :


Di script saya memasukkan perulangan while untuk mengeluarkan data nya dan dimasukkan ke dalam array lalu dikeluarkan dengan menggunakan foreach lalu pada script if($i % 6==0) adalah untuk menampilkan data sebanyak 6 kali setelah 6 kali. maka script page-break:after; akan dijalankan, maka jadilah seperti gambar diatas.

Setelah saya membuat script diatas saya mempercantik nya dengan menggunakan framework BULMA FRAMEWORK CSS dengan tanpa menggunakan class="is-multiline" karena jika tetap digunakan, fungsi page-break-nya tidak berfungsi. jadi hasilnya akan terpotong. Di akhir artikel kalian bisa kunjungi link yang sudah saya sediakan cara multiline atau istilah lainnya cara agar table berdampingan.

Berikut hasilnya jika ditekan ctrl dan P pada keyboard :


Terima Kasih
Thank's

TAG TAGS :
after count 4 page break print in php | after count 4 br in php | menampilkan beberapa div dengan page break | after count 4 page break print in php site:stackoverflow.com | cara break page baru saat sudah ada 6 row dengan php | langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :

SOURCE :
Read More
      edit
Published July 02, 2021 by RIT with 0 comment

CARA MENGUNAKAN LIBRARY DATATABLES

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

how to this.M_Modal is undefined
source logo : www.freebiesupply.com


Ditutorial jquery ini akan berbagi cara menampilkan data pada table menggunakan jquery DataTables , tentunya akan membutuhkan library jquery dan jquery dataTables nya disini. kalian bisa download langsung ke website resminya, baik langsung saja langkah awal adalah membuat database dulu berikut adalah struktur database nya sebelum menampilkan datanya ke dalam dataTables

cara menggunakan library dataTables


Berikut kode awal nya yaitu berupa link dan source library DataTables


<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">

<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>


Pada script ini untuk menampilkan data dari database nya pada dataTables, tentunya jangan lupa, untuk membuat script koneksi ke databasenya dulu, pada script di bawah ini sudah ada script terhubung dengan database

<table id="example" class="display" style="width:100%">
  <thead>
    <tr>
      <th>Name</th>
      <th>City</th>
      <th>Country</th>
      <th>Date Birth</th>
    </tr>
  </thead>
  <tbody> 
    <?php 
	    $connection = mysqli_connect($server="localhost",$username="root",$password="",$database="test");
	?> 
	
	<?php 
		$query = "SELECT * FROM tb_users";
		$myq = mysqli_query($connection, $query);
		
		while( $row = mysqli_fetch_assoc($myq) ){
	?> 
	
	<tr>
      <td> <?php echo $row['name']; ?> </td>
      <td> <?php echo $row['city']; ?> </td>
      <td> <?php echo $row['country']; ?> </td>
      <td> <?php echo $row['date_birth']; ?> </td>
    </tr> 
    <?php } ?> 
    </tbody>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>City</th>
      <th>Country</th>
      <th>Date Birth</th>
    </tr>
  </tfoot>
</table>


Pada script berikut adalah script jquery untuk memanggil fungsi-fungsi dataTables nya sesuaikan dengan nama atribut pada tag Table nya, pada tag Table nya saya memberi nama id="example" maka pada script ini di ketik $("#example").DataTable();

<script type="text/javascript">
   
   $(document).ready(function() {
      $('#example').DataTable();
   });
   
</script>



berikut Hasilnya :



Terima Kasih
Thank's


TAG TAGS :
CARA Mengunakan Library DataTabales | CARA Mengunakan Library DataTabales Pada JQUERY | DataTables dengan menggunakan JQUERY | DataTables Libarry DENGAN JQUERY | JQUERY LIBRARY | DataTables Library | LANGSUNGKODING |


BACA JUGA :




Read More
      edit
Published June 26, 2021 by RIT with 1 comment

PENGHITUNG PAJAK ONLINE

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Aplikasi Penghitung Pajak, silahkan klik tombol dibawah ini

Aplikasi Penghitung Pajak || Aplikasi Penghitung Pajak || Aplikasi Penghitung Pajak || Aplikasi Penghitung Pajak || Cara Menghitung Pajak 10% || Menghitung Pajak 10%

Harga
Qty
Status Pajak
Pajak (%)
Harga Pajak Harga + Pajak
0 0 0

Terima Kasih
Thank's


TAG TAGS :
Pajak Online | Pajak | Pajak 10% | Script Pajak | Cara Mencari Harga Sebelum Pajak | Mencari Harga Sebelum PAjak | MEncari Harga + Pajak | Cara Menghitung Harga Pajak


BACA JUGA :

SOURCE :


Read More
      edit
Published June 19, 2021 by RIT with 0 comment

CARA MEMBUAT QR CODE DENGAN JQUERY

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

how to this.M_Modal is undefined
source logo : www.freebiesupply.com


Ditutorial jquery ini akan berbagi cara menampilkan qr code menggunakan jquery, tentunya akan membutuhkan library jquery dan jquery qr_code nya. kalian bisa download langsung ke website resminya atau bisa dowbnload disini saya sudah menyediakan nya

berikut code qr code nya :

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="qr_code/jquery.qrcode.js"></script>
<script type="text/javascript" src="qr_code/qrcode.js"></script>
<div id="qrcodeTable"></div>

<script type="text/javascript">

   $(document).ready(function() {

      $('#qrcodeTable').qrcode({

         width: 64,
         height: 64,
         text: "code 1234567890"
         
      });

   });

</script>


Pada baris ini posisinya jangan di ubah agar tidak terjadi error

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="qr_code/jquery.qrcode.js"></script>
<script type="text/javascript" src="qr_code/qrcode.js"></script>


Pada baris berikut adalah untuk set ukuran barcode nya sebesar 64 piksel dan pada code text adalah tulisan yg ingin kita tampilkan kedalam barcodenya saat kita scan barcodenya

<script type="text/javascript">

   $(document).ready(function() {
       
      $('#qrcodeTable').qrcode({
         width: 64,
         height: 64,
         text: "code 1234567890"
      });
      
   });
   
</script>



berikut Hasilnya :



Terima Kasih
Thank's


TAG TAGS :
CARA MENAMPILKAN QR CODE DENGAN JQUERY | CARA MENGGUNAKAN QR CODE PADA JQUERY | QR CODE DENGAN MENGGUNAKAN JQUERY | QR CODE DENGAN JQUERY | JQUERY LIBRARY | JQUERY | LANGSUNGKODING |


BACA JUGA :




Read More
      edit