express 사이트 에서 ejb 템 플 릿 엔진 사용 하기

2129 단어 expressejs 템 플 릿
vs 를 사용 하여 만 든 express 사이트 입 니 다.기본적으로 jade 템 플 릿 엔진 을 사용 하지만 저 는 이런 방식 을 좋아 하지 않 습 니 다.html 자체 의 의미 특성 이 제 가 좋아 하 는 것 이 라 고 생각 합 니 다.또한 html 자체 도 충분히 간결 하고 html 자 체 를 템 플 릿 언어 로 사용 하 는 것 이 제 취향 에 맞 기 때문에 저 는 ejs 를 선택 하 겠 습 니 다.
1.설치
사이트 루트 디 렉 터 리 에서 콘 솔 을 시작 하고 입력 합 니 다.

npm install ejs
 

패키지 가 node 에 설 치 됩 니 다.modules 디 렉 터 리 아래.

2 APP.JS 수정
app.js 를 수정 하여 view engine 를 ejs 로 변경 합 니 다.(템 플 릿 의 접 두 사 를.html 로 변경 합 니 다)

 app.set('views',path.join(__dirname , 'views') );
 app.engine('.html', require('ejs').__express); 
 app.set('view engine', 'html');
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>
그리고 router 에서 index.js 를 수정 합 니 다.

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: '  11111' });
});
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
vue router 학습 의 동적 경로 와 내장 경로 에 대한 상세 한 설명
10 분 동안 vue 스크롤 행 위 를 자세히 이해 합 니 다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage