다시 오신 것을 환영합니다.
따라서이 비디오는이 개 데모 앱에 대한 개념적 개요를 작성한 마지막 비디오의 연속입니다. 우리는 TO GET 요청 경로에 대해 이야기했습니다.
다시 한번 동일한 기대치를 반복해서 적용하십시오.
이 코드의 99 퍼센트를 이해할 필요가 없습니다. 단지 개념 블록으로 취급 할 수 있고 여기에있는이 코드가 개 도착 경로를 담당한다는 것을 이해할 수 있습니다. 그러면 개를 여러 개 가진 페이지를 다시 보냅니다. 그것.
그게 지금 당신이 알아야 할 전부입니다.
새로운 개념에도 똑같이 적용됩니다.
우리는이 비디오에서 배울 것입니다.
초점은 개념에 대한 구문이 아닙니다.
여기에 세 번째 경로가 있습니다. 첫 번째 동영상에서 언급하지 않았지만 포스트 경로라는 점에서 약간 다릅니다.
그래서이 코드는 사용자가 개를 만들 때 POST 요청을 할 때만 실행됩니다.
그리고 당신의 기억을 조깅하기 만하면 사용자는 당신이나 Albar에 무엇인가를 입력하여 POST 요청을 할 수 없습니다.
그들이 POST 요청을 할 시간의 아홉 9 포인트 9 9 %는 양식을 통해서입니다.
그래서 우리는 실제로 그것을 조금씩 보게 될 것입니다.
그러나 우편 배달부를 통해 POST 요청을하는 방법을 보여줄 수도 있습니다.
그래서 슬래시 만들기 요청은 개를 만듭니다.
그리고 그것은 우리가 요청한 품종의 이름을 취할 것입니다. 바로 여기서 일어나고있는 일이 바로 몸 이름 요청을 요청하는 것입니다.
이렇게 여하튼 요청에서 몸이라고 지명 된이 것에있는 이름 그리고 유형이 있고 우리는 그것을 새로운 개를 만들기 위하여 이용하고있다.
그런 다음 사용자를 요청하여 슬래시 개로 리디렉션하고 모든 코드를 실행하여 모든 개를 찾고 개 페이지를 렌더링합니다.
그래서 많은 일이 일어나고 있습니다.
창 초에 간단한 개 게시물 요청을 보내서 개를 만들자.
그래서 우체부 사람에게 가서 우체국으로 바꾸고 경로를 바꿔서 localhost 3000 slash create dog가되도록해야합니다. 그러면 서버가 제대로 작동하는지 확인해야합니다.
그리고 나서 우리는 이름을 쓰지 않고 읽는 것을 보내기 만하면됩니다. 그러면 무슨 일이 일어날 지 알게 될 것입니다.
그래서 우리가 돌아온 것을 보았다면 Rustie가 왜 데이지 싯카인지 같은 개 페이지가 있습니다.
그리고 이름도없고 품종도없는 빈 개가 있습니다.
그리고 만약 내가 여기 내 브라우저로 가서 새로 고침하면 또 다른 요청을 만들어 데이터베이스에서 모든 개를 검색하고 각각에 대해 약간의 코드를 생성하는 코드를 실행합니다.
사실 우리는 데이터베이스에 빈 개가 있다는 것을 알 수 있습니다. 왜냐하면 우리가 아무런 데이터도 보내지 않았기 때문입니다.
우리는 새 개를 만들기 위해 이름과 품종을 보내지 않았습니다.
그래서 그들은 비어 있었고 우리 코드는 빈 개를 만들어 데이터베이스에 저장했습니다.
우편 배달부와 데이터를 보내기 위해 본문에 추가 할 수 있습니다. 그러면 신체에 추가 할 내용을 입력 할 수 있습니다.
그래서 우리는 찰리 (Charlie)라는 이름을 원하고 브리드 (Breede)의 가치는 바로 그런 실험실이 될 것입니다.
이것은 우체부를 통해 이름과 품종이있는 게시물 요청을하기 위해해야 ​​할 일입니다.
그리고 나는 send를 칠 것이다.
이제 우리가 얻는 반응을 보게 될 것입니다.
이번에는 이번에는 다시 모든 개들입니다.
우리는 찰리를 실험실로두고 있습니다.
그리고 내가 여기 새로워지면 또 다른 요청을한다. 나는 모든 개를 얻는다.
찰리가 추가되었습니다.
30 초 안에 그 모든 것을 요약 해 보겠습니다.
그래서 나는 요청을 만들어 강아지 요청을 다른 유형의 요청을 만들 수 있습니다.
그리고 여기에있는 몸의 요청에 나는 이름을 추가하고 Charlie와 실험실을 낳습니다.
그리고 나서 send를 누르고 서버의 코드에서 dog를 slash하기위한 post 요청을 듣고 있습니다.
그리고 누군가가 이름을 밝히지 않고 우리가 우체부와 함께 보낸 두 가지가 outbreed하도록 요청하는 요청을 가진 개를 만듭니다.
그리고 개가 만들어지면 강아지를 찢어서 우리에게 페이지 나 나이를 보내지 않습니다.
실제로 슬래시 개에서 코드를 실행하면 방금 새로 만든 브랜드를 포함하여 모든 개를 찾습니다.
찰리 또는 이전의 경우에는 그것은 이름도없고 번식도없는 빈 강아지였습니다.
그것들 모두를 가져온 다음 우리가 본 강아지의 템플릿을 렌더링합니다.
그리고 각각을 위해 우리는 동맹국이되지 않습니다.
그래서 많은 일이 일어나고 있습니다.
그것은 POST 요청을 듣고 있습니다.
그것은 새로운 개를 데이터베이스에 추가하는 것이고 우리를 개를 슬래시로 바꿔줍니다.
이제 우리가 양식으로 어떻게이 일을 할 수 있었는지 이야기 해 봅시다.
바에 enter를 입력하여 POST 요청을 할 수는 없지만 양식을 사용하여 POST 요청을 할 수 있음을 기억하십시오.
그래서 저는 개들을 단지 양식에 추가 할 것입니다.
예.
맨 밑.
양식 태그를 만들려고하고 양식에 두 부분으로 나뉘어 있습니다. 이제는 양식을 처음 소개 할 때 우리가 이야기 한 내용이 더 의미가 있지만 그 의미를 이해하는 데 많은 문맥이 없습니다.
그래서이 두 속성은 행동과 방법입니다.
방법으로 시작하겠습니다.
우리는 게시물 요청을하고 있으며, 종종이 내용을 모든 대문자로 볼 수 있습니다.
그건 중요하지 않아.
그리고 행동은 우리가 단지 개를 만드는 슬래시 인 게시물 요청을하는 곳입니다.
그래서이 양식이 제출 될 때마다 우리는 여기서 우리가 기대하고있는 개를 만들기위한 게시물 요청을 보낼 것입니다.
POST 요청 create dog가이 코드를 실행합니다.
다음으로 입력을 추가해야합니다.
그래서 우리는 두 개의 입력을 가지게 될 것입니다.
Type은 그 (것)들 및 다만 이름을 말하는이 것을위한 장소 홀더에서 둘 다 같이 원본에 동등하다.
그리고 다음은 번식을위한 것입니다.
그리고 마지막으로 우리가 할 일은 input 타입을 submit이라고 부르면됩니다. 우리의 버튼이 될 것입니다. 우리가 페이지를 새로 고치면 이제는 폼이 있지만 문제가 있습니다.
내가 이것을 채우면.
그래서 우리는 다른 강아지를 여기에 추가합니다. Skittles는 내가 푸트 (poodle)가 될 때 그것을 제출할 때 게시 요청을 보내어 개를 만들 것입니다.
그러나 내가 할 때 우리는 빈 개로 끝납니다.
두 개의 입력이 있더라도 브라우저에 입력의 이름이 무엇인지 알려주지 않았기 때문입니다.
이름과이 이름이 번식되어야하고 자리 표시 자도 필요하기 때문에이 이름은 약간 혼란스러운 이름 인 이름이라고해야합니다.
이제 우리가 한 것은 사용자가이 양식을 제출했을 때 브라우저에게 말한이 이름 속성을 추가하여 두 개의 데이터가있는 개를 만들기위한 게시물 요청을 보내는 것입니다.
이름은이 입력에있는 것과 동일해야하며 번식은이 입력에있는 것과 동일해야합니다.
우리는 시간을 들여 양식을 쓰고 다른 속성을 다루는 데 많은 시간을 할애 할 것입니다.
그러니 너무 들키지 마세요.
그러나 중요한 것은 현재 우리가 신체에 데이터를 추가하고 있다는 것입니다.
그리고 푸들 인 Skittles를 새로 고침하고 추가하면 지금 내가 제출 한 게시물 요청을 보았습니다. 그리고 바로 여기에 게시판을 작성하여 개를 만들 수 있음을 알 수 있습니다.
그리고 나서 일어난 일은 그 대신에 개를 만들지 않고 이름과 품종의 형태로 데이터를 가진 개를 만들었습니다.
그리고 그 강아지를 만들고 데이터베이스를 저장 한 후에 그 작동 방식이 중요하지 않습니다.
그러나 그것은 효과가 있습니다.
그 다음 우리는 개를 슬래시로 방향을 바꿉니다. 실제로 두 번째 작은 것은 여기에 인쇄되어 실제로 실제로 들어 가지 않았음에도 개를 내리려고 요청을 받았다고합니다.
무슨 일이 있었는지 내가 끝날 때 게시물로 개 만들기를 요청했을 때 실제로 나를 개를 내리라고 다른 요청을합니다.
그리고 나서 모든 개를 찾은 다음 여기에서 본 개 템플릿을 렌더링 한 다음 폼의 바닥과 모든 개 거짓말을 봅니다.
이것이 우리가 여기에서 보는 이유입니다.
따라서이 아이콘에 정말주의를 기울이면 Snicker가 사탕 주제를 지키는 다른 개를 실제로 보게 될 것이며 snickers도 실험실이 될 수 있습니다.
제출을 누르십시오.
이것을 아주 가깝게 지켜보십시오.
정말 빨라 질거야.
그러나 그것은 단지 순간적으로 바뀌었다.
그리고 그것은 중요한 부분입니다. 왜냐하면 제가 요청할 때 실제로이 페이지에서 저를 데려 간 다음 우리는 여기서 다시 리다이렉트되어지고 있습니다. 그래서 우리는 실제로 우리를 데려 갈 때까지이 페이지에 머물러 있지 않습니다. 즉시 리디렉션하고 우리에게이 콘텐츠를 보여 주며 여기서 일어나는 일입니다.
당신이 개를 만들기 위해 슬래시를 요구할 때 우리를 개를 슬래시로 리디렉션합니다.
그리고 개 안에는 개 안에있는 템플릿이 렌더링되어 브라우저에서이 모든 것을 볼 수 있습니다.
승인.
그래서 우리는 거기에서 많은 것을 다루었습니다.
중요한 부분을 지적하겠습니다.
하나는 우리 서버 코드의 내부에서 get 요청과 post 요청을 구분할 수 있고 언제 어떤 일이 발생했는지에 따라 다른 코드를 수행 할 수 있으며 get은 정보를 검색하고 post는 정보를 추가 또는 제출하는 것임을 기억합니다 우린 쓸모 없어.
게시물을 슬래시로 만드는 개는 새 개를 만드는 방법입니다.
요청 몸에는 이름과 품종이 있어야하는 두 가지가 있습니다.
그리고 그들이 거기 있지 않으면 그것은 빈 개를 만들 것입니다.
그러나 그것이 어떤 유형의 개 이건간에 우리는 그 다음이 모든 코드를 실행하는 개를 슬래시로 리디렉션합니다.
그리고 또 다른 중요한 점은 우리가 이것을 제출할 때 즉시 새로 고침이 있다는 것입니다.
정말 빠릅니다.하지만 다른 곳에서 요청할 때 여전히 새로 고침입니다.
내가 이것을 한 다음 Enter를 누르면 실제로 다른 요청을하는 것과 같습니다.
여기 같은 생각.
제출을 누르십시오.
계속 지켜보고 있으면 매번 요청합니다.
그래서이 소개에서 두 개의 서버와 두 개의 경로 및 HTP에 관해서 이야기하고 싶습니다.
이제 끝났어.
다음으로 우리는 개발자 환경을 설정하고 필요한 모든 도구를 설치하는 데 집중하여 이와 같은 코드를 작성할 수 있습니다.