Database Operations

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 dan dokumentasi sumber terbuka parse untuk javascript sdk 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 untuk mempelajari cara melakukannya 1 siapkan lingkungan panduan ini menggunakan platform jsbin sebagai editor kode sangat mudah digunakan, yang perlu anda lakukan adalah membuka halaman utamanya dan mengklik tombol html html , javascript javascript dan console 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 parse dashboard untuk menyertakan parse api dalam aplikasi anda, tambahkan baris kode berikut di dalam tag head html html kemudian tambahkan kredensial anda di awal javascript 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 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 set fungsi untuk mengatur parameter untuk objek ini panggil save save fungsi, yang akan mendaftarkan hewan peliharaan ke database anda di parse dashboard parse dashboard anda dapat membuka fungsi buat javascript back4app untuk melihat kode yang telah diimplementasikan kode untuk fungsi buat 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 , klik pada tombol jalankan 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 parse dashboard atau anda dapat mengkodekan fungsi baca baca 3 baca fungsi baca 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 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 lakukan metode pencarian query tutorial ini akan menggunakan query first 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 untuk melihat kode yang telah diimplementasikan kode untuk baca 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 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 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 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 baca fungsi di bawah ini adalah langkah langkah untuk membuat fungsi perbarui perbarui anda sendiri tulis fungsi baca yang dimodifikasi yang disebut bacakemudianperbarui bacakemudianperbarui , yang memanggil perbarui perbarui fungsi ketika berhasil menemukan hewan peliharaan dalam perbarui perbarui fungsi, gunakan set set fungsi untuk memodifikasi parameter hewan peliharaan anda panggil simpan simpan fungsi untuk hewan peliharaan ini untuk mendorong perubahan ke database anda dapat membuka fungsi pembaruan javascript back4app untuk melihat kode yang telah diimplementasikan berikut adalah kode untuk readthenupdate readthenupdate fungsi dan update 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 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 read fungsi 3\ panggil readthenupdate readthenupdate fungsi yang dibuat dalam topik ini dengan usia yang berbeda dari yang asli 4\ periksa apakah usia pet telah berubah dengan memanggil read read fungsi anda lagi 5 hapus fungsi hapus hapus menghapus hewan peliharaan yang diterima oleh fungsi baca baca ini adalah tindakan yang tidak dapat dibatalkan, yang berarti anda harus berhati hati saat menggunakannya, terutama karena fungsi baca 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 hapus anda sendiri dapat ditemukan di bawah di akhir keberhasilan fungsi “baca” anda ( bacakemudianhapus bacakemudianhapus dalam contoh ini), lakukan panggilan untuk fungsi hapus hapus dalam fungsi hapushewanpeliharaan hapushewanpeliharaan , panggil metode hancurkan pada objek yang diterima “foundpet” anda dapat membuka fungsi hapus javascript back4app untuk melihat kode yang telah diimplementasikan berikut adalah kode untuk readthendelete readthendelete fungsi dan deletepet 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 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 delete fungsi hanya menghapus satu objek anda dapat memeriksa objek anda dengan mengakses parse dashboard parse dashboard anda selesai! pada titik ini, anda telah belajar bagaimana melakukan operasi crud dasar dengan javascript