django 1.6-如何将基于类的视图作为{%include%}插入模板中

我当前的模板结构有一个扩展自

base.html

的

home.html

。该

home.html

文件也有自己的

{%include%}

标记，这些标记从其他模板（联系人表单等）中拉入

我遇到的问题是，当我在基于类的视图上使用

{%include%}

标记时，模板中不会呈现任何内容。我仍然可以转到基于类的视图的url，它在那里呈现得很好

在本例中，

frontpabe/contact.html

是一个典型的基于函数的视图，而

frontpage/skills\u list.html

是一个基于类的视图

home.html：

    <div class="col-lg-4">

      {% block contact %}
      {% include 'frontpage/contact.html' %}
      {% endblock %}

      {% block skills %}
      {% include 'frontpage/skills_list.html' %}
      {% endblock %}

    </div>

{%block contact%}
{%include'frontpage/contact.html%}
{%endblock%}
{%block skills%}
{%include'frontpage/skills_list.html%}
{%endblock%}

contact.html：

{% block contact %}

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

{% endblock %}

{%block contact%}
{%if错误%}

{错误%中的错误为%0}
{{error}}
{%endfor%}

{%endif%}
{%csrf_令牌%}




{%endblock%}

技能列表.html：

{% block skills %} 

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{% endblock %} 

{%block skills%}
{技能列表%中项目的百分比}
{{item.skills}}
{%endfor%}
{%endblock%}

您的问题与它是基于函数的视图还是基于类的视图无关，

{%include%}

标记只包含模板本身，它不调用视图。从字面上看，就好像你只是将联系人或技能模板的文本复制并粘贴到你的首页模板中

在没有看到其余代码的情况下，我无法100%确定，但您的问题可能在于，主页的视图类或函数没有可变的技能列表，或者，如果有，它是空的。所以你的

skills\u list.html

模板正在被使用，它只是呈现一个空列表的循环结果（快速检查是在

{%for…%}

之外添加一点静态文本，比如“HELLO？”到

skills\u list.html

；如果你看到了这一点，你肯定是在呈现模板

---

如果它是一个缺少的

skills\u list

变量，几乎可以肯定是因为对视图/模板的误解。您可能是在CBV中定义了与

skills\u list.html

模板关联的模板，但是，

{%include%}

标记不调用视图；它只包含原始模板本身。

扩展和包含是不同的，不应一起使用。如果要定义块，则让子模板扩展父模板并覆盖块-无需包含：

home.html：

<div class="col-lg-4">

  {% block contact %}
  {% endblock %}

  {% block skills %}
  {% endblock %}

</div>

{% extends 'home.html' %}

{% block contact %}

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

{% endblock %}

{% extends 'home.html' %}
{% block skills %} 

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{% endblock %} 

<div class="col-lg-4">

  {% include 'frontpage/contact.html' %}
  {% include 'frontpage/skills_list.html' %}

</div>

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{%block contact%}
{%endblock%}
{%block skills%}
{%endblock%}

---

contact.html：

<div class="col-lg-4">

  {% block contact %}
  {% endblock %}

  {% block skills %}
  {% endblock %}

</div>

{% extends 'home.html' %}

{% block contact %}

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

{% endblock %}

{% extends 'home.html' %}
{% block skills %} 

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{% endblock %} 

<div class="col-lg-4">

  {% include 'frontpage/contact.html' %}
  {% include 'frontpage/skills_list.html' %}

</div>

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{%extends'home.html%}
{%block contact%}
{%if错误%}

{错误%中的错误为%0}
{{error}}
{%endfor%}

{%endif%}
{%csrf_令牌%}




{%endblock%}

---

技能列表.html：

<div class="col-lg-4">

  {% block contact %}
  {% endblock %}

  {% block skills %}
  {% endblock %}

</div>

{% extends 'home.html' %}

{% block contact %}

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

{% endblock %}

{% extends 'home.html' %}
{% block skills %} 

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{% endblock %} 

<div class="col-lg-4">

  {% include 'frontpage/contact.html' %}
  {% include 'frontpage/skills_list.html' %}

</div>

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{%extends'home.html%}
{%block skills%}
{技能列表%中项目的百分比}
{{item.skills}}
{%endfor%}
{%endblock%}

---

或者，您可以使用包括： home.html：

<div class="col-lg-4">

  {% block contact %}
  {% endblock %}

  {% block skills %}
  {% endblock %}

</div>

{% extends 'home.html' %}

{% block contact %}

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

{% endblock %}

{% extends 'home.html' %}
{% block skills %} 

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{% endblock %} 

<div class="col-lg-4">

  {% include 'frontpage/contact.html' %}
  {% include 'frontpage/skills_list.html' %}

</div>

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{%include'frontpage/contact.html%}
{%include'frontpage/skills_list.html%}

---

contact.html：

<div class="col-lg-4">

  {% block contact %}
  {% endblock %}

  {% block skills %}
  {% endblock %}

</div>

{% extends 'home.html' %}

{% block contact %}

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

{% endblock %}

{% extends 'home.html' %}
{% block skills %} 

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{% endblock %} 

<div class="col-lg-4">

  {% include 'frontpage/contact.html' %}
  {% include 'frontpage/skills_list.html' %}

</div>

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{%if errors%}

{错误%中的错误为%0}
{{error}}
{%endfor%}

{%endif%}
{%csrf_令牌%}

---

技能列表.html：

<div class="col-lg-4">

  {% block contact %}
  {% endblock %}

  {% block skills %}
  {% endblock %}

</div>

{% extends 'home.html' %}

{% block contact %}

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

{% endblock %}

{% extends 'home.html' %}
{% block skills %} 

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{% endblock %} 

<div class="col-lg-4">

  {% include 'frontpage/contact.html' %}
  {% include 'frontpage/skills_list.html' %}

</div>

    {% if errors %}
        <ul>
            {% for error in errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
    {% endif %}

    <form action="" method="post">
    {% csrf_token %}
        <input type="text" name="subject" placeholder="I want a free estimate...">
        <p></p>
        <input type="text" name="email" placeholder="email address (optional)">
        <p></p>
        <textarea name="message" placeholder="here are some things I need..."></textarea>
        <br />
        <input type="submit" value="Submit">
    </form>

    {% for item in skills_list %}

        <h3 style='background-color:yellow;'> {{ item.skills }} </h3>

    {% endfor %}

{%用于技能列表中的项目%}
{{item.skills}}
{%endfor%}

你的回答完全正确。事实证明，错误循环在我的

contact.html

中不起作用。现在我的问题是，我不知道如何将模板和视图都嵌入到

home.html

模板中。在生成主页的视图中，你可以使用在技能列表vie中使用的相同代码w、 并将skills\u list变量添加到主页的上下文中。如果主页使用基于类的视图，则可以在覆盖的get\u context\u data（）中执行此操作方法。如果您的主页使用函数视图，则只需将代码放在函数的底部，并将“技能列表”添加到返回的上下文中。获取技能的实际行取决于您的模型，但它类似于

skills\u set=skills.objects.all（）

或

skills\u set=skills.objects.filter（…）

。明白了-原来我完全误用了模板的概念。谢谢你建议我在

主页

视图中添加一个变量，这就解决了我问题的根本问题。很高兴听到这个消息。祝你好运！