7

我的问题是我的翡翠布局文件没有正确渲染。渲染了正文，但生成的 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'
    });
},

预先感谢您给我的任何帮助。

4

1 回答 1

18

在 express 3 中，删除了布局以支持模板继承，如此处所述。玉自述文件描述了它是如何工作的，这里还有一个额外的例子。

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

于 2012-08-11T08:04:34.317 回答