Question

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

他们对布局和部分进行了大量的引用？

他们是什么？

Answer 1

布局基本上是页面的整体结构。例如，打开html标签，头部，主体等定义页面结构，区域和侧边栏等等。

另一方面，

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

所以，真的，他们的名字很字面。布局定义页面的整体布局，部分是页面的部分 - 部分。

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

并且，虽然与expressjs或node无关，但这些概念仍然适用：https://github.com/handlino/FireApp/wiki/Templates,-layouts,-and-partials

Answer 2

您可以将布局视为主类，并且所有css文件都将其扩展。布局是我们css的基本结构。例如： -

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')

但要注意间距...;）

ExpressJS中的布局是什么？

2 个答案: