2012-08-11 88 views
7

我的问题是我的玉石布局文件渲染不正确。呈现正文,但生成的html中的头标记是空的。我试图单独渲染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' 
    }); 
}, 

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

+0

您使用的是什么版本的快递?在版本3中,我相信布局的概念已被删除。 – 2012-08-11 07:39:38

+0

我正在使用3.0.0 我的同事制作了玉文件。因为他不是以英语为母语的人,所以我代表他在这里写信。你能否指出我应该做些什么来获得与使用旧式布局相同的效果? – 2012-08-11 07:53:23

回答

18

在表达式3中,布局被移除以支持模板继承,如解释here所述。玉readme描述了这是如何工作的,另一个例子是here

您将需要用block body(或类似的)替换div!= body。然后在index.jade的顶部,您需要添加extends layout。最后将index.jade的内容置于block body(或您在layout.jade中使用的任何名称)下。

+0

非常感谢你解决了这个问题! – 2012-08-11 09:09:00

+0

David,你如何将变量发送到Jade中的部分('include partials/header')? – 2013-12-04 09:57:21