Express 사이트에서 ejs 템플릿 엔진 사용 예제에 대한 자세한 설명-JS 튜토리얼-php.cn

Express 사이트에서 ejs 템플릿 엔진 사용 예제에 대한 자세한 설명

小云云

풀어 주다： 2018-02-03 14:43:31

원래의

1688명이 탐색했습니다.

이 글에서는 주로 Express 사이트에서 ejs 템플릿 엔진을 사용하는 방법을 소개합니다. 편집자는 이것이 꽤 좋다고 생각합니다. 이제 여러분과 공유하고 참고하겠습니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

VS를 사용하여 만든 Express 사이트는 기본적으로 Jade 템플릿 엔진을 사용하지만 HTML 자체의 의미적 특성도 마음에 드는 것 같아서 이 방법은 별로 좋아하지 않습니다. 게다가 HTML 자체도 충분히 간결합니다. html 자체를 템플릿 언어로 사용하는 것이 내 선호도에 더 부합하므로 ejs를 선택합니다.

1. 설치

웹사이트의 루트 디렉터리에서 콘솔을 시작하고

npm install ejs

로그인 후 복사

패키지는 node_modules 디렉터리에 설치됩니다.

2 APP.JS

수정 app.js를 수정하고 뷰 엔진을 ejs로 변경하세요. (그리고 템플릿의 접미사를 .html로 변경합니다.)

 app.set(&#39;views&#39;,path.join(__dirname , &#39;views&#39;) );
 app.engine(&#39;.html&#39;, require(&#39;ejs&#39;).__express); 
 app.set(&#39;view engine&#39;, &#39;html&#39;);

로그인 후 복사

3 테스트 페이지를 만듭니다.

views 폴더에 다음 내용으로 index.html을 만듭니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Pivotal Search</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- HTML5 shim, for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
   <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
  <![endif]-->
  <!-- styles -->
  <link href="css/style.css" rel="external nofollow" rel="stylesheet">

</head>
<body>
    <%= title %>
</body>
</html>

로그인 후 복사

그런 다음 the router.js:

/* GET home page. */
router.get(&#39;/&#39;, function(req, res, next) {
  res.render(&#39;index&#39;, { title: &#39;测试11111&#39; });
});

로그인 후 복사

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

Express 사이트에서 ejs 템플릿 엔진 사용 예제에 대한 자세한 설명