Express'teki bir şablondan içeriğe nasıl geçiş yapabilirim?

Question

Temel bir Express sunucusuna sahibim:

Temel bir yeşim düzeni ile:

// views/layout.jade: 
!!! 5 
html(lang='en') 
    head 
    title= pageTitle 
    body 
    h1= pageTitle 
    aside(id="sidebar")= sidebarContent 
    #content 
     #{body} 

Ve basit bir sayfa:

# views/welcome.jade: 
// How do I pass pageTitle and sidebarContent out to the layout from here? 
p 
    Welcome to my fine site! 

(Rails'de content_for gibi bir şey olabilir veya basit bir örnek değişkeni.)

Answer 1

olsa sayfa görüntüleme ve kapanışları sihirli hem mevcuttur, ben istek nesnesini içeren olmadan çalışır oldukça zarif çözüm buldu. Buradaki ipucu, sayfa başlığı değişkenini etrafındaki get() ve set() işlevini sağlayan bir kapamaya sarmak ve bu sarmalayıcı nesnesini page_title dinamik yardımcısının sonucunu yapmaktır. ,

exports.create = function() { 
    var value = null; 
    return { 
     get: function() { 
      return value; 
     }, 
     set: function (new_value) { 
      value = new_value; 
     } 
    }; 
} 

Yani) (oluşturmak çağıran üzerinde bir get() ve set() metodu ile bir nesne döndürür almak ve kapatma değişkeni ayarlayın:

bir property.js oluşturun.

Ardından, uygulamanın ayar kodunda:

var property = require("./property.js"); 
    app.dynamicHelpers ({ 
     page_title: function() { 
     return property.create(); 
     } 
    }); 

dinamik Yardımcısı'nın değeri beri görünümü ve şablonda, onun işlevini çağırarak sonucudur, page_title değişken (get sarıcı nesne olacak) ve set() işlevleri.

- page_title.set ("my specific page title"); 

Ve mizanpajınızda: Size göre

, daha sonra söyleyebiliriz

exports.creator = function() { 
    return function() { 
     return exports.create(); 
    }; 
} 

:

title= page_title.get() 

property.js bu ekleyerek, biraz daha bu basitleştirmek için

Dinamik yardımcılar bildirimi engellemesini şu şekilde basitleştirmenizi sağlar:

 var property = require("./property.js"); 
     app.dynamicHelpers ({ 
      page_title: property.creator() 
     }); 

Answer 2

Geçiş halk içinde: {some: 'Locals', pageTitle: 'Welcome!'}

Answer 3

Ekspres o raylar içinde aramak ne olursa olsun "bloklar" veya bir önyargıya sahip değildir, ancak yardımcıları() ve dynamicHelpers() benzer bir şey elde etmek bir arada kullanabilirsiniz http://expressjs.com/guide.html#app-helpers-obj-

geçti

Yerliler düzeni ve dynamicHelpers hakkında yukarıdaki ucu kullanarak

Answer 4

Bu küçük parçacığı kullanarak bunu yapabilirsiniz.

prop.js:

var hash = {}; 
module.exports = function() { 
    return { 
     set: function(key, val) { hash[key] = val }, 
     get: function(key) { return hash[key] } 
    }; 
}; 

sunucusu.js:

app.dynamicHelpers({ prop: require(__dirname + '/views/helpers/prop') }); 

---

Görünüm:

<% prop.set('foo', 'bar') %> 

Düzen:

<%= prop.get('foo') %> 

Answer 5

layout.jade

# the following function is a safe getter/setter for locals 
- function pagevar(key, value) { var undef; return (value===undef) ? locals[key] || null : locals[key] = value; } 
block config 
    #intended as a non-rendered block so that locals can be overridden. 
    # put your defaults here... - use append in the child view 
!!! 
html 
    head 
    title=pagevar('title') 
    meta(name='description',content=pagevar('description')) 
...

page.jade

append config 
    - locals.title = 'override'; 
    - locals.description = 'override 2'; 
    - pagevars('somekey', 'some value'); 
...

Easy peazy. o DocPad dayalı bir cms olsa Ekspres 3 şablonu agnostik için

Answer 6

, express-partials

app.use (req, res, next)-> 
    req.locals = {} unless req.locals 

    res.locals.content_for = (k, v = null)-> 
    if !v 
     req.locals[k] 
    else 
     req.locals[k] = v 

    next()