添加模板

代码如下，模板引擎的配置语法、参数这里先不用关心，后面会详细进行介绍。

下面代码无非做了以下事情：（代码）

  1. 声明项目用的模板引擎是ejs。
  2. 添加路由，当用户访问 \/index 时，返回 views\/index 模板渲染出来的页面
  3. 渲染模板时，传了点数据进去（标题）
  1. var express = require('express');
  2. var path = require('path');
  3. var app = express();
  5. // 模板引擎配置
  6. app.set('views', path.join(__dirname, 'views'));
  7. app.set('view engine', 'ejs');
  9. // 返回模板渲染的页面
  10. app.get('/index', function(req, res, next){
  11.     res.render('index', {
  12.         title: '程序猿小卡的第一个模板'
  13.     });
  14. });
  16. app.listen(3000);

模板如下：（代码）

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title><%= title %></title>
  5.     <meta charset="utf-8">
  6.   </head>
  7.   <body>
  8.     <h1><%= title %></h1>
  9.     <p>模板就是这么简单</p>
  10.   </body>
  11. </html>

运行代码查看效果

  1. node first-view.js

浏览器里访问 http:\/\/127.0.0.1:3000\/index

第一个模板(ok) - 图1