如何定义Django模板方法以避免html中的代码重复？

Question

我有两个不同的UI页面。在这两个页面中，5个HTML元素中有2个是常见的，其余3个不是。如何避免重复代码？

当前实施：

{% if page 1 %}
      <h3> Page 1 </h3>
      <div> Element1 </div>
      <div> Element2 </div>
      <div> Element3 </div>
      <div> Element4 </div>
      <div> Element5 </div>
{% elif page 2 %}
      <h3> Page 2 </h3>
      <div> Element1 </div>
      <div> Element2 </div>
      <div> Element6 </div>
      <div> Element7 </div>
      <div> Element8 </div>

如何避免两次写入Element1 Element2？

Answer 1

将公共元素放入单独的模板文件中，例如firstelements.html，然后使用

{% include "firstelements.html" %}

在模板中。

Answer 2

您可以制作一个模板HTML文件，该文件包含要在代码中多次重复的所有元素，以后在代码中使用{% include %}标签可以包含该HTML。