使用Node JS将变量传递给Jade / Pug
Jade（现已更名为Pug）是一种流行的模板引擎，常用于Node JS应用程序中。它允许开发者使用简洁的语法来生成HTML页面。在开发过程中，我们经常需要将变量传递给Jade / Pug模板，以便在生成的HTML中动态地显示数据。本文将介绍如何使用Node JS将变量传递给Jade / Pug模板，并提供一些案例代码来帮助您更好地理解。传递变量给Jade / Pug模板在Node JS中，我们可以使用res.render()方法将变量传递给Jade / Pug模板。这个方法接受两个参数：模板的文件路径和一个包含变量的对象。在模板中，我们可以使用#{变量名}的语法来引用传递的变量。下面是一个简单的示例代码：javascript// 引入所需的模块const express = require('express');const app = express();// 设置模板引擎为Pugapp.set('view engine', 'pug');// 定义路由app.get('/', (req, res) => { // 定义要传递给模板的变量 const name = 'John Doe'; const age = 25; // 渲染模板并传递变量 res.render('index', { name: name, age: age });});// 监听端口app.listen(3000, () => { console.log('Server is running on port 3000');});在上述示例中，我们首先引入了必要的模块并设置了Pug作为模板引擎。然后，我们定义了一个根路由，其中包含了要传递给模板的两个变量name和age。最后，我们使用res.render()方法来渲染名为index的模板，并将变量传递给它。在模板中使用传递的变量在Jade / Pug模板中，我们可以使用#{变量名}的语法来引用传递的变量。下面是一个简单的index.pug模板的示例代码：pugdoctype htmlhtml head title My Pug Template body h1 Hello #{name}! p You are #{age} years old.在上述示例中，我们使用了#{name}和#{age}来引用传递的变量。这些变量将被动态地替换为实际的值。当我们访问根路由时，将显示一个标题为"Hello John Doe!"的h1标签和一个包含年龄信息的p标签。通过Node JS将变量传递给Jade / Pug模板是一种常见的做法，可帮助我们动态地生成HTML页面。本文介绍了如何使用res.render()方法将变量传递给Jade / Pug模板，并提供了一个简单的示例代码来演示这个过程。通过理解这些概念，您可以更好地利用Jade / Pug模板引擎来构建动态的Node JS应用程序。