首页 > 解决方案 > 使用 jinja 使用块内容时如何包含不同的 js 和 css 文件

问题描述

我正在使用 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' %}

{% 块内容 %} {% endblock %}

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

标签: pythonhtmlcssdjangojinja2

解决方案


把它放在你的setting.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>

推荐阅读