наследование шаблонов из нескольких вложенных шаблонов

Question

Так у меня есть сайт, его структура состоит из различных шаблонов:

- index //the html skeleton, with script tags and css links 
- header //the header of the page 
- topnavigation //contains the main nav with the menu 
- content //this is where the dynamic content will be changed for different pages 
- footer //the footer 

Прямо сейчас, единственный способ я знаю, чтобы интегрировать это:

res.render(content);  
content -> inherits footer 
footer -> inherits topnavigation 
topnavigation-> inherits header 
header -> inherits index 

Я думаю, что было бы гораздо более практичным и прост в обслуживании, если я мог бы что-то вроде:

res.render(content); 
content -> inherits dochead 
index -> includes header + topnnavigation + footer 

• Я не прав?
• Если я прав, как я могу это сделать?

Благодаря

Answer 1

Типичная extends установка нечто большее, как это: (для рабочего примера, вы можете увидеть, как документация Swig устанавливает свои макеты здесь: https://github.com/paularmstrong/swig/tree/master/docs/layouts)

• skeleton.html HTML скелет с блоками:
  • {% block html %}
  • {% block css %}
  • {% block js %}
  • {% block body %}
• base.html расширяет skeleton.html, базовый макет с блоками/субблоков:
  • {% block body %}
    • {% block header %} Включает некоторое содержимое заголовка по умолчанию.
      • {% block nav %} Включает основное навигационное содержимое.
    • {% block content %} Пустой
    • {% block footer %} Включает авторские права и т.д.
• index.html расширяет base.html
  • {% block nav %} (контент для навигации, потенциально, в противном случае просто дайте base.html вынести свое содержание нав
  • Здесь вы также можете переопределить любые другие блоки, установленные в base.html. Если вам требуется больше контроля над шаблоном, подумайте о создании другого подмакета, который расширяет base.html, а затем, используя вместо этого index.html.