> 웹 프론트엔드 > HTML 튜토리얼 > HTML 템플릿을 사용한 표현 코드 분석

HTML 템플릿을 사용한 표현 코드 분석

不言
풀어 주다: 2018-06-11 17:20:06
원래의
1611명이 탐색했습니다.

이 글은 html 템플릿을 이용한 Express의 세부 코드를 주로 소개하고 있는데 내용이 꽤 괜찮아서 참고용으로 올려봅니다. 편집기를 따라 살펴보겠습니다.

express는 기본적으로 jade 템플릿을 사용하며 ejs 또는 html 템플릿 사용을 지원하도록 구성할 수 있습니다.

1은 프로젝트 루트 디렉토리에 설치를 설치하십시오 저장하면 html 파일에 접근할 수 있습니다.

참고: Express로 구축된 서버에서는 html 엔진이 구성되지 않습니다. 보기 엔진이 구성되어 있으므로 직접 추가하면 됩니다. 구성을 수정하기만 하면 됩니다.

-------------------------------------- ----------------------------------------

이 수정된 내용으로 무엇을 하셨나요? 설정?

뷰 엔진을 수정한 후 html 엔진에 설정을 추가해야 하는 이유는 무엇인가요?

먼저 .engine() 메서드를 살펴보겠습니다.

npm install ejs
로그인 후 복사

Express는 기본적으로 jade 템플릿을 사용합니다. "foo.jade" 파일을 로드하려고 하면 Express는 내부적으로 다음 작업을 호출합니다.

var ejs = require('ejs'); //我是新引入的ejs插件
로그인 후 복사

EJS 템플릿을 ".html" 파일에 매핑하는 등 다른 템플릿 엔진을 사용하려는 경우:

app.engine('html', ejs.__express);
로그인 후 복사

이 코드 줄에서는 EJS의 .renderFile() 메서드가 실제로 호출됩니다. EJS의 메소드 인테리어의 또 다른 이름입니다.

로드된 템플릿 엔진은 동일한 메소드 .__express를 호출하기 때문에 ejs 템플릿을 사용하는 경우에는 이 항목을 구성할 필요가 없습니다.

요약: html 템플릿을 사용하는 경우 app.engine('html', require('ejs').__express);를 추가해야 합니다.

EJS 템플릿을 사용하는 경우 이 항목을 구성할 필요가 없습니다.

이때 views 폴더에 index.html 파일이나 index.ejs 파일을 생성하면 기본 index.jade 파일은 계속 접근하게 됩니다. 왜 이런가요? 여기서 이야기하고 싶은 것은 .set( ) 메소드 그 중 하나의 항목은 '뷰 엔진'으로, 파일 템플릿 형식이 지정되지 않은 경우 기본적으로 사용되는 엔진 플러그인을 나타냅니다. 이를 html 파일로 설정하면 해당 파일을 지정하기 위한 경로를 설정할 때 파일명만 적어주면 해당 html 파일을 찾아줍니다. 이 시점에서 나의 상상력은 활짝 열려서 뷰에서 test.jade, test.ejs, test.html 세 개의 파일을 생성하려고 했습니다. 라우팅 설정은 다음과 같습니다. 접근은 정상입니다! 각 경로는 해당 파일을 가리킵니다. 물론 이런 글쓰기 방식은 전혀 권장되지 않으며 현실과도 부합하지 않습니다.

app.set('view engine', 'html');
로그인 후 복사

위 내용은 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

관련 권장 사항:

Html

에서 Requirejs를 사용한 모듈 개발 분석

위 내용은 HTML 템플릿을 사용한 표현 코드 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿