express - ExpressJS 中的布局是什么？

Question

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

他们对布局和局部进行了很多引用？

这些是什么？

Answer 1

布局基本上是页面的整体结构。因此，例如，开始的 html 标记、头部部分、正文等定义了页面的结构、区域和侧边栏等等。

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

所以，真的，他们的名字是相当字面的。布局定义了页面的整体布局，部分是页面的部分——部分。

另见：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的基本结构。例如：-

布局.jade

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

所以我们的主文件将是

索引.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')

但要注意间距... ;)