1
00:00:00,200 --> 00:00:02,240
좋아, 수색 루트에.

2
00:00:02,250 --> 00:00:27,780
그래서 다시 슬래시 검색을 할 수 있기를 원하거나 홈 페이지를 슬래시로 만들자. 우리는 양식을 채워서이 경로에 제출하면 요청을 제외한 API로 요청할 것입니다. 양식에서 오는 변수를 가지게 될 것이고 다른 모든 것은 똑같이 작동 할 것이고 우리는이 길을 혼자 남겨 둘 수있을 것입니다.

3
00:00:28,230 --> 00:00:44,160
그래서 이것을 apt로 간단히 추가해 보겠습니다. 우리는 검색이라고 부르는 양식을 렌더링하는 것부터 시작하겠습니다.

4
00:00:45,270 --> 00:00:52,890
다음은 터치로 슬래시 검색을 보도록하겠습니다.

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

6
00:00:53,220 --> 00:01:00,930
그렇습니다. 나는 오타 견해로 슬래시 검색을 보았습니다.

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

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

9
00:01:03,390 --> 00:01:07,850
H1에서 살펴보십시오.

10
00:01:08,010 --> 00:01:09,940
영화를 검색하십시오.

11
00:01:09,960 --> 00:01:12,910
그리고 제가 말씀 드렸듯이 우리는 여기 아주 베어 본을 유지하고 있습니다.

12
00:01:12,930 --> 00:01:14,310
스타일링 없음.

13
00:01:14,310 --> 00:01:19,150
서버를 실행할 때 이것을 보도록하겠습니다.

14
00:01:19,200 --> 00:01:23,400
나는 영화 검색을 볼 경로 경로로 이동합니다.

15
00:01:23,400 --> 00:01:24,070
우수한.

16
00:01:24,300 --> 00:01:54,320
이제 폼 폼을 만들고하자. 단 하나의 입력 타입을 텍스트 입력란과 같게 검색 용어와 동일하게 추가하자. 그러면 다른 입력 유형을 추가하여 같은 방식으로 제출한다.

17
00:01:54,330 --> 00:01:55,960
그러면이 양식은 어디로 갈 것입니다.

18
00:01:56,220 --> 00:02:06,370
결과를 랩핑하여 결과를 제출하고 API 호출을 처리 한 다음 템플릿을 렌더링하는 데 필요한 결과를 원합니다.

19
00:02:07,110 --> 00:02:30,320
그래서 그것은 단지 행동 슬래시가 될 것입니다 결과와 방법은 거의 모든 것이 었습니다. 우리가 한 페이지를 새로 고치면 정말 끔찍한 폼이 있습니다. 여기에 뭔가를 추가 할 수는 있지만 아무 것도 이것으로 끝나지 않고 있습니다.

20
00:02:30,330 --> 00:02:39,030
따라서 해리포터를 검색하고 제출을 히트해도 아이오와를 얻지 만 제대로 양식을 제출하고 있습니다.

21
00:02:39,030 --> 00:02:46,680
이 경로 슬래시 결과를 치고 있으며 아이오와 영화를보고 결과 템플릿을 렌더링하고 있습니다.

22
00:02:47,280 --> 00:02:53,870
이제이 양식의 데이터를 가져 와서 API 호출에 연결해야합니다.

23
00:02:53,880 --> 00:03:00,470
그래서 우리가해야 할 일은 name 애트리뷰트를 추가하는 것입니다.

24
00:03:00,480 --> 00:03:03,180
그냥 queery라고 부르 자.

25
00:03:03,630 --> 00:03:05,670
실제로 그것은 조금 혼란 스럽습니다.

26
00:03:05,670 --> 00:03:08,020
그럼 대신 검색 이름을 지정하겠습니다.

27
00:03:08,400 --> 00:03:14,580
이 요청이 언제 우리가 양식을 제출할 때 만들어 지는지 기억하십시오. 이렇게 보일 것입니다.

28
00:03:14,580 --> 00:03:16,880
나는 잠시 후에 너를 보여 줄 것이다.

29
00:03:17,130 --> 00:03:18,850
서버를 다시 시작하십시오.

30
00:03:19,110 --> 00:03:22,760
따라서 여기에 넣은 데이터는 저장되고 검색됩니다.

31
00:03:23,100 --> 00:03:31,050
그래서 우리가 새로 고침하고 다시 시도한다면, 우리가 할 수있는 또 다른 상태는 무엇입니까?

32
00:03:31,410 --> 00:03:32,890
와이오밍을 떠나자.

33
00:03:33,420 --> 00:03:38,420
제출은 와이오밍과 같습니다.

34
00:03:38,730 --> 00:03:41,220
쿼리 문자열의 키 값 쌍입니다.

35
00:03:41,310 --> 00:03:44,130
이것이 우리가 양식을 위해해야 ​​할 모든 것입니다.

36
00:03:44,160 --> 00:03:54,810
그런 다음이 경로에서 앱의 내부에서 해당 쿼리 문자열의 데이터에 액세스하여 여기에 삽입해야합니다.

37
00:03:55,740 --> 00:03:57,630
그럼 간단하게 시작합시다.

38
00:03:57,630 --> 00:03:59,360
쿼리 문자열에서 데이터를 얻으려면 어떻게해야합니까?

39
00:03:59,490 --> 00:04:14,210
우리가 이름 붙인 검색 인 정보 조각의 키 또는 키의 이름을 도트 쿼리 도트로 점 적으로 요청하여 변수에 저장합니다.

40
00:04:14,430 --> 00:04:16,780
시작할 때 인쇄하십시오.

41
00:04:17,490 --> 00:04:20,550
나는 항상 좋고 간단한 시작하고 싶습니다.

42
00:04:20,550 --> 00:04:22,030
그래서 나는 여기로 돌아 간다.

43
00:04:22,230 --> 00:04:28,530
이제 몬타나를 해보십시오. 몬타나를 인쇄 할 수 있습니다.

44
00:04:28,530 --> 00:04:35,700
이제는 변수에 저장하는 것입니다.

45
00:04:35,700 --> 00:04:44,350
그래서 우리는 그것을 우리가 질의하는 검색과 같은 질서 같은 같음이라고 부를 것입니다.

46
00:04:44,820 --> 00:05:10,530
그러면 우리가 할 수있는 일은 더하기 쿼리를 바로 거기에 추가하는 것입니다. 그러면 우리 검색 쿼리를 더 쉬운 방법으로 추가하거나 제 생각에는 명확한 방법으로 aurl을 가변적으로 연결하여 더 짧은 요청을 할 수 있습니다 우리가 여기 만들어서 우리는 당신이 나가달라고 요청합니다.

47
00:05:10,620 --> 00:05:27,230
그래서 우리는 쿼리에 대한 질의 응답을 얻습니다. 사용자가 양식에 입력 한 내용이나이 경우 몬타나를이 변수에 저장하면 그 내용을 다시 작성하는 것입니다. HTP 콜론 슬래시처럼 보일 것입니다. OAM이 여기에서 벗어납니다. .

48
00:05:27,270 --> 00:05:33,670
닷 컴 슬래시 물음표는 사용자가 해당 양식에 입력 한 것과 동일합니다.

49
00:05:34,440 --> 00:05:36,190
그리고 우리는 당신이 사용하고 있습니다.

50
00:05:36,600 --> 00:05:37,590
그리고 그게 다야.

51
00:05:37,590 --> 00:05:52,990
그래서 우리의 형식으로 가서 플로리다를 검색해 보자. 그리고 우리는 플로리다의 10 개 결과를 얻는다.

52
00:05:53,270 --> 00:05:58,440
이번에 다시 시도해 봅시다. 다른 주를 봅시다.

53
00:05:58,530 --> 00:06:03,110
알라바마.

54
00:06:03,120 --> 00:06:04,010
굉장해.

55
00:06:04,530 --> 00:06:09,960
그래서 우리가 할 수있는 다음 일은 약간의 개선점이 추가 된 것입니다.

56
00:06:09,970 --> 00:06:19,920
모든 것이 개선 된 것 같지만 UI가 아니라 UI를 생각하는 것이 중요하지만 더 많은 데이터를 사용하는 것에 대해 생각하고 있습니다.

57
00:06:19,980 --> 00:06:26,030
그래서 우리는 연도를 사용하지 않습니다. 우리는 타입을 필요로하지 않습니다. 그냥 해를 사용하도록합시다.

58
00:06:26,190 --> 00:06:45,030
그러니 영화 제목 인 Dasch를 해보기로하자. 우리는 충분히 간단해야하고 우리는 좋아할 것이다. 영화처럼 보이는 것이 우리를 구할 수있는 것처럼 우리를 구할 수있는 것처럼 우리는 올해를 보낸다.

59
00:06:45,570 --> 00:06:54,150
그리고 영화 제목을 과장하거나 연도를 이탤릭체로 추가해 봅시다.

60
00:06:55,050 --> 00:06:57,670
좀 더 깨끗하게 만들어 보겠습니다.

61
00:06:58,220 --> 00:07:09,420
기술적으로 우리는 UL과 그 모든 것을 추가해야한다고 생각합니다.

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

63
00:07:11,430 --> 00:07:33,040
그리고 우린 제목을하고 우린 타이틀을 너무 강하게 만들고, 들여 쓰기를하면 우연히 일어나는 일을 좀 더 쉽게 볼 수 있습니다.

64
00:07:34,320 --> 00:07:36,280
괜찮아.

65
00:07:36,810 --> 00:07:40,540
그러니 한번 살펴 봅시다.

66
00:07:40,590 --> 00:07:41,040
우리는 거기에 갈.

67
00:07:41,040 --> 00:07:46,630
우리는 대담하지 않은 감미롭고 달콤한 홈 앨라배마가 지금은 미치광이가 된 해를 맞이합니다.

68
00:07:47,070 --> 00:07:47,800
괜찮아.

69
00:07:47,880 --> 00:07:50,610
그래서 마지막으로 한 가지는 정말 사소한 것입니다.

70
00:07:50,610 --> 00:07:53,410
하지만 그냥 뒤로 버튼을 추가하자.

71
00:07:53,700 --> 00:08:03,690
따라서 ref를 슬래시와 동등하게 만드는 태그는 다시 검색을 수행합니다.

72
00:08:04,230 --> 00:08:05,870
나는 그것을 좋아한다.

73
00:08:06,420 --> 00:08:08,140
이제 다시 검색 할 수 있습니다.

74
00:08:08,640 --> 00:08:08,930
승인.

75
00:08:08,940 --> 00:08:10,230
하나 더.

76
00:08:10,260 --> 00:08:12,150
우리가 사용할 수있는 또 다른 국가라고 할 수 있습니다.

77
00:08:12,180 --> 00:08:14,080
오, 뉴욕을 시험합시다.

78
00:08:14,100 --> 00:08:24,100
그래서 우리에게는 공간이 있습니다. 우리가 제출할 때, 자동적으로 더하기 기호에 새로운 것이 추가되었습니다.

79
00:08:24,100 --> 00:08:26,910
요크와 그로 인해 만들어지고있는 것입니다.

80
00:08:26,920 --> 00:08:29,610
또는 그 요청이 만들어지고있는 것입니다.

81
00:08:29,700 --> 00:08:31,220
그래서 지금은 그것입니다.

82
00:08:31,590 --> 00:08:35,850
따라서 핵심 테이크 아웃을 그냥 반복하면됩니다.

83
00:08:36,060 --> 00:08:38,070
우리는 그 안에 요청을 고수하고 있습니다.

84
00:08:38,070 --> 00:08:42,310
요청이 완료되면 템플릿을 렌더링합니다.

85
00:08:42,870 --> 00:08:53,060
중요한 것은 언더 파트에 대한 것입니다. 왜냐하면 해당 문자열을 사용할 수있는 자바 스크립트 객체로 변환 한 다음 마지막으로 동적을 만드는 것이기 때문입니다.

86
00:08:53,130 --> 00:08:56,250
항상 캘리포니아 나 아이오와 같은 것은 아닙니다.

87
00:08:56,250 --> 00:09:01,610
이제 폼의 쿼리 문자열에서 오는 사용자의 쿼리를 추가하고 있습니다.