希望我没有在这里重复问题,但我环顾四周,没有看到任何解决这个特定问题的内容。
我通过创建一堆存储在文件夹中的独特内容 block 来构建一些页面 - 如下所示:
h4 Content Example
p.description.
Lorem ipsum dolor sample text etc etc
例如,pages\contentBlocks\Example\contentExample.jade
。
这些内容 block 被添加到一个 mixin (pages\mixins.jade
) 中,如下所示:
mixin contentBlock(title)
.content-block(id=title.toLowerCase())
h3 #{title}
if block
.content
block
我在一个更大的页面(pages\portfolio.jade
)中调用这个 mixin,如下所示:
.subsection
//- Expects a list of objects of the format { title, html }
each val in pageBlocks
+contentBlock(val.title)
!= val.html
(目的是稍后使用可以传递到 mixin 中以进行就地格式化的其他变量来增强此功能,例如背景图像)
我想利用 Express 的功能在一次调用中自动呈现目录中的所有页面。像这样(index.js
):
var pageBlocks = [];
res.render('pages/contentBlocks/Example/*', function (err, html) {
if (err) throw err;
pageBlocks.push({ html: html });
});
但是,我还希望能够引用文件的标题,例如设置我放入的 block 的class
。理想情况下,它看起来像这样:
res.render('pages/contentBlocks/Example/*', function (err, html) {
if (err) throw err;
pageBlocks.push({ title:functionToGetFileName(), html: html });
});
有没有办法在不手动遍历该目录中的文件的情况下执行此操作?
或者,由于这个方法看起来不必要地复杂(考虑到 mixins、includes、extends 和partials 的存在,感觉我应该能够在没有额外渲染调用的情况下做到这一点),有没有更好的方法来做到这一点?
<小时/>编辑:我做了更多的查看和代码测试,现在我不确定。 Express 能否隐式渲染目录中的所有文件?基于this question ,我以为可以,但我可能读错了。 res.render('path/to/directory/', callback)
的格式似乎不起作用 - 我收到以下错误:
Error: Failed to lookup view "path/to/directory/" in views directory "/path/to/app/views"
最佳答案
对于临时解决方案,我使用以下模式:
exampleBlocks = [];
eb_dir = "pages/contentBlocks/Example";
fs.readdirSync("./views/" + eb_dir).forEach(function(file) {
res.render(eb_dir + "/" + file, function (err, html) {
if (err) throw err;
exampleBlocks.push({title: file, html:html})
});
});
对于我的口味来说,这已经足够简洁了,尽管多次调用 res.render()
让我的头脑沙沙作响。我宁愿它是单个批量渲染,或者更好的是,通过巧妙地使用 Jade 结构来解决 - 但我仍然没有想到一种方法来实现后者。
编辑:
我决定不只是简单地枚举文件夹中的文件 - 我想要更多地控制顺序。我不会在页面中使用 each
循环,而是简单地使用 include
d 内容调用 mixin,如下所示(在我之前的示例中为 pages\portfolio.jade
):
.subsection
+contentBlock("Block 1")
include blocks/block1
+contentBlock("Block 2")
include blocks/block2
不过,我会将问题留在这里,因为其他人可能会遇到类似的问题。
关于Node.js 和 Express - 关于通过一次调用渲染目录中的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22368126/