2012-08-11 124 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