ExpressJS中的布局是什么？

Question

我正在阅读Express模板引擎（ejs/Jade）的指南。

他们对布局和偏好做了很多引用？

它们是什么？

Answer 1

布局基本上是一个页面的整体结构。因此，例如，开放的html标签，头部分，正文等定义页面的结构，其中区域和侧边栏以及其他内容。

另一方面，Partials是标记的小片段。构建页面的块。所以，假设你有一个带有顶部导航栏，主要内容区域和侧栏的网站。你的导航可能是一个部分，主要内容区域将由几个部分的实例组成。在博客的情况下，在主页上，主要内容区域将具有多个相同部分呈现的实例。

所以，他们的名字确实是字面的。布局定义了页面的整体布局，部分是页面的部分。

参见：http://www.hacksparrow.com/express-js-jade-partials-how-to-use-them.html

和，而不是expressjs或节点相关的概念仍然适用：https://github.com/handlino/FireApp/wiki/Templates,-layouts,-and-partials

Answer 2

您可以布局觉得作为一个主类，所有的css文件进行了扩展。布局是我们css.For EG的基本结构： -

layout.jade

doctype 5 
html 
    head 
    title= title 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    body 
    block content 

所以我们的主要文件将是

index.jade

extends layout 

block content 
    #wrapper 
    #img 
     a(href='/') 
     img(src='/images/img.png') 
    #display 
     #login 
     form(method='post') 
      | Enter your name 
      div 
      input(type='text', name='username') 
      input(type='submit', value='Log In') 

但要小心关于间距......;）