Jade(现在被称为Pug)是一种流行的模板引擎,用于Node.js应用程序中生成HTML。在使用Express.js与Jade/Pug模板引擎时,可以通过几种方式定义和使用本地变量。
Jade/Pug模板引擎:它允许开发者使用简洁的语法来编写HTML,支持逻辑和循环结构,以及变量的插入。
Express.js:这是一个基于Node.js的web应用框架,它提供了一系列强大的特性来帮助创建各种web应用。
res.render
方法中传递一个对象,该对象的属性将作为本地变量在模板中使用。res.render
方法中传递一个对象,该对象的属性将作为本地变量在模板中使用。问题:在模板中无法访问定义的变量。
原因:
res.render
方法。解决方法:
res.render
时传递了正确的变量对象。假设我们有一个简单的Express应用,使用Pug作为模板引擎:
const express = require('express');
const app = express();
app.set('view engine', 'pug');
app.get('/', function(req, res){
res.render('index', { title: 'Welcome Page', content: 'This is a welcome message.' });
});
app.listen(3000, function(){
console.log('App is listening on port 3000!');
});
对应的Pug模板index.pug
可能如下所示:
doctype html
html
head
title= title
body
h1= content
这样,当用户访问根路径时,他们将看到一个标题为“Welcome Page”的页面,以及一段文本“This is a welcome message.”。
通过这种方式,你可以灵活地在Express.js应用中使用Jade/Pug模板引擎定义和使用本地变量。
领取专属 10元无门槛券
手把手带您无忧上云