第一个模板(ok)

添加模板

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

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

  1. 声明项目用的模板引擎是ejs。
  2. 添加路由，当用户访问 \/index 时，返回 views\/index 模板渲染出来的页面
  3. 渲染模板时，传了点数据进去（标题）
var express = require('express');
var path = require('path');
var app = express();

// 模板引擎配置
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// 返回模板渲染的页面
app.get('/index', function(req, res, next){
    res.render('index', {
        title: '程序猿小卡的第一个模板'
    });
});

app.listen(3000);

模板如下：（代码）

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1><%= title %></h1>
    <p>模板就是这么简单</p>
  </body>
</html>

运行代码查看效果

node first-view.js

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

第一个模板(ok) - 图1