Pengelolaan Relasi Banyak ke Banyak di Flutter

11min
Hubungan Banyak ke Banyak di Flutter
Pendahuluan
Dalam panduan sebelumnya, kita belajar bagaimana menggunakan hubungan satu ke banyak dan kita akan melanjutkan proyek kita. Dalam panduan ini, kita akan fokus pada hubungan yang paling umum: banyak ke banyak. Ada tiga cara untuk membuat hubungan banyak ke banyak di Parse.
Yang pertama adalah menggunakan Parse Relations, yang merupakan yang tercepat dalam waktu pembuatan dan kueri. Kita akan menggunakan ini dalam panduan ini.
Yang kedua adalah menggunakanArrays dari Pointers yang dapat menyebabkan waktu kueri yang lambat tergantung pada ukuran mereka.
Yang ketiga adalah menggunakanJoinTable di mana ide berasal dari basis data klasik. Ketika ada hubungan banyak ke banyak, kita menggabungkan setiap objectId atau Pointer dari kedua sisi bersama-sama untuk membangun tabel terpisah baru di mana hubungan dilacak.
Dalam panduan ini Anda akan menerapkan sebuah hubungan banyak ke banyak pada Aplikasi Pendaftaran Buku Flutter menggunakan Parse Relations. Anda akan belajar bagaimana cara membuat dan mengkueri hubungan data banyak ke banyak dan bagaimana melakukan kueri yang mengembalikan data dari objek terkait, menggunakan Back4App dan Flutter SDK.
﻿
Prasyarat
﻿Android Studio atau VS Code terinstal (dengan Plugin Dart dan Flutter)
Catatan: Aplikasi Flutter yang dibuat dalam panduan sebelumnya
Selesaikan panduan sebelumnya agar Anda dapat memiliki pemahaman yang lebih baik tentang hubungan satu-ke-banyak kelas
Sebuah perangkat (atau perangkat virtual) yang menjalankan Android atau iOS.
1 - Jalankan Template Aplikasi Buku
Jika Anda belum menyelesaikan panduan sebelumnya, Anda dapat mengkloning dan menjalankan Aplikasi Buku Flutter proyek dari repositori kami. Anda juga dapat melihat panduan sebelumnya untuk memahami template Aplikasi dengan lebih baik. Di bawah ini Anda dapat menemukan representasi visual dari model data Pendaftaran Buku.
﻿
2 - Simpan objek Buku dan Penulisnya
Buka proyek Flutter dari panduan sebelumnya Hubungan Satu ke Banyak di Flutter. Cari fungsi doSaveBook di file main.dart, dan ganti dengan kode di bawah ini di dalam Future<void> doSaveBook() fungsi di bawah. Fungsi ini akan membuat Buku baru di penyimpanan data Back4app dengan relasi.
Dart
1       final book = ParseObject('Book')
2         ..set('title', controllerTitle.text.trim())
3         ..set('year', int.parse(controllerYear.text.trim()))
4         //the objectId will be converted to a Pointer on the save() method
5         ..set('genre', ParseObject('Genre')..objectId = genre.objectId)
6         //you can also convert to a Pointer object before the saving using the .toPointer() method
7         ..set('publisher',
8             (ParseObject('Publisher')..objectId = publisher.objectId).toPointer())
9         //Saving a List of Authors for the Book
10        ..addRelation(
11            'authors',
12            authors
13                .map((o) => ParseObject('Author')..objectId = o.objectId)
14                .toList());
15 
16      await book.save();
1       final book = ParseObject('Book')
2         ..set('title', controllerTitle.text.trim())
3         ..set('year', int.parse(controllerYear.text.trim()))
4         //the objectId will be converted to a Pointer on the save() method
5         ..set('genre', ParseObject('Genre')..objectId = genre.objectId)
6         //you can also convert to a Pointer object before the saving using the .toPointer() method
7         ..set('publisher',
8             (ParseObject('Publisher')..objectId = publisher.objectId).toPointer())
9         //Saving a List of Authors for the Book
10        ..addRelation(
11            'authors',
12            authors
13                .map((o) => ParseObject('Author')..objectId = o.objectId)
14                .toList());
15 
16      await book.save();
﻿
Untuk membangun fungsi ini, ikuti langkah-langkah berikut:
1. Buat instance baru dari ParseBuku kelas dengan perintah ParseObject('Buku').
2. Gunakan set fungsi untuk mengatur bidang untuk objek ini.
2.1.juduladalah atribut teks yang menerima nilai dari pengontrol teks.
2.2.genre menerima nilai dengan mendefinisikan sebuah ParseObject dengan objectId dari Genre. (Parse akan mengonversi menjadi pointer saat disimpan)
2.3.penerbit menerima nilai dengan mendefinisikan sebuah ParseObject dengan objectId dari Penerbit. (Perhatikan bahwa kita dapat menentukan untuk Parse bahwa kita ingin menyimpan sebagai sebuah pointer menggunakan toPointer() metode)
2.4.penulis. Kami menyebut addRelation metode dari ParseObject, mengirimkan daftar ParseObject dengan objectId dari Penulis.}]}  }]}
3. Panggilsimpan fungsi di ParseObject, yang akan secara efektif mendaftarkan objek ke database Anda di Back4app Dashboard.
Jalankan Aplikasi dan uji doSaveBook() fungsi
Pertama, akses dasbor dan hapus buku-buku yang sebelumnya terdaftar dalam panduan sebelumnya.
Klik pada Tambahkan Buku tombol.
Isi informasi buku dengan Penulis.
Klik pada Simpan Buku tombol
﻿
Untuk mengonfirmasi bahwa objek baru disimpan di database dengan relasi, Anda dapat mengakses Back4app Dashboard dan mengakses Buku kelas.
﻿
Mengklik pada nilai pointer/relasi objek di dasbor Anda akan membawa Anda ke entri objek yang dirujuk. Ini mungkin tampak seperti fitur yang tidak berbahaya, tetapi ini membuat debugging dan pelacakan kesalahan jauh lebih cepat daripada mencarinya secara manual.
3 - Kuery Detail Buku dengan Relasi
Fungsi ini akan mengkueri Detail Buku di database Back4app, mengembalikan data relasi. Dalam beberapa situasi, Anda ingin mengembalikan beberapa jenis objek terkait dalam satu kueri. Anda dapat melakukan ini dengan metode includeObject . Dalam contoh kami, kami ingin mengembalikan buku, dengan informasi dari Genre dan Penerbit.
Cari fungsi getBookDetail di file main.dart, lalu ganti kode di bawah ini di dalam getBookDetail(ParseObject book) fungsi:
Dart
1       QueryBuilder<ParseObject> queryBook =
2           QueryBuilder<ParseObject>(ParseObject('Book'))
3             ..whereEqualTo('objectId', book.objectId)
4             ..includeObject(['publisher', 'genre']);
5   
6       final ParseResponse responseBook = await queryBook.query();
7
8       if (responseBook.success && responseBook.results != null) {
9         final book = (responseBook.results.first) as ParseObject;
10        bookTitle = book.get<String>('title');
11        bookYear = book.get<int>('year');
12        bookGenre = book.get<ParseObject>('genre').get<String>('name');
13        bookPublisher = book.get<ParseObject>('publisher').get<String>('name');
14        loadedData = true;
15      }
16
17      QueryBuilder<ParseObject> queryAuthors =
18          QueryBuilder<ParseObject>(ParseObject('Author'))
19            ..whereRelatedTo('authors', 'Book', book.objectId);
20
21      final ParseResponse responseAuthors = await queryAuthors.query();
22
23      if (responseAuthors.success && responseAuthors.results != null) {
24        bookAuthors = responseAuthors.results
25            .map((e) => (e as ParseObject).get<String>('name'))
26            .toList();
27      }
1       QueryBuilder<ParseObject> queryBook =
2           QueryBuilder<ParseObject>(ParseObject('Book'))
3             ..whereEqualTo('objectId', book.objectId)
4             ..includeObject(['publisher', 'genre']);
5   
6       final ParseResponse responseBook = await queryBook.query();
7
8       if (responseBook.success && responseBook.results != null) {
9         final book = (responseBook.results.first) as ParseObject;
10        bookTitle = book.get<String>('title');
11        bookYear = book.get<int>('year');
12        bookGenre = book.get<ParseObject>('genre').get<String>('name');
13        bookPublisher = book.get<ParseObject>('publisher').get<String>('name');
14        loadedData = true;
15      }
16
17      QueryBuilder<ParseObject> queryAuthors =
18          QueryBuilder<ParseObject>(ParseObject('Author'))
19            ..whereRelatedTo('authors', 'Book', book.objectId);
20
21      final ParseResponse responseAuthors = await queryAuthors.query();
22
23      if (responseAuthors.success && responseAuthors.results != null) {
24        bookAuthors = responseAuthors.results
25            .map((e) => (e as ParseObject).get<String>('name'))
26            .toList();
27      }
﻿
Untuk membangun fungsi ini, ikuti langkah-langkah berikut:
Buat sebuah instance dariParseQuery objek untuk Buku kelas. Masukkan kondisi dalam query, untuk mencari Buku di mana objectId field sama dengan objectId dari buku yang dipilih.
Kami menggunakan metode includeObject, memberitahukan field dari pointer yang ingin kami kembalikan datanya dalam query yang sama: Genre dan Penerbit. Anda juga dapat melakukan includeObject multi level menggunakan notasi titik. Contoh: `..includeObject([‘post’, ‘post.authors’]);
Lakukan metode pencarian Query menggunakan query() metode.
Jika operasi berhasil, objek dalam Buku akan dikembalikan.
Kami menggunakan metode get untuk mengambil data. Untuk field yang merupakan pointer, kami terlebih dahulu perlu mengambil pointer tersebut, kemudian mendapatkan datanya. Contoh:bookGenre = book.get<ParseObject>('genre').get<String>('name');﻿
Pada tahap kedua pemrosesan, kami perlu memulihkan Penulis yang terkait dengan Buku.
Untuk membangun fungsi ini, ikuti langkah-langkah berikut:
Buat sebuah instance dariParseQuery objek untuk Authors kelas. Masukkan kondisi dalam query, menggunakan whereRelatedTo operator untuk mencari Authors hubungan dengan Book, di mana Book sama dengan objectId dari buku yang dipilih.
Lakukan metode pencarian Query menggunakan query() metode.
Jika operasi berhasil, objek dalam Book akan dikembalikan.
Kami menggunakan metode get untuk mengambil data.
Jalankan Aplikasi dan uji Query baru.
Pertama, klik pada tombol List Publisher/Book.
﻿
Pilih sebuah buku dari daftar. Layar berikutnya akan menampilkan data untuk buku-buku dan hubungan mereka.
﻿
Selesai!
Pada titik ini, Anda telah belajar bagaimana cara membuat dan melakukan query pada hubungan banyak-ke-banyak dan bagaimana cara melakukan query yang mengembalikan data dari objek terkait di Parse pada Flutter.
SEBELUMNYA
Membangun Hubungan Satu-ke-Banyak dengan Parse di Flutter
BERIKUTNYA
Panduan Detail Kueri Data Parse di Aplikasi Flutter