Nodejs Express3是不是去掉了视图助手？

Nodejs Express3是不是去掉了视图助手？

书上有一个app.helper，我查询了手册，没有发现这个功能了。有没有人做一份文档，标明哪些函数，或者属性已经在新版中去除，让新手快点知道。像Node，express,ejs等旧的东西

3 回复

Node.js Express3 是否去掉了视图助手？

问题背景

在阅读一些关于 Node.js 和 Express 的书籍时，你可能会遇到 app.helper 这样的概念。然而，在实际使用过程中，你可能发现 app.helper 并不在当前的版本中可用。这引发了一个疑问：Express 3 是否去掉了视图助手的功能？

答案

Express 3 并没有完全去掉视图助手的概念，但确实有一些变化。在 Express 3 中，app.helper 已经被移除，取而代之的是一个更灵活的中间件机制。你可以通过自定义中间件来实现类似的功能。

示例代码

以下是一个简单的例子，展示如何在 Express 3 中创建一个视图助手：

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

// 定义一个视图助手
function viewHelper(req, res, next) {
    res.locals.helperFunction = function(str) {
        return str.toUpperCase();
    };
    next();
}

// 使用中间件
app.use(viewHelper);

// 设置模板引擎
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');

// 路由
app.get('/', function(req, res) {
    res.render('index', { message: 'hello world' });
});

// 启动服务器
app.listen(3000);

在这个例子中，我们定义了一个名为 viewHelper 的中间件函数。该函数将一个名为 helperFunction 的方法添加到 res.locals 对象中。res.locals 是一个对象，用于存储响应渲染时使用的变量。在视图中，你可以直接调用 helperFunction 方法来处理数据。

视图文件（index.ejs）

假设你的视图文件 index.ejs 如下所示：

<!DOCTYPE html>
<html>
<head>
    <title><%= message %></title>
</head>
<body>
    <h1><%= helperFunction(message) %></h1>
</body>
</html>

当你访问根路径时，页面会显示 “HELLO WORLD”，因为我们在视图中调用了 helperFunction 方法，并传入了 message 变量。

总结

虽然 app.helper 在 Express 3 中已经被移除，但你可以通过自定义中间件来实现类似的功能。这种方式更加灵活，也更符合现代 Express 的设计理念。希望这些信息对你有所帮助！


Express 3.x 新特性 https://github.com/visionmedia/express/wiki/New-features-in-3.x

从Express 2.x 到 3.x 的迁移 https://github.com/visionmedia/express/wiki/Migrating-from-2.x-to-3.x

建议看看Express的官网：http://expressjs.com/

回复

是的，在Express 3 中确实去掉了 app.helpers 功能。这是因为 Express 3 进行了一次重大重构，使得其架构更加清晰，并且简化了一些配置项。如果你需要添加一些视图助手（view helpers），你可以使用中间件来实现类似的功能。

例如，你可以使用 res.locals 或者直接在路由处理函数中将数据传递给视图模板。

示例代码

const express = require('express');
const app = express();

// 使用 res.locals 设置全局变量
app.use((req, res, next) => {
    res.locals.appName = 'MyApp';
    next();
});

// 定义一个路由
app.get('/', (req, res) => {
    // 可以在这里设置局部变量
    res.render('index', { message: 'Hello World' });
});

// 渲染视图时可以直接使用这些全局变量
app.set('views', './views'); // 设置视图目录
app.set('view engine', 'ejs'); // 设置模板引擎为 EJS

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

视图模板 (views/index.ejs)

<!DOCTYPE html>
<html>
<head>
    <title><%= appName %></title>
</head>
<body>
    <h1><%= message %></h1>
</body>
</html>

在这个例子中，我们使用了 res.locals 来设置全局变量 appName，这样在所有视图中都可以访问到这个变量。同时在具体的路由中，我们也可以设置一些局部变量如 message，并在视图中使用它们。

如果你需要更复杂的视图助手，可以考虑使用专门的中间件或库来实现。希望这个示例能帮助你更好地理解如何在Express 3 中实现视图助手的功能。

回到顶部