5.4 渲染模板

最后，改写app.js文件。

// app.js文件

var express = require("express");
var app = express();

var hbs = require("hbs");

// 加载数据模块
var blogEngine = require("./blog");

app.set("view engine", "html");
app.engine("html", hbs.__express);
app.use(express.bodyParser());

app.get("/", function(req, res) {
   res.render("index",{title:"最近文章", entries:blogEngine.getBlogEntries()});
});

app.get("/about", function(req, res) {
   res.render("about", {title:"自我介绍"});
});

app.get("/article/:id", function(req, res) {
   var entry = blogEngine.getBlogEntry(req.params.id);
   res.render("article",{title:entry.title, blog:entry});
});

app.listen(3000);

上面代码中的render方法，现在加入了第二个参数，表示模板变量绑定的数据。

现在重启node服务器，然后访问http://127.0.0.1:3000。

node app.js

可以看得，模板已经使用加载的数据渲染成功了。