좋아, 수색 루트에.
그래서 다시 슬래시 검색을 할 수 있기를 원하거나 홈 페이지를 슬래시로 만들자. 우리는 양식을 채워서이 경로에 제출하면 요청을 제외한 API로 요청할 것입니다. 양식에서 오는 변수를 가지게 될 것이고 다른 모든 것은 똑같이 작동 할 것이고 우리는이 길을 혼자 남겨 둘 수있을 것입니다.
그래서 이것을 apt로 간단히 추가해 보겠습니다. 우리는 검색이라고 부르는 양식을 렌더링하는 것부터 시작하겠습니다.
다음은 터치로 슬래시 검색을 보도록하겠습니다.
E.J ..
그렇습니다. 나는 오타 견해로 슬래시 검색을 보았습니다.
E.J ..
예.
H1에서 살펴보십시오.
영화를 검색하십시오.
그리고 제가 말씀 드렸듯이 우리는 여기 아주 베어 본을 유지하고 있습니다.
스타일링 없음.
서버를 실행할 때 이것을 보도록하겠습니다.
나는 영화 검색을 볼 경로 경로로 이동합니다.
우수한.
이제 폼 폼을 만들고하자. 단 하나의 입력 타입을 텍스트 입력란과 같게 검색 용어와 동일하게 추가하자. 그러면 다른 입력 유형을 추가하여 같은 방식으로 제출한다.
그러면이 양식은 어디로 갈 것입니다.
결과를 랩핑하여 결과를 제출하고 API 호출을 처리 한 다음 템플릿을 렌더링하는 데 필요한 결과를 원합니다.
그래서 그것은 단지 행동 슬래시가 될 것입니다 결과와 방법은 거의 모든 것이 었습니다. 우리가 한 페이지를 새로 고치면 정말 끔찍한 폼이 있습니다. 여기에 뭔가를 추가 할 수는 있지만 아무 것도 이것으로 끝나지 않고 있습니다.
따라서 해리포터를 검색하고 제출을 히트해도 아이오와를 얻지 만 제대로 양식을 제출하고 있습니다.
이 경로 슬래시 결과를 치고 있으며 아이오와 영화를보고 결과 템플릿을 렌더링하고 있습니다.
이제이 양식의 데이터를 가져 와서 API 호출에 연결해야합니다.
그래서 우리가해야 할 일은 name 애트리뷰트를 추가하는 것입니다.
그냥 queery라고 부르 자.
실제로 그것은 조금 혼란 스럽습니다.
그럼 대신 검색 이름을 지정하겠습니다.
이 요청이 언제 우리가 양식을 제출할 때 만들어 지는지 기억하십시오. 이렇게 보일 것입니다.
나는 잠시 후에 너를 보여 줄 것이다.
서버를 다시 시작하십시오.
따라서 여기에 넣은 데이터는 저장되고 검색됩니다.
그래서 우리가 새로 고침하고 다시 시도한다면, 우리가 할 수있는 또 다른 상태는 무엇입니까?
와이오밍을 떠나자.
제출은 와이오밍과 같습니다.
쿼리 문자열의 키 값 쌍입니다.
이것이 우리가 양식을 위해해야 ​​할 모든 것입니다.
그런 다음이 경로에서 앱의 내부에서 해당 쿼리 문자열의 데이터에 액세스하여 여기에 삽입해야합니다.
그럼 간단하게 시작합시다.
쿼리 문자열에서 데이터를 얻으려면 어떻게해야합니까?
우리가 이름 붙인 검색 인 정보 조각의 키 또는 키의 이름을 도트 쿼리 도트로 점 적으로 요청하여 변수에 저장합니다.
시작할 때 인쇄하십시오.
나는 항상 좋고 간단한 시작하고 싶습니다.
그래서 나는 여기로 돌아 간다.
이제 몬타나를 해보십시오. 몬타나를 인쇄 할 수 있습니다.
이제는 변수에 저장하는 것입니다.
그래서 우리는 그것을 우리가 질의하는 검색과 같은 질서 같은 같음이라고 부를 것입니다.
그러면 우리가 할 수있는 일은 더하기 쿼리를 바로 거기에 추가하는 것입니다. 그러면 우리 검색 쿼리를 더 쉬운 방법으로 추가하거나 제 생각에는 명확한 방법으로 aurl을 가변적으로 연결하여 더 짧은 요청을 할 수 있습니다 우리가 여기 만들어서 우리는 당신이 나가달라고 요청합니다.
그래서 우리는 쿼리에 대한 질의 응답을 얻습니다. 사용자가 양식에 입력 한 내용이나이 경우 몬타나를이 변수에 저장하면 그 내용을 다시 작성하는 것입니다. HTP 콜론 슬래시처럼 보일 것입니다. OAM이 여기에서 벗어납니다. .
닷 컴 슬래시 물음표는 사용자가 해당 양식에 입력 한 것과 동일합니다.
그리고 우리는 당신이 사용하고 있습니다.
그리고 그게 다야.
그래서 우리의 형식으로 가서 플로리다를 검색해 보자. 그리고 우리는 플로리다의 10 개 결과를 얻는다.
이번에 다시 시도해 봅시다. 다른 주를 봅시다.
알라바마.
굉장해.
그래서 우리가 할 수있는 다음 일은 약간의 개선점이 추가 된 것입니다.
모든 것이 개선 된 것 같지만 UI가 아니라 UI를 생각하는 것이 중요하지만 더 많은 데이터를 사용하는 것에 대해 생각하고 있습니다.
그래서 우리는 연도를 사용하지 않습니다. 우리는 타입을 필요로하지 않습니다. 그냥 해를 사용하도록합시다.
그러니 영화 제목 인 Dasch를 해보기로하자. 우리는 충분히 간단해야하고 우리는 좋아할 것이다. 영화처럼 보이는 것이 우리를 구할 수있는 것처럼 우리를 구할 수있는 것처럼 우리는 올해를 보낸다.
그리고 영화 제목을 과장하거나 연도를 이탤릭체로 추가해 봅시다.
좀 더 깨끗하게 만들어 보겠습니다.
기술적으로 우리는 UL과 그 모든 것을 추가해야한다고 생각합니다.
승인.
그리고 우린 제목을하고 우린 타이틀을 너무 강하게 만들고, 들여 쓰기를하면 우연히 일어나는 일을 좀 더 쉽게 볼 수 있습니다.
괜찮아.
그러니 한번 살펴 봅시다.
우리는 거기에 갈.
우리는 대담하지 않은 감미롭고 달콤한 홈 앨라배마가 지금은 미치광이가 된 해를 맞이합니다.
괜찮아.
그래서 마지막으로 한 가지는 정말 사소한 것입니다.
하지만 그냥 뒤로 버튼을 추가하자.
따라서 ref를 슬래시와 동등하게 만드는 태그는 다시 검색을 수행합니다.
나는 그것을 좋아한다.
이제 다시 검색 할 수 있습니다.
승인.
하나 더.
우리가 사용할 수있는 또 다른 국가라고 할 수 있습니다.
오, 뉴욕을 시험합시다.
그래서 우리에게는 공간이 있습니다. 우리가 제출할 때, 자동적으로 더하기 기호에 새로운 것이 추가되었습니다.
요크와 그로 인해 만들어지고있는 것입니다.
또는 그 요청이 만들어지고있는 것입니다.
그래서 지금은 그것입니다.
따라서 핵심 테이크 아웃을 그냥 반복하면됩니다.
우리는 그 안에 요청을 고수하고 있습니다.
요청이 완료되면 템플릿을 렌더링합니다.
중요한 것은 언더 파트에 대한 것입니다. 왜냐하면 해당 문자열을 사용할 수있는 자바 스크립트 객체로 변환 한 다음 마지막으로 동적을 만드는 것이기 때문입니다.
항상 캘리포니아 나 아이오와 같은 것은 아닙니다.
이제 폼의 쿼리 문자열에서 오는 사용자의 쿼리를 추가하고 있습니다.