4.3 静态网页模板

在项目目录之中,建立一个子目录views,用于存放网页模板。

假定这个项目有三个路径:根路径(/)、自我介绍(/about)和文章(/article)。那么,app.js可以这样写:

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

app.get("/", function(req, res) {
   res.sendfile("./views/index.html");
});

app.get("/about", function(req, res) {
   res.sendfile("./views/about.html");
});

app.get("/article", function(req, res) {
   res.sendfile("./views/article.html");
});

app.listen(3000);

上面代码表示,三个路径分别对应views目录中的三个模板:index.html、about.html和article.html。另外,向服务器发送信息的方法,从send变成了sendfile,后者专门用于发送文件。

假定index.html的内容如下:



   首页



Express Demo



   首页 - 自我介绍 - 文章





上面代码是一个静态网页。如果想要展示动态内容,就必须使用动态网页模板。

文章导航