ExpressJS의 레이아웃은 무엇입니까?

Question

Express 용 템플릿 엔진 (ejs/Jade)에 대한 가이드를 읽고 있습니다.

그들은 레이아웃과 부분을 많이 참조합니까?

무엇입니까?

Answer 1

레이아웃은 기본적으로 페이지의 전체 구조입니다. 그래서 예를 들어, 페이지의 구조를 정의하는 여는 html 태그, 머리 부분, 본문 등, region과 sidebars 및 이것 저것이있는 곳.

반면 부분 문자는 마크 업의 작은 스 니펫입니다. 페이지의 빌딩 블록. 따라서 최상위 탐색 모음, 기본 콘텐츠 영역 및 세로 막대가있는 사이트가 있다고 가정합니다. 네비게이션은 아마도 부분적 일 것이고, 주요 컨텐츠 영역은 여러 부분의 부분으로 구성 될 것입니다. 블로그의 경우 홈페이지에서 주 콘텐츠 영역에는 동일한 부분의 여러 인스턴스가 렌더링됩니다.

그래서 실제로 그 이름은 문자 그대로입니다. 레이아웃은 페이지의 전체 레이아웃을 정의하고 부분은 페이지의 조각 - 부분입니다. https://github.com/handlino/FireApp/wiki/Templates,-layouts,-and-partials이

Answer 2

당신은 메인 클래스로 레이아웃 생각할 수있는 모든 CSS 파일을 확장합니다 expressjs 또는 노드와 관련이없는 동안 http://www.hacksparrow.com/express-js-jade-partials-how-to-use-them.html

가와, 개념은 여전히 ​​적용

도 참조하십시오. 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') 

수 그러나 조심해야합니다 - : 레이아웃의 기본 우리 css.For 예의 구조 간격에 관해서 ...;)