이 비디오는 언제 Ejaz 파일 대신에 할 수있는 몇 가지 다른 것들을 보여줄 것입니다.
지금까지 우리가 보았던 모든 것들이 일반 HDMI에 추가되었습니다.
또한 Ejaz 태그를 사용하여 redstart 렌더링을 사용하거나 thing 변수를 통해 app 파일에서 전달하는 변수를 사용하는 javascript 한 줄을 추가합니다.
그러나 우리가 Aegeus를 사용하여 항상 할 수 있고 할 수있는 다른 것들이 있습니다.
그래서 우리는 그들에 대해 여기서 이야기 할 것입니다.
이 컨트롤 흐름과 템플릿의 실제 세계에서 몇 가지 예를 보여 주면서 세 가지 주요 목표를 제시하고 각 파일에 IF 문을 작성하는 방법과 루프를 작성할 수있는 방법과 각 경우에 대해 설명합니다 파일.
내가 말하는 것에 대한 예를 보여줌으로써 시작하겠습니다.
그래서 나는 그것을 읽었습니다.
이것은 축구 Sobran 그것입니다.
그리고 제가 여러분이 주목하기를 원하는 것은이 페이지에 25 개의 게시물 목록이 있으며 각 페이지는 약간 다른 점을 제외하고 비슷한 형식을 따르고 있다는 것입니다.
검사하고 내가 말하는 것을 보여 드리겠습니다.
그래서 그들은 모두 div 안에 있습니다.
각 항목은 항목 클래스가있는 div이지만 일부는 비디오에 표시하는 버튼이 있습니다.
그들은 그들 중 일부를 재생할 수있는 트윗과 다른 것들 중 일부에 나는 또한 텍스트를 확장 할 수 있도록이 형식을 따르는 각 게시물에 대해 우리는 클래스 입력 항목을 가진 div를 얻고 있고 각각에는 단락은 Classical과 제목이 같고 클래스의 다른 단락은 tagline과 동일하며 표준화 된 형식을 따릅니다.
그러나 그들은 모두 다르다.
그리고 분명히 그 내용도 다릅니다.
실제 텍스트는 단어의 길이를 모두.
그래서 이것은 우리가 게시물 모음을 가지고있는 템플리트로 끝났습니다. 그리고 우리가이 글을 쓰고 있다고 가정합시다.
나는 우리가 섹시하다고 순위를 매기고 있다고 생각한다.
그러나 Reddit은이를 계산합니다.
그래서 우리는 데이터베이스로부터 모든 게시물을 가지고 있습니다. 그리고 나서 우리는 루프 스루 (loop through)를하고 각 게시물에 대해이 항목들 중 하나를 만듭니다.
그래서 우리의 Ejay 파일은 이와 같이 보일 것입니다.
내가 모든 게시물을 통해 의사 코드 루프를 작성한 다음 각각에 대해 우리가 원하는 것은 게시물을 제공하거나 항목 Div를 만드는 것입니다.
그리고 그 엔트리 div는 제목과 꼬리표 줄을 가지고 있어야하고 그 외의 것은 무엇이든 따라야합니다.
그리고 그것은 모든 단일 게시물에 대해 발생할 것입니다.
그래서 우리는 하나의 게시물에 대한 패턴을 정의 할 것입니다.
그러나 Ejay의 마술을 사용하면 목록의 모든 항목이나 데이터베이스의 모든 항목에 대해 반복 할 수 있습니다.
우리가 할 수있는 또 다른 일은 상황을 좀 다르게 보이게하고 행동을 취하기위한 조건부 논리를 추가하는 것입니다.
그리고 그것이 방법입니다.
여기에 그들 중 일부는 비디오 재생 버튼이 있습니다.
그들 중 일부는 트위터 아이콘이 있습니다.
그들 중 일부는 휘파람을 불게 될 것입니다.
그들 중 일부는 축구 공과 우리가 확장 할 수있는 텍스트가 있습니다.
if 문을 사용하면됩니다.
물론 중앙에서 코드는이 링크가 트위터 닷컴 인 경우 트위터 로고를 표시하고 비디오 또는 GIF 슬래시 인 Jeff를 표시하는 경우이를 표시합니다.
그런 다음 비디오 아이콘을 표시하고이 버튼을 작동 시키십시오.
그리고 게시물이 경기 스레드 인 경우 축구 공을 보여줍니다.
이것은 하나의 웹 사이트에서 템플릿의 로직을 사용하는 것이 얼마나 중요한지 보여주는 예입니다.
하지만 거기에 어떤 웹 애플 리케이션 페이 스북 지메일 트위터 그들은 모두 그것을 사용하는 템플릿 언어지만 그들은 모두 Ejay 우리를 사용하지 않습니다.
거기에 톤과 다른 템플릿 시스템과 언어의 톤 있지만 그들의 핵심 기능은 모두 동일합니다.
다시 HMO에 논리를 추가 할 수 있다는 아이디어가 있습니다.
자 이제이 작업을 수행하고 지금 당장 제거하고 앱으로 돌아가 보겠습니다.
예.
그리고 우리는이 가을을 사랑합니다. 사용자가 입력 한 것이 녹슨 것이거나, 좋은 선택이나 그런 것을 말하는 여분의 선을 표시하는 경우를 검사 할 템플릿 대신에 정말 간단한 비트의 논리를 사용합니다. .
그래서 우리가 할 일은 우리 각자가 처음에는 정규 자바 스크립트 만 쓰고 유효하지는 않지만 자바 스크립트를 작성하는 것입니다.
그래서 트리폴리가 녹슨 전화를하는 것처럼 소문자를 사용하면 대문자와 소문자를 구분할 수 있고 소문자로 처리 할 수 ​​있습니다.
그래서 thing 변수의 소문자 버전이 Rusti와 같다면 우리는 또 다른 행을 할 것입니다.
그리고 저는 여기서 그를 깎아 낼 것입니다. 그러면 좋은 선택이라는 단락을 만들 것입니다.
러스티가 최고입니다.
그리고 나는 이것이 유효하지 않다고 말했다.
각각 예.
우리가해야 할 일은이 코드를 코드에 추가하는 것입니다.
그래서 여기에 타이핑을 시작할 것입니다.
우리의 백분율 equals 그리고 여기에 같은 일이 필요하고 우리는 언제든지 javascript 시작과 끝나는 모든 자바 스크립트 라인을 포장해야합니다.
이 진술이 여기까지 끝나지 않아도 상관 없습니다.
우리는 그것의 각 부분을 개별적으로 포장해야합니다.
여기도 마찬가지입니다.
그냥 그렇게.
이제는 공간을 추가하여 무엇이 무엇인지 쉽게 볼 수 있습니다.
그래서 자바 스크립트를 가져 와서 래프트 된 E.J. 예를 들어 하단의 닫는 괄호를 포함하는 태그는 저장되며 약간의 문제가 있습니다.
서버를 시작하고 페이지를 새로 고치면 구문 오류가 발생합니다.
그리고이 문제를 해결하기 위해해야 ​​할 일은 서버가 돌아가서 이러한 등호를 제거 할 필요가 없도록하고 내가 왜 잠시 후 지금은 제대로 작동하는지 확인해 보도록하겠습니다.
그럼 노드 납치범이 예.
그리고 페이지를 새로 고침하고 우리는 당신에게 tater 꼬마 들아의 영화를 얻습니다.
추신 이 파일은 사랑 DGSE 파일입니다.
이제 녹슬지 않는 사랑의 슬래시에 빠지자.
그리고 지금 그것은 좋은 선택을 말합니다.
Rusty는 우리가 그 라인을 얻지는 못했지만 다른 곳에서는 if 문 때문에 최상입니다.
그렇다면 왜 우리는 등호를 제거해야만 하는가?
대답은 두 가지 유형의 태그와 각각의 예가 있다는 것입니다.
먼저 그들을 써 보겠습니다.
그래서 우리는 등호가있는 곳의이 태그 집합과 등호가없는 곳의 집합을 가지고 있습니다.
실제로 우리가 돌진으로 나중에 보게 될 3 분의 1이 있습니다.
그러나 지금은 이것들이 우리가 필요로하는 유일한 두 가지입니다.
그리고 둘 사이에는 매우 중요한 차이점이 있습니다.
등호를 추가하면이 코드가 여기에 반환하는 값이 반환 된 값이 페이지에 렌더링됩니다.
HQ 메일에 추가됩니다.
만약 우리가 5와 5 같은 것을 가지고 있고 5 개의 5를 더한 것이 좋을 것 같은 텍스트를 여기에 가지고 있다면 우리는 각 팀 자체에서 10으로 끝날 것입니다.
그러나 IF 문과 같은 로직을 수행 할 때 또는 곧 루프를 사용할 때 우리가 곧 보게 될 것입니다.
우리는 HD에 무엇인가 추가하고 싶지 않습니다.
이 논리는 순수하게 논리와 같습니다.
아무것도 표시하지 않아도됩니다.
이것은 표시해야하지만 괄호가 나타나기를 원하지 않거나 스티븐이 나타나기를 원하지 않습니다.
그래서 우리가 논리 제어 흐름을 수행 할 때마다 명령문과 루프는 등호를 사용하지 않습니다.
그래서 다시 등호는 반환 값을 취하여 메일과 등호에 넣지 않습니다.
코드를 실행합니다.
내가 보여줄 마지막 것은 여기에 다른 것을하고 싶다면 우리는 그냥 정규 자바 스크립트를 쓰고 여기에는 닫는 브라켓이 필요하며 등호는 기억해서는 안됩니다.
그리고 제가 여기에 넣은 것은 무엇이든 다른 단락을 만들어 봅시다. 여기서 나쁜 선택을 말합니다.
Rusti OK라고 말하고 서버 새로 고침을 다시 시작해야합니다. 그러면 우리는 나쁜 선택을 받게됩니다.
녹슨이라고 입력하지 않으면 루스티를 말했어 야 했어.
승인.
그래서 우리는 하나의 파일을 가지고 있습니다.이 파일은 우리가 전달하는 변수에 따라 다른 방법으로 반응 할뿐만 아니라 변수가 무엇인지에 따라 반응합니다.
조건부 논리가 있습니다.
나머지 절반에 대해 이야기하고 싶은 부분의 절반은 템플릿에서 루프를 사용하여이를 수행하는 방법입니다.
나는 새 게시물을 정의하고 그렇게 할 것입니다.
다른 경로를 정의하겠습니다.
그래서 내 AP-Reals 파일로 돌아가서 당신이 얻는 앱을 추가하자. 우리는 그런 슬래시 포스트를 얻을 것이다.
그리고 우리가 할 일은 일련의 게시물을 정의하는 것이며 각 게시물에는 제목과 저자가 있습니다.
그래서 우리는 지금 그것을 정의 할 것입니다.
변수 게시물은 배열과 동일합니다.
그리고 그 배열 안에는 우리가 제목이있는 몇 가지 객체가 있습니다. 호스트입니다.
한 저자는 Soozie입니다.
그리고 나서 우리는 초기 데이터를 얻기 위해 똑같은 일을 할 것이고이 데이터를 우리의 관점으로 전달할 것입니다.
그리고보기에서 우리는 그것을 반복 할 것입니다.
그래서 우리는 좀 더 창조적 인 게시물을 여기에 올릴 것입니다.
귀엽다.
그리고 오늘이 야자 나무 스키를 믿을 수 있니?
나는 그것을 철자한다.
승인.
그리고 작가는 Charlie가 될 수 있습니다.
그리고 나서이 파일이 저에게 저장되고 저장되고 나머지 파일은 렌더링되고 파일은 아직 존재하지 않습니다.
그냥 Post라고 부르 자. Ejay 그렇다면 우리는 데이터 게시물을 전달할 것이고 게시물과 동일하다.
그래서 이것은 다시 변수의 이름을 가리키며 여기에있는 글은 템플릿 안에서 호출 할 것이고 정확히 똑같은 것을 보는 것이 일반적입니다.
그러나 당신이 그들이 다르다는 것을 아는 것이 중요합니다. 그것은 우리가해야 할 모든 것입니다.
구하다.
그런 다음 템플릿을 만들어야합니다.
그래서 우리는 터치보기 슬래시 게시물을 할거야.
E.J ..
예.
그리고 나서 C9에서 Slash Post를 사용합니다.
E.J. 예, 여기에서 Post의 페이지 인 간단한 Ejaz 태그를 추가하고 그냥 Ejaz 태그를 추가하고 저장하여 저장하는 방법으로 시작하겠습니다.
이제 Julius가 여기에있는 서버 노드 응용 프로그램을 시작할 수 있습니다. 그러면 게시물을 슬래시로 이동해야합니다. 템플릿에 Post 페이지가 표시되고 인쇄 할 때 또는 Ejay와 같은 백분율을 대괄호로 사용할 때 우리가 볼 수 있습니다. 여기에 배열 가져와.
그러나 실제로 객체 객체를 말하는 모든 것을 보여주지는 않으며 각각의 객체를 반복하여 동맹국을 만들고 동맹국은 저자와 제목을 말해야합니다.
그래서 Ejay없이 먼저 일반 자바 스크립트를 작성해 보겠습니다.
그래서 우리는 루프를 가지고있을 것이고 for 루프를 먼저 할 것입니다.
그래서 var에 대한 제로 제로 게시물 플러스 플러스 플러스보다 적습니다.
그리고 여기에 우리가 할 일은 동맹을 맺는 것입니다.
그리고 지금 당장은 게시물을 여기에 놓고 우리가 이것을 제거 할 수 있다고 말하면서 들어가서 이것을 Ejay와 함께 대괄호로 묶어야합니다.
루프 자체를 표시하지 않기 때문에 등호는 기억하지 마십시오.
이것은 단지 논리 일 뿐이며 하단에있는이 대괄호에 대해 동일한 작업을 수행하고 저장합니다.
그리고 지금 우리가 기대하는 것은 제로에서 세 번까지 3 번 반복 될 것이고 포스트가 여기에 올랐다는 Alwi에서 매번 인쇄 될 것입니다.
그리고 서버를 다시 시작하고 새로 고침하면 3 명의 동맹국을 확보 할 수 있습니다.
이제 우리는 그들에게 게시물의 실제 내용을 말하게하고 싶습니다.
따라서 게시물이 여기에 표시되는 동맹국 대신 동맹국 내에 자바 스크립트를 추가해야하는 위치가 조금 더 효과적입니다.
그리고 우리가 쓰고 싶은 것은 게시물이 많기 때문에 지금은 제목을 제목으로 사용합니다.
각 게시물에는 제목과 저자가 있음을 기억하십시오.
OK로 서버를 시작합니다.
여기에 다시 들어가서 우리는 세 가지 타이틀을 얻습니다.
마지막으로 한 템플릿을 작성하여 작성자에게 대시를 표시하고 작성자를 보유하게하십시오.
그래서 Ejaz 태그의 또 다른 세트입니다.
그리고 우리가 또 다른 세트를 필요로하는 이유는이 둘 사이에이 대시가 필요하기 때문입니다.
또한 대담한 태그를 만드십시오.
강하게하면 우리는 각각의 것을 그 안에 넣을 것입니다.
그래서 그것은 많이 보입니다.
조금 더 들여 씁시다.
그래서 우리는 각 게시물에 대해 동맹국을 만들고 있습니다.
우리는 거기에 갈.
그리고 우리는 포스트 저자 주변에 강한 제목 대시를 가질 것입니다.
승인.
이제 다시 시작하고 새로 고침합니다.
파일을 저장하지 않은 것처럼 보입니다.
이제 우리는 다시 시작하고 새로 고침을하고 거기에 우리가 간다.
우리는 포스트 1 대시를 Soozie 인 저자에게 주었고, 그 다음 글쓴이 인 Charlie와 저자는 대담합니다.
그렇기 때문에 for 루프를 사용할 필요가 없습니다.
foreach 또는 while 루프를 사용하여 똑같은 작업을 수행 할 수 있습니다.
실제로 foreach가 훨씬 더 보편적으로 보일 것입니다. 그래서 각 게시물은 각각에 대해 생각한 다음 여기에 코드를 작성합니다.
기능 게시물.
그리고 나서 양쪽에 대괄호를 추가해야합니다.
이것이 나타나기로되어 있지 않기 때문에 등호는 다시는 없습니다.
그것은 단지 논리 또는 제어 흐름입니다.
그리고 나서 저는이 동맹국을 훔치고 우리가 모든 게시물에 나타나기를 원하기 때문에 동등한 부호로 동맹을 맺게 될 것입니다.
그러나 우리는 한 가지를 바꿔야합니다.
더 이상 for 루프를 사용하지 않습니다.
아니야.
그래서 이것은 단지 Post-Idol이되어서 각각에 대해 a를 사용하는 것을 선호합니다.
짧을수록 간단합니다.
그러나 이것은 또한 게시물보다는이 게시물의 이름을 지정하는 기능을 제공합니다.
우리는 어쨌든 인덱스 변수로 작업 할 필요가 없다는 것을 알고 있습니다.
개인적인 취향의 문제 일 뿐이므로이 둘 모두 똑같은 일을 할 것입니다.
따라서 서버를 저장하고 다시 시작하십시오.
마지막으로 한 번 새로 고침.
그리고 우리는 이제 두 세트가 동일합니다.
하나는 처음 세 개를 설정합니다.
그것은 일반적인 for 루프이고 3 개는 각각을 인쇄하는 데 사용됩니다.
괜찮아.
잠시 시간을내어 모든 것을 마무리하겠습니다.
여기에서 가장 중요한 아이디어는 퍼센트 평등과 단지 퍼센트의 차이입니다.
이 코드는 내부에 반환 된 코드가 무엇이든간에 렌더링됩니다.
기본적으로 여기에 실행되는 코드가 무엇이든 채워질 빈 공간과 같습니다. 이와 달리 등호가 없으면 코드를 평가하지만 실제로 팀에 아무 것도 추가하지 않습니다.
그리고 우리는 등호없이이 괄호를 사용할 것입니다.
우리가 여기에서했던 것처럼 가장 일반적으로 네 개의 if 문이 값이 뭔가와 같은지 확인한 다음이 메일을 인쇄하고 그렇지 않으면이 다른 메일을 만들고 여기에서 수행 한 루프에도 적용합니다.