jade 예제

jade 예제

Express.js는 모든 템플릿 엔진과 함께 사용할 수 있습니다. 여기서는 다양한 Jade 템플릿을 사용하여 HTML 페이지를 동적으로 만듭니다. false 값이 있는 특성은 HTML 출력에서 생략됩니다. 그러나 값이 전달되지 않으면 true가 가정됩니다.예: 위의 예에서 볼 수 있듯이 먼저 express 모듈을 가져온 다음 app.set() 메서드를 사용하여 뷰 엔진을 설정합니다. set() 메서드는 Express.js의 응용 프로그램 설정 속성 중 하나인 “뷰 엔진”을 설정합니다. HTTP 홈 페이지에 대 한 요청에서 res.render() 메서드를 사용 하 여 보기 폴더에서 sample.jade 렌더링 합니다. 그것은 의견에 관해서, 우리는 그들을 출력 하거나 하지 선택할 수 있습니다. 전자의 경우 자바 스크립트 스타일 //; 후자의 경우 //-를 사용합니다. 예를 들어, Jade는 Haml의 Node.js 형제로, 공백과 들여쓰기를 언어의 일부로 사용한다는 의미입니다. 따라서 적절한 구문을 따르도록 주의해야 합니다. Jade는 자바 스크립트에 의존 할 필요가 없도록 훌륭한 루핑 구문을 제공합니다. 배열을 반복해 보겠습니다: 이제 Express.js를 사용하여 Jade 템플릿 위에 렌더링할 다음 코드를 작성합니다.

Express.js 및 비취 템플릿 엔진을 사용하는 기본 노드 기반 웹 앱. 비취는 Node.js의 템플릿 엔진입니다. 비취 구문은 배우기 쉽습니다. 구문의 일부로 공백 및 들여쓰기를 사용합니다. 조건과 마찬가지로, 비취의 반복기는 각 (예: 조금 혼란스럽거나 비취에 대해 더 알고 싶다면) 문서로 넘어갈 수 있습니다. 예를 들어, HTML에서이 영화 카드를 살펴 : 우리는 10 영화를 가지고 우리는 그들 각각에 대한 좋은 영화 카드를 구축 할 수 있습니다. 처음에는 IMDB 링크를 사용할 계획이 없습니다. 영화가 5 보다 높은 등급을 받으면 엄지 손가락을 위로 주며, 그렇지 않으면 엄지 손가락을 내려 줍니다. 우리는 다음을 수행하는 몇 가지 모듈 형 코드를 작성하는 비취의 모든 좋은 기능을 사용합니다 : 이것은 놀라운 고장입니다, 감사합니다. 나는 비취 주위에 많은 시간을 걷어 차봤지만 뉘앙스를 파고 시간이 없었기 때문에 특정 부분 / 기능을 계속 포기했습니다. 많은 감사. 다음은 `src/예제` 디렉터리에 배포된 모든 예제 프로그램의 목록입니다.

Comments are closed.

    About

    This is the deafult sidebar, add some widgets to change it.