1
00:00:02,390 --> 00:00:08,050
Teraz przepisy powinny oczywiście być renderowane na ekranie kategorii posiłków, który jest ekranem, który ładujemy, kiedy

2
00:00:08,050 --> 00:00:09,850
wybraliśmy kategorię i oczywiście,

3
00:00:09,920 --> 00:00:14,030
aby wyrenderować dowolne przepisy, potrzebujemy ich, potrzebujemy przepisów na posiłki, jak również

4
00:00:14,030 --> 00:00:20,930
je tutaj nazywam i Zacznę od dodania nowego modelu, posiłku. js, w której określam, jak powinien

5
00:00:20,960 --> 00:00:23,880
wyglądać posiłek w tej aplikacji.

6
00:00:23,890 --> 00:00:25,840
Teraz ta dodatkowa definicja jest

7
00:00:25,850 --> 00:00:30,060
opcjonalna, ale myślę, że nieco łatwiej jest zrozumieć nasze dane i ich strukturę.

8
00:00:30,230 --> 00:00:32,540
Więc ustawię tutaj klasę i wyeksportuję

9
00:00:32,690 --> 00:00:39,110
ją, aw tej klasie dodam konstruktora, który pozwoli nam tworzyć nowe, wstępnie skonfigurowane posiłki w oparciu o

10
00:00:39,110 --> 00:00:41,090
strukturę, którą zamierzamy tutaj ustawić.

11
00:00:41,090 --> 00:00:44,540
Teraz posiłek będzie bardziej złożony niż kategoria, będzie miał

12
00:00:44,540 --> 00:00:45,710
identyfikator, ale

13
00:00:46,100 --> 00:00:49,550
będzie także miał kilka identyfikatorów kategorii, do których należy,

14
00:00:49,550 --> 00:00:52,890
więc wiele kategorii, do których może należeć posiłek.

15
00:00:52,970 --> 00:00:54,380
Będzie miał tytuł, więc

16
00:00:54,380 --> 00:00:55,280
nazwa,

17
00:00:55,280 --> 00:00:59,750
a następnie będzie miał dodatkowe pola, takie jak przystępność cenowa posiłku, więc

18
00:01:00,200 --> 00:01:02,890
czy to jest drogie, czy jest tanie?

19
00:01:03,290 --> 00:01:09,990
Złożoność, czyli jak skomplikowane jest zrobić to danie na podstawie tego przepisu. ImageUrl, który wskazuje na obraz w Internecie, w

20
00:01:10,000 --> 00:01:15,950
którym mamy ładne zdjęcie tego posiłku. Czas, jaki zajmuje kilka minut, aby

21
00:01:15,950 --> 00:01:23,470
przygotować ten posiłek, także składniki, które powinny być tablicą, kroki, które musimy podjąć, aby

22
00:01:23,570 --> 00:01:31,220
zrobić ten posiłek, więc instrukcje, a następnie cztery pola, które pomagają nam filtrować - isGlutenFree,

23
00:01:31,820 --> 00:01:40,520
który oznacza, czy to jest gluten za darmo czy nie, więc będzie to wartość logiczna, isVegan, isVegetarian

24
00:01:42,620 --> 00:01:44,240
i isLactoseFree,

25
00:01:44,240 --> 00:01:48,590
to cztery pola, których użyję w tej aplikacji.

26
00:01:48,590 --> 00:01:53,350
Teraz wszystkie te dane, które tu otrzymamy, zostaną

27
00:01:53,390 --> 00:02:02,000
zapisane we właściwościach, więc tutaj ustawię ten identyfikator na ID, ten identyfikator kategorii na ID kategorii,

28
00:02:02,000 --> 00:02:09,860
ten tytuł na tytuł, ten imageUrl równy imageUrl i tak oczywiście, więc po prostu

29
00:02:09,890 --> 00:02:16,850
przechowuj wszystkie argumenty, które otrzymujemy we właściwościach tego, obiekt w końcu zostanie utworzony

30
00:02:16,850 --> 00:02:18,850
na podstawie klasy.

31
00:02:18,920 --> 00:02:28,250
Więc oczywiście otrzymamy tutaj nasze kroki, będziemy przechowywać czas trwania, będziemy przechowywać złożoność, będziemy

32
00:02:28,250 --> 00:02:36,260
przechowywać tutaj przystępność cenową tutaj oczywiście w nieruchomości, będziemy przechowywać, czy to

33
00:02:36,260 --> 00:02:38,990
jest bezglutenowe, a także

34
00:02:38,990 --> 00:02:48,770
oczywiście wszystkie inne filtry, więc isVegan, to wegetariańskie należy oczywiście przechowywać i isLactoseFree, które również

35
00:02:48,770 --> 00:02:52,150
będą przechowywane i tak, przechowuję

36
00:02:52,170 --> 00:02:54,450
wszystkie te dane.

37
00:02:54,450 --> 00:03:00,890
Teraz możemy dodać dane pozorowane, niektóre pozorowane posiłki i oczywiście te ponownie zostaną dołączone.

38
00:03:01,020 --> 00:03:10,090
Wszystko, co musisz zrobić w fikcyjnych danych. Plik js importuje posiłek z folderu modeli i tam z posiłku. js lub po prostu z

39
00:03:10,110 --> 00:03:16,320
takiego posiłku, a teraz dołączony do dołączonego pliku JavaScript, znajdziesz również tę tablicę

40
00:03:16,320 --> 00:03:24,270
posiłków, którą możesz tutaj dodać, a teraz jest to tylko kilka przepisów, które przygotowałem dla Ciebie, które

41
00:03:24,480 --> 00:03:29,290
wykorzystują lub które wykorzystują wszystkie pola utworzyliśmy w naszym modelu.

42
00:03:29,340 --> 00:03:31,510
Teraz to są fikcyjne dane,

43
00:03:31,530 --> 00:03:37,470
z którymi współpracujemy, zacznijmy z tym pracować i wyświetlmy listę tych posiłków na ekranie kategorii posiłków.

44
00:03:37,470 --> 00:03:43,860
Oczywiście tylko posiłki, które pasują do wybranej przez nas kategorii, więc mają nasz identyfikator kategorii.