Nodejs 如何获取ejs模板页面中的所有变量？

Nodejs 如何获取ejs模板页面中的所有变量？

最近在用 node.js + express + ejs + 数据库 做个小型系统，遇到这样一个问题，还请各位大神不吝赐教。

问题现象如下：

node.js 中每 response.render 一次给 ejs模板页面时，必须要将模板页面中的所有变量赋值才可以。是否有什么好的方案，可以让当前程序只需要给其中某一个变量赋值而已，这样子可以降低程序的维护性。

个人现阶段的想法是，可否通过某种渠道获取 ejs 模板页面中的所有变量，这样，我可以通过循环来给有特定需要的变量赋值，其他的皆赋空值即可。


2 回复

Node.js 如何获取 EJS 模板页面中的所有变量？

问题描述

最近在使用 node.js + express + ejs + 数据库开发一个小系统时遇到了一个问题。每次通过 response.render 渲染 EJS 模板页面时，必须为模板页面中的所有变量赋值。这不仅增加了代码的复杂度，还降低了程序的可维护性。因此，我想知道是否有更好的方法，能够只给模板页面中的一部分变量赋值，而其他变量则自动赋为空值。

解决方案

EJS 模板引擎本身并没有提供直接获取模板文件中所有变量的功能。不过，我们可以采用一些间接的方法来实现这个目标。以下是具体步骤和示例代码：

  1. 创建一个默认变量对象：在渲染模板之前，先定义一个包含所有可能变量的默认对象，并初始化为空值。
  2. 合并用户传入的数据：在渲染模板时，将用户传递的数据与默认对象进行合并。
  3. 渲染模板：最后使用合并后的数据对象来渲染模板。

示例代码

const express = require('express');
const app = express();
app.set('view engine', 'ejs');

// 定义默认变量对象
const defaultVariables = {
    title: '',
    content: '',
    user: {},
    // 其他变量...
};

app.get('/', (req, res) => {
    const user = { name: 'John Doe' }; // 用户传递的数据

    // 合并默认变量和用户数据
    const data = { ...defaultVariables, ...user };

    // 渲染模板
    res.render('index', data);
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

解释

  • 默认变量对象：我们首先定义了一个包含所有可能变量的默认对象 defaultVariables，并将所有变量初始化为空值或空对象。
  • 合并数据：在渲染模板之前，我们将用户传递的数据（例如从数据库查询得到的数据）与默认变量对象合并。使用扩展运算符 { ...defaultVariables, ...user } 可以确保用户传递的数据优先级更高，覆盖默认值。
  • 渲染模板：最后，我们将合并后的数据对象传递给 res.render 方法，用于渲染 EJS 模板。

这种方法不仅可以简化代码，还可以提高程序的可维护性和灵活性。如果将来需要添加新的变量，只需修改默认变量对象即可，无需更改渲染逻辑。


要在 Node.js 中获取 EJS 模板页面中的所有变量，目前没有直接的方法来实现这一点。EJS 模板引擎并没有提供内置的方法来获取模板文件中定义的所有变量。不过，你可以通过一些间接的方法来达到类似的效果。

一种可能的解决方案是，在渲染模板之前，先定义一个默认的对象，然后根据需要修改该对象中的某些属性。这样你就可以确保模板中所有的变量都有值，并且只改变你需要的部分。以下是一个简单的例子：

const express = require('express');
const app = express();
app.set('view engine', 'ejs');

// 定义默认的变量对象
const defaultData = {
    title: "默认标题",
    content: "默认内容",
    // 添加更多变量...
};

app.get('/', (req, res) => {
    // 修改需要的变量
    const data = Object.assign({}, defaultData, {
        title: "自定义标题"
    });

    // 渲染模板并传递数据
    res.render('index', data);
});

app.listen(3000, () => console.log('Server running on port 3000'));

在这个例子中，defaultData 对象包含了模板所需的所有变量的默认值。当需要渲染模板时，通过 Object.assign() 方法来合并默认数据和实际的数据。这样，你只需要修改需要更改的部分，而不需要为每个变量都编写赋值语句。

这种方法虽然不能直接获取模板文件中的变量列表，但可以有效地管理和更新数据，从而简化代码的维护工作。

回到顶部