이 강의로 돌아와 캠프 앱을 계속 진행할 것이며 사용자가 새로운 캠프장을 제출할 수있는 기능이나 기능을 추가 할 것입니다.
그래서 우리가해야 할 일이 몇 가지 있습니다.
첫 번째는 우리가 실제로 새로운 캠프장을 배열에 추가하여 만드는 게시 경로를 설정하는 것입니다.
그런 다음 본문 파서를 추가하고 제대로 가져 왔는지 확인하고 구성해야합니다. 그런 다음 양식을 만들고 사용자가 실제로 해당 POST 요청을 보낼 수있는 양식 경로를 만드는 두 가지 다른 단계가 있습니다.
그래서 우리는 그것에 도달 할 것입니다.
우리는 게시 경로를 설정함으로써 시작할 것입니다.
그래서 저는 아직 V-1에 머물러 있습니다. 저는 포스트 초안에서 광고를 실제로 열어 볼 것입니다. 그리고 나는 그걸 바닥에서 할 것이고, 나는 뭔가를하기보다는 포스트를 갈 것입니다. Slash 새로운 campground를 추가하거나 campground를 추가하십시오 실제로 slash campgrounds를 할 것입니다.
그래서 당신과 똑같은 RL 당신이 우리의 Get 노선을 위해 가지고있는 것처럼 하나는 검정 고, 하나는 지점이기 때문에 완전히 다른 경로가 있습니다. 그리고 나는 우리에게 똑같은 지국을 가질 수 있다는 것을 보여주기 위해 이것을하는 것이 아닙니다. 다른 요청 방법과 실제로 다른 경로가 있습니다.
예, 그 부분입니다.
이것은 실제로 우리가 이름을 짓는 방법에 대한 관습의 일부입니다.
우리는 우리가 어떻게 이름을 지었는지에 대해 많은 자유가 있습니다.
그러나 실제로는 나머지라는 컨벤션이 있으며 우리는 향후 비디오에서이를 다시 볼 것입니다.
하지만 제가 지금하고 싶은 말은 캠프장을 철거해야하는 모든 캠프장을 보여주는 페이지가있을 때 휴식이라는이 대회를 우리 노선으로 만드는 것입니다.
새로운 캠프장을 만들 수있는 페이지 나 경로가있을 때는 캠프장을 완전히 깎아야합니다.
그러나 게시물 요청이어야합니다.
그래서 그것이 대회에서 우리가 친구를 위해 이렇게한다면 우리가 따라야 할 형식입니다.
우리는 새로운 친구를 사귈 수있는 게시물 요청을 보내는 지점 인 것처럼 슬래시 친구가 모든 친구와 슬래시 친구를 보여줄 것입니다.
그래서 우리는 더 많은 연습을 할 것입니다.
이것은 바로 그 첫 번째 소개 일뿐입니다.
그러나 우리가 나중에 보게 될 휴식 협약을 따르는 실제로 7 개의 다른 길은 편안합니다.
여기에 우리가하고 싶은 일은 양식에서 데이터를 가져 와서 캠프장 ​​배열에 추가하려는 두 가지 작업입니다. 그런 다음 캠프장 페이지로 다시 연결하여이 경로로 다시 보내고 싶습니다.
그래서 우리는 ACT UP 게시판을 설정했습니다. 여기에서 빨간 점을 보내면 게시판에 도착한 다음 우편 배달부와 함께 테스트 할 수 있습니다.
그래서 나는 우체부로 돌아가는 유로화를 복사 할 것입니다. 우리가 시험하는 길은 캠프장을 게시판으로 쓰지 않습니다.
우리 서버가 H Tim L을 시작하지 않았기 때문에 실제로는 문제가되지 않습니다. 여기에서 보는 SS는 오류 페이지입니다.
클라우드 9가 제공하는 오류 페이지입니다.
그래서 우리는 서버를 시작해야합니다.
이제 우리가 돌아가서 동일한 GET 요청을하면 이미지와 H가있는 목록이 보일 것입니다.
게시물 요청을하면 초안을 작성한다는 약간의 메시지 만 받아야합니다.
좋습니다. 우편 배달부가 할 일은 게시 경로로 작동한다는 것을 증명하고 다음에 수행 할 작업은 바디 파서를 설치하는 것입니다.
그래서 우리는 NPM 설치 바디 대쉬 파서 대시 대시 저장을해야합니다 그리고 우리는 여기에 우리의 신체 부위와 함께 가져올거야 같은 데시체 파서를 요구하고 저장합니다.
그리고 poddy 파서를 사용하기 위해 표현을해야합니다.
그래서 우리는 Oddy 파서를 사용합니다. 그러면 도트 유로를 코팅하지 않은 채로 객체를 전달해야합니다. 우리가해야 할 일은 확장 된 콜란을 추가하는 것입니다.
이것이 단지 기억하고 있거나 그냥 복사하여 붙여 넣기에 익숙해 질 수있는 모든 시간을 보게 될 줄을 기억하십시오.
그리고 지금 우리는 신체 부위가 설정되어 있고, 우리가 달려가는 것만으로도 효과가 있는지 알 수 있습니다. 우리가 실수를하지 않으면 우리는 갈 수 있습니다.
이제 폼에 초점을 맞추자.
그래서 내가 보여준 것보다 먼저 친구 목록과 동일한 페이지에 양식이있는 친구 앱이지만 여기에서 취할 방법은 아닙니다.
오히려 우리는 양식을 실제로 보여줄 완벽한 별도의 페이지와 경로를 갖게 될 것입니다.
그것은 새로운 캠프장을 만드는 형식이 될 것입니다.
그런 다음 게시물로 캠프장을 게시 할 게시물 요청을 보내는 양식을 제출 한 다음 다시 캠프장으로 리디렉션됩니다.
그래서 우리는 별도의 페이지를 만들어서 별도의 경로가 필요하다는 것을 알기 때문에 여기 저기에 또는 저마다 그렇게 할 수 있습니다.
그리고 이것은 깎인 캠프장이 새로이 깎일 것입니다.
그리고 이것은 우리가 원했던 무엇이라도 될 수 있지만 이것은 편안한 관습입니다.
그래서 이것은 이러한 전통적인 이름의 세 번째입니다.
첫 번째 것은 캠프장을 내리고 캠프장을 보여 주어야합니다. 모든 캠프장은 캠프장을 내릴 수 있습니다. 게시물은 새로운 캠프장을 만들고 나서 캠프장 ​​슬래시를 내릴 수있는 경로입니다. 새 소식은이 게시물 경로에 데이터를 보낼 양식을 보여 주어야합니다. 육체를 만들어 봅시다. 필요한 모든 작업은 데이터 나 기타 항목에서 전달할 필요가없는 양식을 렌더링하는 것입니다. 그러면 rez 렌더링을 수행하고 양식에서 새로 호출 할 것입니다.
네, 그렇습니다.
그리고 안전 해.
이제 view 디렉토리에서 다시이 템플릿을 만들 것입니다.
따라서 터치 뷰는 새로운 것입니다.
예.
그런 다음 템플릿을 열고 템플릿 내부에 추가합니다.
그리고 각각의 새로운 캠프장을 만든 다음 양식 태그에 양식 태그를 추가하여 작업을 수행해야하며 메서드와 기억 메서드가 있어야하며 작업은 게시해야하며 작업은 캠프장을 슬래시로 처리해야합니다 이리.
포스트 슬래시 캠프장을 보냈습니다.
그래서 여기서 양식 데이터를 가져 와서 campground 배열에 추가합니다.
그리고 내부에는 두 가지 입력이 필요합니다.
텍스트와 자리 표시자는 이름 일 뿐이므로 첫 번째는 입력입니다.
그리고 두 번째 것은 자리 표시 자입니다.
그리고 그냥 Typee가 텍스트로 이동하면 우리는 그것을 유지할 것입니다. 그리고 나서 우리는 하단에있는 버튼을 필요로합니다. 여기에 submit과 save를 말하면 우리는 name 속성을 모두 필요로합니다. 정당한 이름과 같아야한다.
그리고 여기서 우리는 이름이 이미지와 같을 것이고 우리는 경로 대신이 이름 속성을 사용하여 요청 Abati에서 데이터를 가져옵니다.
우리가하기 전에.
이 양식이 올바르게 표시되는지 확인합시다.
그래서 우리는 서버를 시작하고 캠프장을 새로 깎기 위해 필요한이 길을 방문 할 것이고 우리는 훌륭한 양식을 얻을 것입니다.
우리는 부트 스트랩 스타일링을 얻지 못하고 있습니다.
그것이 많이 보이지는 않지만 레이아웃을 포함시키지 않아서 얻지 못합니다.
머리글과 바닥 글이 없기 때문에 가능합니다.
여기에 Parshall의 슬래시 Hetter를 추가하고 Parshall의 슬래시 바닥 글을 여기에 복사 해 보겠습니다.
서버를 다시 시작하십시오.
이제 우리는 아름다운 부트 스트랩을 얻었고 헤더 파일과 바닥 글을 가지고 있습니다.
그리고 우리는 이것이 올바른 경로로 가고 있는지 또는 여기에 무엇이든 입력하고 제출을 누르는지를 알기 위해 이것을 테스트 할 수 있습니다. 그러면 폼 코드가 양식이 캠프장을 벗기기위한 게시물 요청을 제출한다는 것을 의미하는 게시 경로에 도달하게됩니다.
그리고 우리는이 빨간불을 해결할 것입니다.
그러나 이것을 보내지 않고 우리는 실제로이 작업을하기 위해 논리를 추가하려고합니다.
그리고 우리가 신체의 요청을 사용하는 양식에서 데이터를 얻는 것을 잊지 마라. 그러면 우리는 bodycam 이름을 요청하고 신체 이미지를 요구하고, 나는 변수에 저장할 것이다.
지금까지 이름과 var 이미지.
그리고 우리가하고 싶은 일은 새로운 캠프장을 여기에 배치하는 것입니다.
그리고 그것이 작동하기 위해서는 우리가 이것을 적절하게 움직여서 그것이 적당한 안쪽에 있지 않도록해야합니다.
우리는 그것을 위로 올려 놓을 것이고 그것이 머무를 곳이 아닙니다.
우리가 곧 데이터베이스로 이동한다는 것을 기억하십시오.
그러나 지금 당장은이 게시물 경로 내부에서 액세스 할 수 있도록 위로 올려 놓을 것입니다.
콜백 함수에서.
그래서 우리는 새로운 캠프장을 캠프장에 밀어 넣을 것입니다.
그래서 캠프장을 밀어 넣으면 물체를 밀어 넣어야합니다.
그래서 새로운 객체를 변수로 만들 예정입니다.
그래서 나는 그것을 새로운 캠프장이라 부르겠다.
그것은 객체이고 우리는 이름과 동등합니다. 이미지는 이미지와 동일합니다. 여기에서이 형식과 일치 시키거나 이름과 이미지가 있습니다. 그러면 마지막으로 저장해야 할 새로운 캠프장을 푸시해야합니다.
그런 다음 다시 캠프장 페이지로 리디렉션합니다.
그렇게 될 것입니다.
RAZ는 캠프장을 줄이기 위해 방향을 전환합니다. 그렇습니다. 캠프장을 깎아야합니다.
그러나 리디렉션을 수행 할 때 기본값은 get 요청으로 리디렉션됩니다.
그래서 우리는 구할 것이고 그것을 시험해 봅시다. 다시 새로 고침해서 새로운 캠프장을 추가합시다.
우리는이 데이지 마운틴이라고 부르고 이미지가 필요합니다. 여기에이 이미지를 복사 할 것입니다.
돌아 가라.
제출을 누르십시오.
그리고 그것이 효과가 있었는지 알기 위해서 우리는 아래로 스크롤 할 필요가 있습니다.
아름 다운 데이지 산입니다.
꽤 충격적인 광경.
돌아가서 몇 가지 사항을 살펴 보겠습니다.
우리가 한 일이 많이 있습니다.
제가 가져오고 싶은 첫 번째 일은 우리가 만든 길입니다.
그래서 우리는 지금 실제로 실제로 우리가 캠프장을 포스트 슬래시 캠프장과 동일한 국에 가지고있는 모든 캠프장을 보여주는 캠프장을 깎아 냈습니다.
그리고 그 곳에서 새로운 캠프장을 만들고 슬래시 캠프장을 리디렉션하는 논리를 실제로 수행합니다.
그리고 나서 Amtrak에 새로운 캠프장을 내민다.
그리고 그 형태를 보여줍니다.
그래서 campgrounds slash new show 우리가 캠프장을 사용하여 모든 캠프장을 보여줄 캠프장을 내리고 캠프장을 내리려는 요청을 제출하는 양식을 기억하십시오.
확실히 복잡한 흐름입니다.
움직이는 조각이 많이 있지만 이것은 우리가 많이 뒤 따르게 될 조리법입니다.
그래서 우리는 어딘가에 요청을 보내기 위해 양식을 보내야합니다.
그런 다음 게시물 경로에서 양식 데이터를 가져옵니다.
우리는 그걸로 무언가를 한 다음 다른 곳으로 리디렉션합니다.
따라서 게시 경로가 사용자를 다른 경로로 리디렉션하는 것이 일반적입니다.
우리가해야 할 마지막 일은 캠프장 템플릿을 여는 것입니다.
그래서 우리는 C9 슬래시 캠프장을 사용하고 간단한 링크를 추가하여 Tref 동등한 슬래시 캠프장을 새로 시작하기위한 앵커 태그로 만들 것이며 그 내부 텍스트는 새로운 캠프장을 추가 할 것입니다. 우리가 구할거야.
그런 다음 서버를 다시 시작하고 방문 페이지 나 캠프장 페이지로 돌아가서 실례합니다. 새로운 캠프장을 추가했습니다.
그것을 클릭하면 캠프장 페이지로 이동 한 다음 새로운 캠프장을 추가 할 수 있습니다.
우리는 모든 캠프장을보기 위해 되돌아 갈 수 있도록 뒤로 버튼을 추가해야합니다.
따라서 하단의 새 템플릿에는 여기에 자체 앵커 태그가 포함됩니다.
초안은 캠프장을 벗겨내는 것과 동일해야하며 서버를 다시 시작하거나 다시 시작한다고 말합니다.
마지막으로 새로운 캠프장에서 신선한 그녀가 돌아갑니다.
이제는 다음 비디오에서 링크가 제대로 설정되었습니다.
우리는 몇 가지 기본 스타일에 중점을 둘 것입니다.