Sekarang resep tentu saja harus disajikan pada layar kategori makanan yang merupakan layar yang kita muat ketika kita memilih
kategori dan jelas, untuk membuat
resep apa pun, kita membutuhkannya, kita perlu resep untuk makanan seperti saya juga memanggil
mereka di sini dan Saya akan mulai dengan menambahkan model baru, makanan. js di mana saya mendefinisikan bagaimana makanan
seharusnya terlihat di aplikasi ini.
Sekarang definisi tambahan ini adalah opsional
tetapi saya pikir itu membuat sedikit lebih mudah untuk alasan tentang data kami dan strukturnya.
Jadi saya akan membuat kelas di sini
dan mengekspornya dan di kelas itu, tambahkan konstruktor yang memungkinkan kita untuk membuat makanan pra-konfigurasi baru berdasarkan pada struktur yang
akan kita atur di sini.
Sekarang makan akan lebih kompleks dari suatu kategori, ia akan
memiliki ID
tetapi juga akan memiliki beberapa ID kategori yang menjadi miliknya,
sehingga banyak kategori yang menjadi bagian dari makanan tersebut.
Ini akan memiliki judul,
jadi
nama dan kemudian akan memiliki beberapa bidang tambahan seperti keterjangkauan makan,
jadi apakah itu mahal, apakah murah?
Kompleksitasnya, jadi betapa rumitnya membuat hidangan itu berdasarkan resep itu. GambarUrl yang menunjuk gambar di web di mana kita
memiliki gambar yang bagus dari makanan itu. Durasi yang dibutuhkan dalam hitungan menit
untuk membuat makanan itu, juga bahan-bahan yang harus berupa array, langkah-langkah yang perlu kita ambil
untuk membuat makanan itu, jadi instruksi dan kemudian empat bidang yang membantu kita menyaring -
isGlutenFree yang menandai apakah ini gluten gratis atau tidak, jadi ini akan menjadi boolean, isVegan, isVegetarian dan isLactoseFree,
ini adalah
empat bidang yang akan saya gunakan dalam aplikasi ini.
Sekarang semua data yang kita dapatkan di sini kemudian akan
disimpan di properti, jadi di sini saya akan menetapkan ID ini sama dengan ID, ID kategori ini sama
dengan ID kategori, judul ini sama dengan judul, imageUrl ini sama dengan imageUrl dan sebagainya tentu saja,
jadi simpan saja semua argumen yang kita dapatkan di properti itu, objek pada akhirnya akan
dibuat berdasarkan kelas.
Jadi kita juga akan mendapatkan langkah-langkah kita di sini tentu saja, kita akan menyimpan durasinya, kita akan menyimpan
kerumitannya, kita akan menyimpan keterjangkauan di sini tentu saja di sebuah properti, kita akan menyimpan apakah
ini bebas gluten dan juga
semua filter lainnya tentu saja, jadi isVegan, ini adalah vegetarian juga harus disimpan tentu saja dan IsolactFree, yang juga akan
disimpan dan ya dengan itu, saya menyimpan
semua data itu.
Sekarang kita dapat menambahkan beberapa data dummy, beberapa makanan dummy dan tentu saja, Anda akan menemukan yang terlampir lagi.
Yang perlu Anda lakukan dalam data-dummy. File js adalah impor makanan dari folder model dan di sana, dari makanan. js atau hanya dari makanan seperti
ini dan sekarang terlampir dalam file Javascript yang Anda temukan terlampir, Anda juga menemukan bahwa
array makanan yang dapat Anda tambahkan di sini dan itu sekarang hanya sekelompok resep yang saya siapkan untuk Anda
yang menggunakan atau yang menggunakan semua bidang kami mengatur dalam model kami.
Nah, itu data dummy yang bekerja
dengan kita, sekarang mari kita mulai bekerja dengan itu dan mari kita berikan daftar makanan ini pada layar kategori makanan.
Tentu saja, hanya makanan yang masuk ke dalam kategori yang kami pilih, sehingga memiliki ID kategori kami.