이 글은 html 템플릿을 이용한 Express의 세부 코드를 주로 소개하고 있는데 내용이 꽤 괜찮아서 참고용으로 올려봅니다. 편집기를 따라 살펴보겠습니다.
express는 기본적으로 jade 템플릿을 사용하며 ejs 또는 html 템플릿 사용을 지원하도록 구성할 수 있습니다.
1은 프로젝트 루트 디렉토리에 설치를 설치하십시오 저장하면 html 파일에 접근할 수 있습니다.
참고: Express로 구축된 서버에서는 html 엔진이 구성되지 않습니다. 보기 엔진이 구성되어 있으므로 직접 추가하면 됩니다. 구성을 수정하기만 하면 됩니다. -------------------------------------- ----------------------------------------이 수정된 내용으로 무엇을 하셨나요? 설정?
뷰 엔진을 수정한 후 html 엔진에 설정을 추가해야 하는 이유는 무엇인가요?
먼저 .engine() 메서드를 살펴보겠습니다.npm install ejs
var ejs = require('ejs'); //我是新引入的ejs插件
app.engine('html', ejs.__express);
로드된 템플릿 엔진은 동일한 메소드 .__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');
Html
에서 Requirejs를 사용한 모듈 개발 분석위 내용은 HTML 템플릿을 사용한 표현 코드 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!