如何将多个Django块插入一个模板?

时间:2018-01-29 08:23:07

标签: html django django-templates block

我试图通过不同的块或包含方法在一个模板中使用更多不同的视图,但我遇到了困难。我的目标是将我的不同观点应用到一个模板中。我尝试了更多的解决方案,但这些避难所对我有用。我展示了这些解决方案:

我的观点:

def  dashboard_data(request):
    # Here I collect data from my PostgreSQL database I push these into 
    #Objects and I send it to my test_a.html via render like below.

    return render(request, 'my_project/test_a.html', send_data)

def chart_data(request):
    #In these view my final goal is to collect data from database and create 
    #charts but for the simplicity I just use a list (a=[1,2,3,4]) and I 
    #push it to the test_b.html and I render it.


    render(request, 'my_project/test_b.html', send_data))

我的模板:

1,base.html

<!DOCTYPE html>
<html lang="en">
<head>

  {% block title %}<title>My project</title>{% endblock %}
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Include CSS files -->
  {% load static %}
  <!-- Include CSS files -->
  <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
  <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
  <link rel="stylesheet" href="{% static 'css/bootstrap-table.css' %}">
  <link rel="stylesheet" href="{% static 'css/styles.css' %}">
  <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">
</head>

<body>

     {% block sidebar %}

     {% endblock %}

     {% block content%}
     {% endblock %}

</body>
</html> 

1,test_a.html

  {% extends "monitor/base.html" %}

  {%block content%}

  {%for i in table%}
       <p> {{i.record}}</p>
  {%endfor%} 

  {%endblock}

2,测试b.html

  {%for i in a%}
       <p> {{i}}</p>
  {%endfor}

所以我的目标是test_b.html的结果可以出现在base.html中。

我的解决方案:

A :我试图将test_b.html放入一个块并集成到base.html中

1,base.html(test1):

 {% block conent%}

 {% endblock %}

 {% block chart%}

 {% endblock %}

1,test_b.html(test1)

{% extends "monitor/base.html" %}

{%block chart%}    

{%for i in a%}
       <p> {{i}}</p>
{%endfor}

{%endblock%}

B :我尝试使用{{ block.super }}

1,base.html(test1):

 {% block conent%}

 {% endblock %}

1,test_b.html(test1)

{% extends "monitor/base.html" %}

{%block content%}    
 {{ block.super }} 
{%for i in a%}
       <p> {{i}}</p>
{%endfor}

{%endblock%}

C:最后我也使用了include方法,但我也没有为我工作。在这里,我尝试在test_b.html中使用简单的html标签,如(<p>Hello world</p>)并且工作。因此,如果我不使用变量,它可以工作,但我必须使用我的观点中的变量。

1,test_a.html

{% extends "monitor/base.html" %}

{%block chart%}    

{%for i in a%}
      <p> {{i}}</p>
{%endfor}

{%endblock%}
{% include "my_project/test_b.html" %} 

2,test_b.html

{%for i in a%}
     <p> {{i}}</p>
{% endfor %}

2 个答案:

答案 0 :(得分:0)

要包含其他文件中的html,请使用{%include&#39; htmlfilename.hml&#39;如果它是基本模板,则在%{%block%} {%endblock%}之外。 https://docs.djangoproject.com/en/2.0/ref/templates/builtins/#include

<body>
     {% inlcude 'header.html' %}
     {% block sidebar %}

     {% endblock %}

     {% block content%}
     {% endblock %}
     {% include 'footer.html' %}
</body>

如果要跨多个模板使用某些功能,请使用django inclusion_tags表单templatetags https://docs.djangoproject.com/en/2.0/howto/custom-template-tags/#inclusion-tags

答案 1 :(得分:0)

正如@ alessioferri20所提到的,你无法同时渲染2个视图。基本上,一个视图对应于一个HTTP请求&amp;响应。

您可以使用自定义模板标记实现所需目标: https://docs.djangoproject.com/en/2.0/howto/custom-template-tags/

  

但我必须从我的观点中使用我的变量。

例如,chart_data可以是包含标记(https://docs.djangoproject.com/en/2.0/howto/custom-template-tags/#inclusion-tags),这里有一些伪代码:

我们假设你想从你的观点中显示age_stats的图表:

def your_view(request, ...):
    age_stats = {...}
    ....
    return render(request, "template...", {'age_stats': age_stats})

在你的模板中:

{% chart age_stats %}

在模板标签中:

@register.inclusion_tag('path-to/chart.html')
def chart(input_data):
    # collect data from database & use the input_data coming from your view
    data = ...
    return {'data': data}