1
00:00:00,200 --> 00:00:02,240
Wszystko w prawo na trasie wyszukiwania.

2
00:00:02,250 --> 00:00:27,780
Więc znowu chcemy, aby móc mieć wokół poszukiwania slash albo niech po prostu sprawiają, że ukośnik stronę domu i będziemy mieć formę wypełniamy formularz na to złożyć do tej trasy, która będzie następnie dokonać żądania być API wyjątkiem tego wniosku będzie miał zmienną tutaj pochodzących z formularza, a następnie wszystko będzie działać tak samo będziemy mogli zostawić tę trasę.

3
00:00:28,230 --> 00:00:44,160
Warto więc dodać, że w apt get kreską tak po prostu, a my po prostu zacząć od renderowania formularz, który będziemy nazywać poszukiwania.

4
00:00:45,270 --> 00:00:52,890
Więc następnym aż zróbmy że poglądy dotykowe slash wyszukiwanie.

5
00:00:52,910 --> 00:00:53,200
E.J ..

6
00:00:53,220 --> 00:01:00,930
Tak i ja miałem literówkę poglądy Tudge ukośnik wyszukiwanie.

7
00:01:00,950 --> 00:01:01,230
E.J ..

8
00:01:01,290 --> 00:01:03,280
Tak.

9
00:01:03,390 --> 00:01:07,850
Spójrz na go na H1.

10
00:01:08,010 --> 00:01:09,940
Szukaj filmu.

11
00:01:09,960 --> 00:01:12,910
I jak wspomniałem jesteśmy utrzymanie go bardzo Barebone tutaj.

12
00:01:12,930 --> 00:01:14,310
Nie stylizacji.

13
00:01:14,310 --> 00:01:19,150
Miejmy tylko upewnić, widzimy to, kiedy możemy uruchomić serwer.

14
00:01:19,200 --> 00:01:23,400
Idę na trasie trasie widzę szukać filmu.

15
00:01:23,400 --> 00:01:24,070
Doskonały.

16
00:01:24,300 --> 00:01:54,320
Warto więc budować formę formularz i dodajmy tylko w jednym rodzaju wejściowego wynosi zastępczy tekstu równa wyszukiwane hasło i dodamy innego typu wejścia równa się złożyć tak.

17
00:01:54,330 --> 00:01:55,960
Więc gdzie ta forma pracy.

18
00:01:56,220 --> 00:02:06,370
Więc chcemy poddać się nasze wyniki opasania i wynikach będzie dbać o obsługę wywołania API, a następnie renderowania szablonu.

19
00:02:07,110 --> 00:02:30,320
Tak, że po prostu będzie akcja Wyniki slash i metoda jest po prostu staje się tak, że prawie wszystko, jeśli weźmiemy odświeżenia wygląd strony mamy naprawdę ohydne formy mogę dodać coś tutaj, ale nic się nie robi z tym.

20
00:02:30,330 --> 00:02:39,030
Więc nawet jeśli szukać Harry'ego Pottera i uderzył złożyć Widziałem uzyskać Iowa, ale to jest właściwie wysłaniu formularza.

21
00:02:39,030 --> 00:02:46,680
To uderzenie tej trasie wyników slash i że robi się w filmach Iowa i renderowania szablon wyników.

22
00:02:47,280 --> 00:02:53,870
Więc teraz trzeba podjąć dane z tego formularza i podłączyć go do wywołania API.

23
00:02:53,880 --> 00:03:00,470
Więc pierwszą rzeczą, którą musisz zrobić, to dodać w naszym atrybutem name więc możemy nazwać to, co chcemy.

24
00:03:00,480 --> 00:03:03,180
Miejmy tylko nazwać queery.

25
00:03:03,630 --> 00:03:05,670
No właściwie to trochę mylące.

26
00:03:05,670 --> 00:03:08,020
Więc zamiast po prostu wymienić go szukać.

27
00:03:08,400 --> 00:03:14,580
Więc pamiętam, kiedy wniosek ten zostanie wykonany, kiedy złożyć formularz to będzie wyglądać podobnie jak ten.

28
00:03:14,580 --> 00:03:16,880
Pokażę ci, w ciągu zaledwie sekundy.

29
00:03:17,130 --> 00:03:18,850
Uruchom ponownie serwer.

30
00:03:19,110 --> 00:03:22,760
Tak więc nasze dane cokolwiek umieścić tutaj ma być przechowywane i wyszukiwarek.

31
00:03:23,100 --> 00:03:31,050
Więc jeśli wrócimy odświeżyć i spróbować coś takiego Co znajduje się w inny stan, co możemy zrobić.

32
00:03:31,410 --> 00:03:32,890
Zróbmy Wyoming.

33
00:03:33,420 --> 00:03:38,420
Prześlij widać tu mamy wyszukiwania równa Wyoming.

34
00:03:38,730 --> 00:03:41,220
Nasza para wartości klucza w ciągu kwerendy.

35
00:03:41,310 --> 00:03:44,130
Więc to wszystko, co musimy zrobić dla formy.

36
00:03:44,160 --> 00:03:54,810
Następnie wewnątrz naszej aplikacji w tej trasy musimy uzyskać dostęp do danych z tego łańcucha zapytania i włóż ją tutaj.

37
00:03:55,740 --> 00:03:57,630
Więc zacznijmy proste.

38
00:03:57,630 --> 00:03:59,360
W jaki sposób możemy uzyskać dane z ciągu kwerendy.

39
00:03:59,490 --> 00:04:14,210
Dobrze, że to zapytanie zapytanie dot dot nazwę tego lub klawisz tej części informacji, która jest wyszukiwarka, która jest co nazwaliśmy go zapisać go do zmiennej.

40
00:04:14,430 --> 00:04:16,780
Niech po prostu wydrukować go, aby rozpocząć.

41
00:04:17,490 --> 00:04:20,550
Zawsze lubię rozpocząć ładne i proste.

42
00:04:20,550 --> 00:04:22,030
Więc tu wrócić.

43
00:04:22,230 --> 00:04:28,530
Zróbmy to Montana i teraz widać mamy Montana drukowane tam.

44
00:04:28,530 --> 00:04:35,700
Więc teraz to tylko kwestia oszczędności, że do zmiennej.

45
00:04:35,700 --> 00:04:44,350
Więc będziemy nazywać będziemy po prostu nazwać queery równa wrak, który wyszukiwał wyszukiwanie.

46
00:04:44,820 --> 00:05:10,530
Więc co możemy zrobić, to po prostu zrób plus zapytań właśnie tam i że będzie po prostu dodać nasze zapytanie istnieje prostszy sposób lub czystszy sposób moim zdaniem przynajmniej jest, aby zmienną aurl i złączyć je jak to tak, że mamy krótszy żądanie że robimy tu po prostu poprosić jesteś poza domem.

47
00:05:10,620 --> 00:05:27,230
Więc jesteśmy coraz rektora zapytania poszukiwanej informacji o wyszukiwaniu więc cokolwiek użytkownik wpisane do formularza lub chwytając że Montana, w tym oszczędności, które do tej zmiennej, a następnie odtwarzając wiesz, że wszystko, co będzie wyglądać HTP dwukropek ukośnik ukośnik OAM odbiegają o wypadku ,

48
00:05:27,270 --> 00:05:33,670
Dot com ukośnik znaku zapytania s równa cokolwiek użytkownik wpisał w tej formie.

49
00:05:34,440 --> 00:05:36,190
A następnie używamy, że jesteś.

50
00:05:36,600 --> 00:05:37,590
I to wszystko.

51
00:05:37,590 --> 00:05:52,990
Więc dajmy mu szansę przejść do formularza i poszukiwanie Florydzie i co wiesz otrzymujemy 10 wyników na Florydzie.

52
00:05:53,270 --> 00:05:58,440
Spróbuj ponownie tym razem zróbmy innym państwie.

53
00:05:58,530 --> 00:06:03,110
Alabama.

54
00:06:03,120 --> 00:06:04,010
Niesamowite.

55
00:06:04,530 --> 00:06:09,960
Więc następną rzeczą, że mogliśmy zrobić, to po prostu dodaje kilka drobnych usprawnień.

56
00:06:09,970 --> 00:06:19,920
Wszystko jest poprawa myślę, ale przede wszystkim myślę o nie UI, ale myślę o tym, pokazując przy użyciu większej ilości danych.

57
00:06:19,980 --> 00:06:26,030
Więc nie używamy roku nie musimy typ niech po prostu użyć roku.

58
00:06:26,190 --> 00:06:45,030
Więc po prostu zrobić tytuł filmu Dasch rok, który powinien być na tyle proste, a my, podobnie jak rok Look wyglądać podobnie jak filmowy, który uratuje nas jak widać tutaj otrzymujemy roku.

59
00:06:45,570 --> 00:06:54,150
A dodajmy również wytłuszczonym tytule filmu Let lub kursywę albo jeden rok.

60
00:06:55,050 --> 00:06:57,670
Zróbmy to trochę czystsze tutaj.

61
00:06:58,220 --> 00:07:09,420
Myślę, że technicznie powinniśmy dodać UL i to wszystko.

62
00:07:09,960 --> 00:07:11,050
OK.

63
00:07:11,430 --> 00:07:33,040
I robimy tytuł i zrobimy zbyt silny tytuł Załóżmy, możemy również wcięcie to zrobić to trochę łatwiej zobaczyć co się dzieje.

64
00:07:34,320 --> 00:07:36,280
W porządku.

65
00:07:36,810 --> 00:07:40,540
Więc wystarczy spojrzeć.

66
00:07:40,590 --> 00:07:41,040
No to jedziemy.

67
00:07:41,040 --> 00:07:46,630
Otrzymujemy naszą pogrubiony Sweet Home Alabama szału jakiś rok, który nie jest pogrubiony.

68
00:07:47,070 --> 00:07:47,800
W porządku.

69
00:07:47,880 --> 00:07:50,610
Więc jedna rzecz naprawdę niewielkie.

70
00:07:50,610 --> 00:07:53,410
Ale niech tylko dodać przycisk Wstecz.

71
00:07:53,700 --> 00:08:03,690
Tak więc tag, który chcesz wg równa slash po prostu nie szukać ponownie.

72
00:08:04,230 --> 00:08:05,870
Lubię to.

73
00:08:06,420 --> 00:08:08,140
A teraz możemy szukać ponownie.

74
00:08:08,640 --> 00:08:08,930
OK.

75
00:08:08,940 --> 00:08:10,230
Jeszcze jeden.

76
00:08:10,260 --> 00:08:12,150
Co się mówi w innym kraju moglibyśmy wykorzystać.

77
00:08:12,180 --> 00:08:14,080
Och spróbujmy Nowy Jork.

78
00:08:14,100 --> 00:08:24,100
Mamy więc przestrzeń i kiedy złożyć zauważono, że automatycznie jest się znak plus dodaje swój nowy plus.

79
00:08:24,100 --> 00:08:26,910
York i to, co jest wykonane z tego.

80
00:08:26,920 --> 00:08:29,610
Albo to, co żądanie jest wykonane.

81
00:08:29,700 --> 00:08:31,220
Więc to wszystko na teraz.

82
00:08:31,590 --> 00:08:35,850
Więc po prostu powtórzyć główne dania na wynos tylko regularne trasy.

83
00:08:36,060 --> 00:08:38,070
Jesteśmy po prostu trzymać żądania wewnątrz niego.

84
00:08:38,070 --> 00:08:42,310
Gdy wniosek ten odbywa się wtedy mamy renderowania szablonu.

85
00:08:42,870 --> 00:08:53,060
Inna sprawa, że ​​to ważne, ponieważ znajduje się na spód po włączeniu ten ciąg w javascript obiektu, który możemy wykorzystać, a potem ostatnią rzeczą było to, że tworzymy dynamiczne.

86
00:08:53,130 --> 00:08:56,250
Więc nie zawsze California lub Iowa czy cokolwiek innego.

87
00:08:56,250 --> 00:09:01,610
Jesteśmy teraz dodając zapytań od użytkowników pochodzących z łańcucha zapytania z formularza.