使用Jinja使用块内容时如何包含不同的js和css文件

时间:2019-01-03 12:55:27

标签: python html css django jinja2

我正在使用Django创建一个Web应用程序。我有一个html模板,如下所示:

<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>

  {% block content %}
  {% endblock %}

</body>
</html>

我正在使用此模板使用

创建其他html文件。
  

{%扩展了'document.html'%}

     

{%block content%} {%endblock%}

目前,我指的是原始document.html中的所有css和js文件。我仅在必要时如何在新模板中引用不同的js和CSS文件? 谢谢

2 个答案:

答案 0 :(得分:0)

将此设置为您的设置。py

STATIC_URL = '/static/'

STATIC_ROOT = os.path.dirname(BASE_DIR) + '/staticfiles/'

 STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
 )

在创建的应用程序中创建静态文件夹,然后将您的CSS,js和访问权限放在此处

<link href="{{ static('/app_name/css/reset.css') }}" rel="stylesheet">

<script type="text/javascript" src="{{ static('/app_name/js/jquery-1.11.3.js') }}"></script>

答案 1 :(得分:0)

现在可以了。我只做了几处更改

{% extends 'document.html' %}
{% load staticfiles %}

{% block content %}

例如,现在我可以在新创建的模板中包含我需要的js或css文件,例如

<script src="{% static 'vendors/js/tableexport.min.js' %}"></script>