express框架结合jade模板引擎使用

最新推荐文章于 2025-05-15 16:49:53 发布

weixin_33728268

最新推荐文章于 2025-05-15 16:49:53 发布

阅读量862

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yk123/p/7196597.html

本文介绍如何在Express框架中使用Jade模板引擎创建网页。通过在views文件夹下建立jade.jade文件并设置Express与Jade的关联，实现动态页面渲染。在JavaScript中配置Express和Jade，然后通过GET请求渲染模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在views文件夹里新建一个jade.jade文件作为模板:

html
    head
        title 哈哈
    body
        #box
            ul
                li 标题1
                li 标题2
                li 标题3
                li 标题4
        #aside

在js里关联:

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

app.engine("jade",jade.__express);
app.set("view engine","jade");
app.get("/",function (req,res) {
    res.render("jade");//对应views文件夹里的jade.jade文件
})
app.listen(3000);

浏览器访问3000端口: