Nodejs express3多视图路径要怎么写？

Nodejs express3多视图路径要怎么写？

app/a/views/a.html app/b/views/a.html views/a.htm app.set(‘views’, __dirname +???);

这个要怎么写？

4 回复

Node.js Express 3 多视图路径配置

在使用Express 3时，如果你的应用中有多个视图文件夹，并且希望Express能够识别这些文件夹中的模板，你可以通过设置views属性来指定这些路径。以下是如何配置多个视图路径的步骤。

示例代码：

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

// 设置多个视图路径
app.set('views', [
    __dirname + '/app/a/views',
    __dirname + '/app/b/views',
    __dirname + '/views'
]);

// 设置视图引擎（例如EJS）
app.set('view engine', 'ejs');

// 示例路由
app.get('/', function(req, res) {
    res.render('a'); // 假设你想渲染 app/a/views/a.html 或 views/a.html
});

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

解释：

  1. 设置视图路径：

    • 使用 app.set('views', [...]) 方法可以设置一个数组，其中包含多个视图文件夹的路径。
    • 在这个例子中，我们设置了三个路径：__dirname + '/app/a/views'、__dirname + '/app/b/views' 和 __dirname + '/views'。

  2. 设置视图引擎：

    • 这里我们假设使用的是EJS作为视图引擎。你可以根据需要选择其他模板引擎，如Pug、Handlebars等。
    • 使用 app.set('view engine', 'ejs') 来设置视图引擎。

  3. 渲染视图：

    • 使用 res.render('a') 渲染名为a的视图文件。Express会按顺序检查你设置的所有视图路径，直到找到匹配的文件为止。

这样配置后，Express将能够自动查找并渲染位于指定路径中的视图文件。如果在多个路径中存在同名的视图文件，Express会优先使用第一个路径中找到的文件。

这种方式使得你的应用结构更加灵活和模块化，特别是在处理大型项目时非常有用。


你看看这个帖子

http://stackoverflow.com/questions/11315351/multiple-view-paths-on-node-js-express

试了，貌似没有成功。

在 Express 3 中，你可以通过设置 app.set('views') 来指定多个视图路径。然而，Express 3 本身并不直接支持设置多个视图路径，但你可以通过一些技巧来实现这一点。

一种方法是将所有视图文件放在一个根目录下，并使用子目录来组织它们。另一种方法是通过自定义模板引擎来实现这一目标。以下是一个示例，展示如何设置多个视图路径：

示例代码

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

// 设置单一视图路径为包含所有视图文件的根目录
app.set('views', [
    __dirname + '/app/a/views',
    __dirname + '/app/b/views',
    __dirname + '/views'
]);

// 如果你需要使用自定义模板引擎，可以这样做：
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');

app.get('/', function(req, res) {
    res.render('a'); // 这里假设你想渲染 app/a/views/a.html 或 views/a.html
});

app.listen(3000, function() {
    console.log('App is running on port 3000');
});

解释

  1. 设置视图路径：

    • app.set('views', [...]) 接受一个数组作为参数，数组中的每个元素都是一个视图路径。

  2. 渲染视图：

    • 使用 res.render('a') 渲染视图时，Express 会按顺序搜索这些路径下的文件。例如，它会先查找 __dirname + '/app/a/views/a.html'，如果找不到，则查找 __dirname + '/app/b/views/a.html'，最后查找 __dirname + '/views/a.html'。

  3. 模板引擎：

    • 这个例子中使用了 EJS 模板引擎，你可以根据需要选择其他模板引擎（如 Jade、Pug 等）。

注意事项

  • 在实际项目中，建议保持视图结构清晰，避免在一个大目录中混杂多个模块的视图文件。
  • 如果你需要更复杂的逻辑，可以考虑自定义中间件或扩展 app.set('views') 的功能。

这种方法可以使你的视图文件结构更加清晰，同时仍然能够有效地组织和访问这些文件。

回到顶部