다시 오신 것을 환영합니다.
이 비디오에서는 NAF 바를 올바르게 표시하여 로그인하지 않은 상태에서 로그인 및 가입 만 볼 수 있도록하는 방법을 중점적으로 다룰 것입니다.
그러나 로그인 할 때 로그 아웃 만 표시되면 로그인 한 작은 메시지를 표시 할 수 있습니다.
그런 다음 서명 된 여러 사용자가 서명 한 사용자 이름은 무엇이든간에 먹습니다.
처음에는 비디오를위한 파트의 끝 부분에이 모든 작업이 있었기 때문에 비디오를 별도의 비디오로 옮기기 시작 했으므로 약간의 시간을 들여이 중 일부가 어떻게 작동하는지 설명 할 수있었습니다.
시작하겠습니다.
그리고 내가 할 일은 헤터를 열어주는 것입니다.
예.
여기에 세 개의 링크를 담당하는 세 줄이 있습니다.
로그인을 적절히 표시하고 숨기려면 로그인 로그 아웃하십시오.
우리는 간단한 E.J. esque 논리.
다음과 같은 if 문이 있습니다.
이것은 단지 의사 코드입니다.
그러나 사용자가 로그인을 표시하고 등록하지 않으면 로그 아웃 링크가 표시됩니다.
지금 당연히 이것은 진짜 자바 스크립트가 아닙니다.
우리는 그것에 대해 연구해야 할 것입니다.
하지만 우리가 할 일은 변수를 전달하는 것입니다. 여기서 우리가 캠프 그라운드를 지나가거나, 캠프 그라운드를 다시 지나가는 동안 우리는 사용자 객체를 전달할 것입니다. 로그인 한 사용자에 대한 정보가 있거나 로그인 한 사용자가없는 경우.
그것은 정의되지 않은 비어있을 것이고 우리는 템플릿 대신에 그 사용자 변수를 사용할 수 있습니다.
그래서 그것이 정의되지 않았다면.
사용자가 정의되지 않았는지 확인합니다.
그렇지 않으면 링크에 로그를 표시하십시오.
먼저 사용자에 대한 데이터를 얻을 수있는 방법을 알아내는 것으로 시작하겠습니다.
그리고 나는이 루트 중 하나에서 시작하겠습니다. 멋진 캠프장을 얻은 후 캠프장 인덱스 페이지를 작성하겠습니다.이 코드는 멋진 루트이고 많은 코드가이 경로로 리디렉션됩니다.
그리고이 모든 것의 중요한 부분은 직접적인 사용자 요청입니다.
따라서 사용자에게 모든 정보가 포함되도록 요청하십시오.
모든 정보가 아니라 현재 로그인 한 사용자의 사용자 이름과 ID입니다.
그래서 내가 보여줄거야.
사용자가 요청을 로그하고 서버를 시작한 다음 서버를 새로 고칩니다.
그리고 우리는 정의되지 않습니다.
현재 로그인 한 사용자가 없기 때문입니다.
그래서 사용자들에게 비어있는 것을 요청하십시오.
그것은 존재하지 않습니다.
그러나 일단 내가 로그인하면 여권은 사용자가 사용자 이름과 ID가 아닌 사용자 데이터를 입력하는 요청을 생성하는 것입니다. 비밀번호가 아니거나 요청 사용자의 사용자 이름과 ID뿐입니다.
그래서 로그인 Severus 비밀 번호를 클릭 로그인 이제 당신이 볼 수있는 보러 가자 사용자가 요청합니다.
우리의 템플릿에서 정말 유용 할 것입니다.
그래서 나는 그것을 지금 통과시킬 것입니다.
그걸 없애 버려.
그리고 캠프장 후에 우리는 요청 사용자와 동등한 또 다른 변수 인 Akol 현재 사용자를 갖게됩니다.
그리고 우리의 템플릿에서 현재 사용자가 있는지 확인하는 간단한 논리를 작성할 수 있습니다.
그런 다음 템플릿에서 현재 사용자 변수를 사용하여 매우 간단한 논리를 추가 할 수 있습니다.
이제 저장하고 색인을 생성하겠습니다.
예.
캠프장 지수는 바로 맨 위에 있습니다.
그냥 현재 사용자를 출력하고 서버를 다시 시작하자.
그리고 내가 지금 간다면 우리는 아무 것도 볼 수 없지만 여러 번 로그인하면 몇 번이고 다시 현재 사용자를 볼 수 있습니다.
이제 우리는이 데이터를 우리의 템플릿으로 전달할 것입니다. 그러나이 인덱스 템플릿 대신에 이것을 사용하는 대신 실제로 탐색 바 템플릿의 헤더 안에 사용하고 싶습니다.
템플릿을 통과하는 변수에 액세스 할 수 있음을 기억하십시오.
파샬의 내부조차도.
그래서 우리는 각각의 if 문을 추가 할 것이고 단지 이것처럼 보일 것입니다.
현재 사용자가 없으면 우리는 그 두 개의 링크를 표시하고 나머지는 로그 아웃 링크를 표시 한 다음 Ejaz 태그가 필요합니다.
그러니 그처럼 평등 한 징후는 없습니다.
이제 거의 완료되었으므로 현재 사용자 변수가 비어 있는지 확인한 다음이를 표시합니다.
그렇지 않으면 로그 아웃 링크가 표시됩니다.
그러나 이것은 다른 루트에서 현재 사용자를 통과시키지 않으므로 적어도이 루트 슬래시 캠프장에서만 작동합니다.
하지만 제대로 작동하는지 확인해 봅시다.
따라서 페이지를 새로 고침하면 앱이 다시 시작됩니다.
큰.
로그인 만하고 가입해야하는데 로그인하지 않았기 때문입니다.
이제 로그온을 클릭하면 헤더 파일이 있고 현재 사용자를 사용하려고하지만 현재 사용자를 전달하지 못하는 문제가 발생합니다.
그래서 실제로 슬래시 캡 글라스를 제외하고 현재 사용자를 통과시키지 않기 때문에 현재 Ackbar 인 모든 경로에서이 작업이 수행됩니다.
그래서 우리가하고 싶은 것은 기본적으로 현재의 모든 사용자에게이 경로를 통해 현재 사용자를 전달하는 것입니다.
그리고 그 중 일부는 비어있을 수 있지만 일부는 사용자 데이터를 가지지 만 모든 경로에서 사용할 수 있기를 원합니다.
사용 후 다른 업데이트 사용을 추가하기 위해 모든 경로와 위쪽 경로에 수동으로 추가 할 필요가없는 쉬운 방법이 있습니다. 우리는 우리 자신의 작은 미들웨어를 추가 할 것입니다.
우리가 제공하는 모든 기능이 모든 경로에서 호출됩니다.
그래서 함수 요청 응답을 주려고하고 다음 변수도 필요합니다.
우리가하고 싶은 일은 사용자에게 모든 단일 템플릿에 대한 요청을 전달하는 것이고, 그렇게하는 쉬운 방법이 있습니다.
Sake rez 지방 주민.
현재 사용자 요청 사용자는 우리가 놔둔 것이 무엇 이건간에 우리가 템플릿 대신 사용할 수있는 것입니다. 그리고 나서 다른 모든 중요한 경로는 모든 단일 경로에 대해 실행되는 미들웨어이기 때문에 실제 다음 코드로 이동해야합니다.
우리가 이것을 가지고 있지 않으면 멈출 것입니다.
다음에 아무 것도 일어나지 않으므로 대부분의 경우 실제로 경로 처리기가 될 다음 미들웨어로 이동하기 위해 다음을 가질 필요가 없습니다.
이제 서버를 다시 시작하면 서버가 페이지를 새로 고칩니다.
이것은 잘 작동합니다.
로그인하면 양식이 로그되며 오류가 발생하지 않습니다.
그리고 내가 로그인하지 않았기 때문에 올바른 링크를 볼 수 있습니다.
이제 내가 sœvres로 다시 로그인하면 로그 아웃이 잘되고 로그 아웃을 시도합니다.
굉장해.
그래서 효과가 있습니다.
내가하고 싶었던 마지막 일은 당신이 로그인 할 때 한 번 더 해봅시다.
로그인하고 가입하는 대신 여기에서 확인하고 싶습니다.
현재 Zephyrus로 로그인했음을보고 싶습니다. 매우 쉽게 할 수 있습니다.
우리의 향한 각각 대신에.
예, 우리는 이미 현재 사용자가 있으므로 다른 사용자가 있다면 다른 동맹자를 추가하고 동맹자가 텍스트를 추가합니다.
로그인 해 보겠습니다.
그리고 우리는 해석하거나 각각을 태그로 추가합니다.
현재 사용자 도트 사용자 이름을 저장하고 다시 시작한 다음 어떻게 보이는지 봅시다.
우리는 그것을 약간 새로 고쳐야 할 수도 있습니다.
다시 거짓말합시다.
세 베루스로 로그인했습니다.
그리고 우리는 그것을 스타일링하고 싶습니다.
그래서 그것을 다른 것들처럼 앵커 태그로 만들자. 그리고 우리는 단지 H ref를주지 않을 것이다. 그래서 당신은 손가락 태그 Atra를 얻을 수있다. 단지 파운드 기호와 같다.
이것이 실제로 우리가 가지고 있지 않은 프로필 페이지에 대한 링크가되는 것은 의미가 있습니다.
그러나 프로필 페이지가 있다면 이것을 클릭하면 프로필로 이동하게되지만 지금은 괜찮습니다.
따라서 로그 아웃하면 사라질 것입니다.
등록을 시도하고 어떻게 작동하는지 봅시다.
그래서 나는 보라색 부인으로 가입 할 것이고 비밀 번호는 자주색이 될 것이다.
가입하고 다시 보라색으로 로그인하면 로그 아웃하고 모든 것을 두 번 확인해 보겠습니다.
제가 새로운 코멘트를 추가하려고하면 액세스 할 수 있지만 로그 아웃하면 시도하고 할 수 없습니다.
먼저 로그인하라고했습니다.
그렇기 때문에 Joachim에게 인증을 추가하는 기본 사항을 공식적으로 완료했습니다.
이번 레슨에서 보았던 새로운 것들을 잠깐 살펴 보겠습니다.
특히 우리가 여기에 설정 한 사용자는 아무도 로그인하지 않았다면 사용자가 비어 있거나 현재 사용자의 ID에 사용자 이름을 포함하도록 요청합니다. 그래서 우리는이 함수를 호출 할 애프터 사용을 사용하고 있습니다. 모든 포장을 마칠 수있는 좋은 방법입니다. 건조하거나 코딩 할 필요가없는 모든 경로이므로 모든 경로에서이 작업을 수행해야합니다. 이제 8 년 후 또는 그 이후를 통과하기 때문에 실제로 제거 할 수 있습니다. 다른 하나는 템플릿에서 간단한 IF 문을 작성하고 해당 논리를 각 TM과 결합하는 것입니다 정말 강력 할 수 있습니다.
우리는이 버튼들을 보이거나 숨길 수 있습니다.
현재 로그인 한 사용자를 표시 할 수 있습니다.
정말 중요한 것.
OK. 그래서 그것은 마라톤의 작은 조각이었다.
다섯 가지 섹션이 있지만 작동하도록했습니다.
먼저 사용자 모델을 만들었습니다.
우리는 Sign-Up 등록 양식과 경로를 작성한 다음 로그인 한 다음 로그 아웃 한 다음 탐색 막대에서 작업하고 링크를 표시 및 숨기고 현재 로그인 한 사용자를 표시했습니다.