Database Operations

18 mnt

melakukan operasi database tanpa server pendahuluan bagian ini menjelaskan cara mengimplementasikan crud (buat, baca, perbarui, dan hapus) operasi dalam lingkungan javascript melalui back4app ini juga menyediakan potongan kode dan lingkungan online untuk mengeksekusi dan menguji kode anda tanpa pengaturan lokal lihat lebih lanjut tentang parse sdk di referensi api parse javascript sdk https //parseplatform org/parse sdk js/api/4 3 1/ dan dokumentasi sumber terbuka parse untuk javascript sdk https //docs parseplatform org/js/guide/ prasyarat tidak ada persyaratan tambahan selain memiliki pengetahuan dasar tentang javascript opsional untuk menyelesaikan tutorial ini menggunakan aplikasi anda sendiri, anda akan membutuhkan sebuah aplikasi yang dibuat dan dikonfigurasi untuk javascript di back4app catatan ikuti tutorial instal parse sdk javascript https //www back4app com/docs/javascript/parse javascript sdk untuk mempelajari cara melakukannya 1 siapkan lingkungan panduan ini menggunakan platform jsbin https //jsbin com/ sebagai editor kode sangat mudah digunakan, yang perlu anda lakukan adalah membuka halaman utamanya dan mengklik tombol \html\ , \javascript\ dan \console\ langkah pertama untuk mulai coding adalah menyertakan parse api dan menambahkan kunci aplikasi anda untuk tutorial ini, sebuah aplikasi back4app publik telah dibuat sehingga anda dapat memeriksa perubahan anda di database tanpa harus membuat aplikasi anda sendiri opsional untuk memeriksa database parse untuk contoh ini, anda perlu membuat aplikasi anda sendiri dan mengakses opsi \parse dashboard\ untuk menyertakan parse api dalam aplikasi anda, tambahkan baris kode berikut di dalam tag head \html\ kemudian tambahkan kredensial anda di awal \javascript\ file kunci default adalah yang terkait dengan aplikasi publik kami //paste your application key and javascript key, respectively parse initialize("your application id", "your javascript key"); parse serverurl = "https //parseapi back4app com/"; dalam tutorial ini, kita akan membangun operasi crud berdasarkan kelas pet yang memiliki field nama dan usia, di mana nama adalah string dan usia adalah angka karena itu, kode harus dimulai dengan membuat subclass dari kelas pet agar dapat digunakan nanti dalam fungsi kita, seperti yang ditunjukkan di bawah var pet = parse object extend("pet"); semua operasi dasar akan mengharuskan pengguna untuk menyebutkan nama pet yang diinginkan dengan cara itu, buatlah variabel global “textname” ini juga merupakan ide yang baik untuk membuat satu “textage”, yang akan digunakan dalam metode create dan update var textname = "myname"; var textage = 10; 2 buat fungsi \buat\ akan membuat hewan peliharaan baru dengan nama dan usia yang anda berikan di variabel “textname” dan “textage” untuk membangun fungsi itu, cukup ikuti langkah langkah berikut buat instance baru dari kelas hewan peliharaan parse dengan perintah gunakan \set\ fungsi untuk mengatur parameter untuk objek ini panggil \save\ fungsi, yang akan mendaftarkan hewan peliharaan ke database anda di \parse dashboard\ anda dapat membuka fungsi buat javascript back4app https //jsbin com/bozuguh/edit?html,js,console untuk melihat kode yang telah diimplementasikan kode untuk fungsi \buat\ ditulis di bawah ini create js create(); function create() { mypet = new pet(); mypet set("name", textname); mypet set("agepet", textage); mypet save() then(function(pet){ console log('pet created successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); }) catch(function(error){ console log('error ' + error message); }); } untuk mengujinya, tempelkan potongan kode ini di file javascript di jsbin https //jsbin com/?html,js,output , klik pada tombol \jalankan\ di bagian konsol dan tunggu hasilnya ini harus mencetak bahwa hewan peliharaan telah berhasil dibuat untuk mengonfirmasi bahwa objek baru ada di database, anda dapat mengakses \parse dashboard\ atau anda dapat mengkodekan fungsi \baca\ 3 baca fungsi \baca\ bertanggung jawab untuk menanyakan database dan mengembalikan objek yang sesuai dengan kriteria pencarian anda ini juga dapat digunakan untuk memeriksa keberadaan suatu objek berikut adalah panduan langkah demi langkah untuk membangun fungsi \baca\ anda sendiri buat sebuah instance dari kelas query parse tambahkan batasan pada kueri anda untuk membatasi pencarian lebih banyak opsi batasan dapat ditemukan di dokumentasi kueri parse http //docs parseplatform org/js/guide/#query constraints lakukan metode pencarian query tutorial ini akan menggunakan \query first\ untuk mendapatkan hanya elemen pertama yang sesuai dengan kriteria anda jika operasi berhasil, objek hewan peliharaan akan dikembalikan jika tidak ada objek yang ditemukan, objek yang dikembalikan akan memiliki nilai tidak terdefinisi anda dapat membuka fungsi baca javascript back4app https //jsbin com/roziroy/edit?html,js,output untuk melihat kode yang telah diimplementasikan kode untuk \baca\ fungsi adalah sebagai berikut read js read(); function read() { query = new parse query(pet); query equalto("name", textname); query first() then(function(pet){ if(pet){ console log('pet found successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); } else { console log("nothing found, please try again"); } }) catch(function(error){ console log("error " + error code + " " + error message); }); } untuk menguji \baca\ fungsi, tempelkan potongan kode ke file javascript jsbin anda ketika kode dijalankan, itu akan mencetak usia hewan peliharaan yang ditemukan (jika ditemukan) atau akan mencetak bahwa tidak ada hewan peliharaan yang ditemukan jika saat menguji usia yang dicetak tidak sesuai dengan usia objek anda, itu berarti ada lebih banyak objek dengan nama yang sama, tetapi kueri anda hanya mengembalikan salah satunya jadi, untuk benar benar menguji \baca\ fungsi, buatlah objek dengan nama lain, yang belum pernah dibuat oleh siapa pun, lalu jalankan fungsi tersebut, yang akan mencetak usia objek dengan benar 4 perbarui untuk \perbarui\ fungsi, hewan peliharaan diteruskan sebagai parameter dan fungsi mengubah usianya menjadi yang anda berikan dalam variabel “textage” untuk menemukan hewan peliharaan yang akan diteruskan, kita menggunakan versi modifikasi dari \baca\ fungsi di bawah ini adalah langkah langkah untuk membuat fungsi \perbarui\ anda sendiri tulis fungsi baca yang dimodifikasi yang disebut \bacakemudianperbarui\ , yang memanggil \perbarui\ fungsi ketika berhasil menemukan hewan peliharaan dalam \perbarui\ fungsi, gunakan \set\ fungsi untuk memodifikasi parameter hewan peliharaan anda panggil \simpan\ fungsi untuk hewan peliharaan ini untuk mendorong perubahan ke database anda dapat membuka fungsi pembaruan javascript back4app https //jsbin com/jidinim/edit?html,js,output untuk melihat kode yang telah diimplementasikan berikut adalah kode untuk \readthenupdate\ fungsi dan \update\ fungsi update js readthenupdate(); function readthenupdate() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); update(pet); } else { console log("nothing found, please try again"); } }) catch(function (error) { console log("error " + error code + " " + error message); }); } function update(foundpet) { textname = "mynameupdated"; textage = 20; console log(textage); foundpet set('name', textname); foundpet set('agepet', textage); foundpet save() then(function (pet) { console log('pet updated! name ' + pet get("name") + ' and new age ' + pet get("agepet")); }) catch(function(error) { console log('error ' + error message); }); } untuk mengonfirmasi apakah \update\ fungsi berfungsi, tempelkan kode di atas ke dalam file javascript di halaman jsbin gunakan nama yang tidak biasa untuk objek anda agar tidak bertabrakan dengan pengguna lain, lalu ikuti langkah langkah ini 1\ buat objek dengan nama yang anda inginkan 2\ periksa bahwa objek telah dibuat dengan \read\ fungsi 3\ panggil \readthenupdate\ fungsi yang dibuat dalam topik ini dengan usia yang berbeda dari yang asli 4\ periksa apakah usia pet telah berubah dengan memanggil \read\ fungsi anda lagi 5 hapus fungsi \hapus\ menghapus hewan peliharaan yang diterima oleh fungsi \baca\ ini adalah tindakan yang tidak dapat dibatalkan, yang berarti anda harus berhati hati saat menggunakannya, terutama karena fungsi \baca\ anda mungkin mengembalikan lebih banyak objek daripada yang sebenarnya ingin anda hapus karena itu, disarankan untuk menghapus hanya satu objek pada satu waktu langkah langkah untuk menulis fungsi \hapus\ anda sendiri dapat ditemukan di bawah di akhir keberhasilan fungsi “baca” anda ( \bacakemudianhapus\ dalam contoh ini), lakukan panggilan untuk fungsi \hapus\ dalam fungsi \hapushewanpeliharaan\ , panggil metode hancurkan pada objek yang diterima “foundpet” anda dapat membuka fungsi hapus javascript back4app https //jsbin com/vubiqoq/edit?html,js,output untuk melihat kode yang telah diimplementasikan berikut adalah kode untuk \readthendelete\ fungsi dan \deletepet\ fungsi delete js readthendelete(); function readthendelete() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); deletepet(pet); } else { console log("nothing found, please try again"); return null; } }) catch(function (error) { console log("error " + error code + " " + error message); return null; }); } function deletepet(foundpet) { foundpet destroy() then(function(response) { console log('pet '+ foundpet get("name") + ' erased successfully'); }) catch(function(response, error) { console log('error '+ error message); }); } untuk mengujinya, disarankan untuk membuat objek dengan nama yang tidak biasa seperti fungsi lainnya agar tidak konflik dengan objek dari pengguna lain cukup tempelkan potongan kode ke jsbin dan jalankan kode dengan nama objek anda dan objek yang akan dihapus kemudian, anda dapat memanggil \read\ fungsi anda untuk memastikan bahwa tidak ada objek dengan nama tersebut jika fungsi read mengembalikan objek, yang seharusnya tidak, itu mungkin berarti anda memiliki lebih banyak objek dengan nama yang sama dan itu mengembalikan salah satunya sebagai \delete\ fungsi hanya menghapus satu objek anda dapat memeriksa objek anda dengan mengakses \parse dashboard\ anda selesai! pada titik ini, anda telah belajar bagaimana melakukan operasi crud dasar dengan javascript