Node.js 和 Express - 关于通过一次调用渲染目录中的页面

标签 node.js express pug modular

希望我没有在这里重复问题,但我环顾四周,没有看到任何解决这个特定问题的内容。

我通过创建一堆存储在文件夹中的独特内容 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 循环,而是简单地使用 included 内容调用 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/

相关文章:

node.js - Nodejs/Golang aes 256解密

javascript - 套接字在foreach中挂起多个get调用

Javascript 文件未在端口 8080 上加载

pug - Jade/pug - 链接包装在同一容器中最后一个标签后面

node.js - Jade 将空的 `style` 元素添加到 `head`

node.js - 使用 SAS (NODEJS) 从 Azure Blob 存储创建可共享 URI

javascript - 尝试上传到 aws s3 存储桶时收到 400 Bad Request

javascript - 在 Express 路由器中使用 multer 进行文件上传

node.js - 在接受请求之前等待数据库连接

javascript - 为什么在哈巴狗的简单渲染中显示 'Cannot Get/'?