다시 오신 것을 환영합니다.
이 비디오에서는 간단한 응용 프로그램을 매우 간단하게 만드는 단계를 설명합니다. 여기서 목표는 POST 요청의 작동 방식을 보여주고 게시 요청을 수신하는 경로를 작성한 다음 우리가 테스트 할 수있는 방법을 표현하는 것입니다 그 (것)들에게 우체부 사람과 그 후에 우리가 다른 빠른 템플렛에 모양을 쓰고 저 양식이 우리의 급행 app에 POST 요구를 만들 수있는 까라고보십시오.
그래서 제가 언급 한 것처럼 간단한 응용 프로그램을 함께 만들려고합니다. 처음부터 시작하여 Express를 설치하고 포함 할 것입니다.
그리고 나서 우리는 실제 응용 프로그램 로직을 사용하게 될 것입니다.
그래서 지금부터 시작해서 그냥 데모 CD를 요청하는 데 사용할 새 디렉토리를 만들어서 NPM을 실행하면 몇 차례 입력 변경 사항을 입력 할 것입니다.
승인.
우리는 거기에 갈.
우리는 제이슨이 이제 익스프레스 대쉬 대시 저장을 설치하도록 패키지를했습니다.
우리가 여기있는 동안 NPM이 E.J.를 설치합시다. 그리고 그걸 저장하십시오.
승인.
자 이제 앱을 만들어 봅시다.
예.
그런 다음이를 열어 필요한 기본 코드를 추가합니다.
따라서 require와 함께 import 한 후 실행하는 app 변수를 생성 할 것입니다.
EXPRESS 그리고 우리가 여기있는 동안 우리는 앱이 당신에게 Ejay가되도록 엔진을 설정합니다. 그렇습니다. 나는 그것을 구할 것입니다.
그리고 나서 우리는 또한 우리가 할 수있는 일을 처리 할 것입니다.
그리고 우리는 그것을 얻었다.
또한 ENFP IP 및 콜백 기능을 처리합니다.
마지막으로 나는 시작된 로그 서버에 대해 아주 간단하게 할 것입니다.
승인.
그래서 우리는 그것을 설정했습니다.
이제 우리가 만든 무차별 경로를 만들어 보자. 그러면 우리는 그냥 집에 호출 된 레스토랑 렌더링에 대한 템플릿을 렌더링하고 저장한다.
이제 그 템플릿을 만들어 봅시다.
따라서 우리는 사용 된 디렉토리가 디렉토리보기를 만들 필요가 있고 파일보기를 집으로 가져 가야합니다.
예.
그리고 그 파일을 열면 거기에서 우리는 홈 페이지를 말하는 간단한 H-1을 할 것이고 우리는 그 파일이 제대로 작동하는지 확인할 것입니다.
여기 Apalachee 노드를 실행 해 봅시다. 새로 고침을하고 홈페이지로 돌아옵니다.
기본 골격을 설정 했으므로 Ejaz가 포함 된 표현을 포함 시켰습니다.
우리는 기본 뷰 엔진을 설정했고 경로 경로를 가지고 있습니다.
우리가 만들 응용 프로그램은 기본적으로 당신이 들어갈 수있는 친구 또는 친구 목록의 목록입니다. 양식을 통해 새로운 친구를 목록에 추가 할 수 있습니다.
그리고 이것은 친구 나 할일이나 접촉이나 개가 될 수 있습니다. 우리는 양식을 사용하여 새 것을 만들 수있는 목록을 갖게 될 것입니다.
그래서 우리는 친구를 만날 것이고 우리는 app에 추가하고 슬래시 친구를 얻게 될 것입니다. 그리고 이것은 친구 목록을 보여주는 템플릿 페이지가 될 것입니다.
그리고 여기서는 빨간 시작 렌더링을 할 것이고 우린 그냥 친구라고 부를 것이고 이제는 그 템플릿을 만들어야합니다.
그래서 우리는 Ejay가 터치 리뷰를 쓰고 그 파일을 열 것입니다.
그리고 여기에 우리는 H-1을 추가 할 것입니다. 바로 친구 목록이 여기에오고 우리는 서버를 운영하여 작동하는지 확인합니다.
우리가 친구를 사주 게되면 친구 목록이 나옵니다.
승인.
그래서 우리가하려고하는 것은 친구들의 목록을 보여주는 것입니다.
그래서 우리는 그 목록을 만들어야합니다.
데이터가 필요합니다.
그래서 저는 친구들의 이름을 만들 예정입니다. 멀리있는 친구와 똑같이 될 것이고 Tony와 Justin Pierre와 Lilly와 같은 몇 가지 이름을 여기에 추가 할 것입니다.
승인.
그래서 우리는 여러 명의 친구들을 가지고 있습니다. 그리고 그 친구의 배열을 우리의 친구 템플릿으로 전달할 것입니다. 그러면 우리는 친구들을 반복하여 각 친구를 목록 항목으로 표시 할 것입니다.
그래서 우리는 그것을 전달해야합니다.
그것을 목표로하고 우리는 두 가지 일을해야한다는 것을 기억하십시오.
우리는 그저 친구라고 부를 수있는 뷰에서 그것을 볼 때 사용할 이름이나 재산을 줄 필요가 있습니다. 또한 우리는 친구들과 같이 지나가고있는 데이터를 방금 시작할 때 혼란 스럽습니다. .
그러나 이것은 동일한 이름을 사용하는 곳에서 가장 자주 보게 될 것입니다.하지만이 이름이 전혀 아님을 기억하십시오.
그리고 여기는 우리 친구 배열을 뜻합니다.
자 이제 템플리트의 친구 연구 천재에 가서 루프를 추가하고 각각에 대해 수행 할 것입니다.
그래서 저는 Ejay가없는 괄호없이 일반 자바 스크립트를 먼저 작성하겠습니다.
그래서 우리는 각 함수에 대해 친구가 있습니다. 우리 함수는 거기에 친구 매개 변수를 가져갈 것입니다. 그런 다음 우리는 닫는 중괄호를 닫습니다.
그리고 여기에 우리가 할 일은 내가 그런 친구가 있다는 것을 말하는 각자의 동맹을 만드는 것입니다.
이제 다시 돌아가서 등호가 필요없는 구문을 추가하거나 이것이 논리에 불과하다는 것을 기억하십시오.
우리는이 두 줄에 아무 것도 나타나기를 원하지 않습니다.
그래서 우리는 그렇게했습니다. 그리고 우리가 구원을 얻고 새로 고침을한다면, 우리는 그 목록에있는 모든 친구를위한 친구가 있다고 말한 동맹자가 있다는 것을 알아야합니다. 그리고 그것을 시도해 봅시다. 우리가 어떤 실수도하지 않았 음을 확인하십시오.
페이지를 새로 고치면 친구가 있다고하는 5 가지 목록 항목이 표시됩니다.
이제 우리는 다시 돌아갈 것이고, 단지 친구에게 친구의 이름을 인쇄하게한다고 말하는 것보다.
따라서 이번에는 평가 된 값이 팀 자체에 추가되기를 바라기 때문에 등호가 필요합니다.
우리는 그것이 우리 각자를 위해 여기에서 바로오고있는 친구의 가치로 대체되기를 바랍니다.
다시 이것은 아무것도 될 수 있습니다.
우리가 원하는 모든 것을 x라고 부르십시오.
그리고 여기에 X를 입력하면 작동 할 것입니다.
그래서 새로 고침을하고 우리는 다섯 친구를 사귀고 X는 끔찍한 변수 이름이기 때문에 많은 사람들이 서버를 다시 시작하는 것처럼 친구에게 돌아갑니다.
한 번 더 시간을 내면 아무것도 변하지 않는 것을 볼 수 있습니다.
좋아, 친구 목록이있어.
이제 우리가 할 일은 게시판 경로 설정에 관한 이야기입니다.
결국 목표는이 페이지 하단에 양식을 작성하는 것입니다. 양식에 이름을 입력하고 제출 버튼을 누르면 우리 친구 목록에 새 친구가 추가됩니다.
따라서 우리는 Friends 배열에 새로운 이름을 넣고이 템플릿을 다시 렌더링 한 다음 새로 추가 된 친구를 위해 새로운 글 머리 기호와 새 목록 항목을 추가합니다.
사후로드를 설정하고 데이터를 전송할 때 데이터를 추가 할 때마다 게시물 스트럿을 사용한다는 것을 기억해야합니다. 우리가 데이터를 보낼 때마다 데이터베이스에 추가하려고합니다. 사용자 또는 새 댓글을 작성하거나 새 게시물을 작성하거나이 경우 새 친구를 게시 경로로 만듭니다.
유일한 선택은 아니지만 가장 의미있는 것은 무엇입니까?
현재로서는 유일한 옵션 인 것처럼 처리 할 것입니다.
그래서 정보를 얻기위한 것이고, 게시물은 새로운 데이터를 보내거나 서버 쪽에서 어떻게 든 사용하기 위해서입니다.
그리고 글쓰기가 필요한 모든 게시물은 적절한 게시물이며 루트 이름은 친구를 추가하는 것과 같으며 요청 및 응답과 동일하게 보입니다. 이제 우리는 이것을 그대로 남겨 둘 것입니다.
그리고 안쪽에서 우리는 단지 휴식을 취할 것입니다. 우리는 단지 RES dot send를 템플릿으로 만들지 않을 것입니다.
당신은 그처럼 포스트 루트에 도달했습니다.
자 이제 우체부를 사용하여 친구 요청을 친구 요청에 추가 할 수있는 경우이를 실행할 수 있는지 알아 보겠습니다.
그래서 저는이 URL을 가지고 우편 배달부와 우리가 원하는 곳으로 복사 할 것입니다.
우리는 요청을 받기 위해서 sosh 친구들을 만날 수 있습니다. 그리고 우리는 다섯 명의 친구들과 함께 각 팀을 되 찾을 수 있습니다.
하지만 이제 게시물 요청을 만들고 그 친구를 추가 할 예정입니다.
그리고 지금 우리가 게시물 요청을 보내면 우리는 친구를 추가 할 수 없다는 메시지를 얻습니다. 그것은 어리석은 이유입니다.
새 경로를 추가 할 때마다 서버를 다시 시작해야합니다.
그리고 우리가 돌아가서 요청을 다시 보내면 우리는 메시지를 얻습니다.
게시물 경로에 도달했습니다.
그래서 우리는 우편 요청을 보내고 양식을 사용하기보다는 우체부를 통해 그것을하고 있습니다. 그러나 똑같은 아이디어입니다.
그것은 같은 방식으로 작동합니다.
게시물 요청을 보내면이 코드가 바로 실행됩니다.
좋아, 다음에해야 할 일은 양식을 사용하여 해당 게시물 요청을 보내는 것입니다.
그래서 저는 친구들에게 가서 각 페이지를 공부하고 폼의 아래쪽에이 폼이 그 라우트에 제출 될 것입니다.
그래서 두 가지 중요한 속성이 있음을 기억하십시오.
행동과 방법이 있습니다.
그럼 방법으로 시작합시다.
우리는 게시물 요청을 보내려고하고 당신은 슬래시와 친구 인 당신 전체입니다.
그리고 다시 여기에서이 비율과 일치해야합니다.
친구를 게시물로 슬래시 추가하십시오.
괜찮아.
그리고 여기에 우리는 하나의 입력 타입이 텍스트와 같을 것이고, 우리는 이름이나 무엇을 넣기를 원하는 자리 표시자를 가지기를 원할 것입니다.
그 자리 표시 자 텍스트입니다 그리고 우리는 또한 끝에 버튼을 추가하고 이것은 단지 내가 새로운 친구를 사귀고 저장 말할 것입니다.
그리고 이것은 지금 우리를위한 형태를 창조 할 것입니다.
서버를 다시 시작하면 돌아가서 페이지를 새로 고침합니다. 여기에 양식이 있고, 우리가 그것을 검사하면 그 두 가지 특성이 있습니다. 여기에는 작업 메서드가 있습니다. 추가 메서드는 게시물이며 단일 입력이 있습니다.
그리고 만약 내가 여기에 뭔가를 입력하면, 나는 Bob이라는 이름의 새로운 친구를 사귀게됩니다.
나는 새로운 친구를 사귀었다.
우리는 그 반응을 얻고 있음을 볼 수 있습니다.
게시 경로에 도달했습니다. 즉, 게시 요청을 보내고 올바른 위치로 보내고 있음을 의미합니다.
슬래시 추가 친구하지만 우리는 그 경로에서 아무것도하지 않을거야.
이 메시지에 응답하는 것 외에 우리가 실제로하고 싶은 것은 Bob에게 가져 가고자하는 양식에서 데이터를 가져 오는 것입니다.