1

Django 初学者。我有一个带有徽标的基本模板和三个内容小节。其中两个小节默认包含 html，其余小节用于每个子页面的内容。

我现在想创建一个不同的页面，具有完全相同的徽标，但具有不同的小节/内容。例如，我可能只需要两个小节，水平格式而不是垂直格式等。

因此，为此我想我需要创建一个新模板 - 问题是我违反了 DRY 原则，因为新模板中的徽标 html 代码与第一个模板完全相同。

那么，在这种情况下，是否有任何设计模式可以解决重复徽标代码的问题？我正在考虑将变量与模板类似isPage1或isPage2传递给模板，然后我将基于此启用/禁用块 - 这是一种可行的方法，任何人都可以提供任何替代方案吗？

非常感谢

4

2 回答 2

6

是的，有一种模式完全符合您的需求。在 DJANGO 中称为模板继承。

您基本上将拥有一个带有标题、徽标和主要内容占位符的基本模板。类似的东西（从我上面放置的链接中提取）：

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css" />
    <title>{% block title %}My amazing site{% endblock %}</title>
</head>

<body>
    <div id="sidebar">
        {% block sidebar %}
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
        {% endblock %}
    </div>

    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>

然后，在您的实际网页（使用模板的网页）上，您将拥有：

{% extends "base.html" %}

{% block title %}My amazing blog{% endblock %}

{% block content %}
{% for entry in blog_entries %}
    <h2>{{ entry.title }}</h2>
    <p>{{ entry.body }}</p>
{% endfor %}
{% endblock %}

请注意，此处的基本模板称为base.html. 因此，在您的网页中，您可以 base.html通过放置{% extends "base.html" %}. 然后，在该页面中，您只需为特定的block.

于 2013-01-17T11:30:27.160 回答
0 
You can use this inheritance concept in different way.
use same block tags to whole application
filename: index.html
<html>
    <head>
        ---style.css files here---
        {% block title %}title{% endblock %}
        {% block additional_css_files %}css files{% endblock %}
        {% block header %}header and header menus{% endblock %}
    </head>
    <body>
        {% block main_content %}
           your body content here
        {% endblock %}
        {% block scripts %}Script files{% endblock %}
    </body>
</html>

filename: home.html
{% extends "index.html" %}
   {% block title %}title2{% endblock %}# u can overwrite the title with new title
   but if you want to use parent title no need to mention block tags in home.html
   or you have to use {% block title %}{{block.super}}{% endblock %}

   same concept come below. 
   {% block additional_css_files %}css files2{% endblock %}   
   {% block header %}header and header menus{% endblock %}
于 2017-03-07T09:28:17.473 回答