快递，jade布局文件渲染body但不渲染head答案

【问题标题】：Express, jade layout file rendering body but not rendering head快递，jade布局文件渲染body但不渲染head
【发布时间】：2012-08-08 10:03:38
【问题描述】：

我的问题是我的翡翠布局文件没有正确渲染。渲染了正文，但生成的 html 中的 head 标签为空。我试过单独渲染 layout.jade 文件，效果很好。

这是我的 layout.jade 文件

!!!
html
    head
        title= title
        link(rel='stylesheet', href='stylesheets/style.css')
        script(type='text/javascript', src='javascripts/jquery-1.7.2.js')
        link(rel='stylesheet', href='stylesheets/pictogram-button.css')
body
    header(style='padding-bottom:50px;')
        include partials/header
    section(style='min-height:600px;') 
        div!= body
    footer.footer
        include partials/footer

这是我的 index.jade 文件

.line_h100t
.column_wrap800
    .round_box1_w800
        .list_fl10
            ul.line_h40
                li(style='margin-left:20px;')
                    ul
                        li
                            img(src='/images/icon/whiteWithoutCircle/check.png')
                            img(src='/images/login/loginTxt.png')
                    ul.line_h40t
                        li(style='margin-left:50px;')
                            p 로그인이 필요하신 분은
                            p Oopa Roopa 관리팀으로 문의해 주세요!
                li(style='border-left:1px solid #999; padding:0 0 0 20px;')
                    ul
                        li
                            span.text_yellow ID
                    ul
                        li
                            input.login_input(type='text')
                    ul.line_h35t
                        li
                            span.text_yellow PASSWORD
                    ul
                        li
                            input.login_input(type='password')
                li
                    ul.line_h10t
                        a.button-bevel.transparency(href='#')
                            .line_h35
                                span.lock
                                p(style='width:100px;') LOGIN

这是我的快速应用程序中呈现索引文件的函数。

    adminLogin : function (req,res) {
    res.render( 'index', {
        title: 'Admin Login',
        pageCategory: 'Admin Login',
        pageName : 'index'
    });
},

提前感谢您给我的任何帮助。

【问题讨论】：

您使用的是什么版本的快递？在第 3 版中，我相信布局的概念已被删除。
我正在使用 3.0.0 我的同事制作了玉文件。由于他不是以英语为母语的人，我代表他在这里写信。您能否指出我应该做些什么才能获得与使用旧样式布局相同的效果。

标签： node.js express pug

【解决方案1】：

在 express 3 中，删除了布局以支持模板继承，如 here 所述。玉readme 描述了它是如何工作的，另外一个例子是here。

您需要将div!= body 替换为block body（或类似名称）。然后在index.jade 的顶部，您需要添加extends layout。最后将index.jade 的内容放在block body（或您在layout.jade 中使用的任何名称）下。

【讨论】：

David，如何将变量发送到 Jade 中的部分 (include partials/header)？