django - 如何在 django 项目中添加 css 和 jquery 文件？

Question

我正在为我的一个网络项目学习 Django。在我的项目中附加 css、jquery 文件时遇到困难。模板非常简单，不需要使用extends。只需一页形式。我做了什么来声明我的媒体文件:在settings.py文件中:添加路径:

`import os

def path(*x):
    return os.path.join(os.path.abspath(os.path.dirname(__file__)), *x)

`然后添加:

MEDIA_ROOT = path('media') #media is my folder where all the css,js file are 
MEDIA_URL = '/media/'
ADMIN_MEDIA_PREFIX = '/media/'
TEMPLATE_DIRS = (
    path('templates')

在urls.py文件中添加:

from django.conf import settings
urlpatterns = patterns('',
    (r'^media/(?P<path>.*)$', 'django.views.static.serve', { 'document_root' : settings.MEDIA_ROOT }),

在模板文件中，我尝试了所有这些类型的声明:

<script type="text/javascript" src="/media/jquery.min.js"></script> 
    <script type="text/javascript" src="/media/site.js"></script>   
    <link rel="stylesheet" type="text/css" media="screen" href="/media/screen.css" />
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}test.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../media/screen.css" />

但是当我将模板文件加载为简单的 html 时:

<script type="text/javascript" src="../media/jquery.min.js"></script> 
    <script type="text/javascript" src="../media/site.js"></script> 
<link rel="stylesheet" type="text/css" media="screen" href="../media/screen.css" />

这有效。但我需要集成到我的 Django 项目中。希望能得到导航并解决它:)谢谢

Answer 1

正确的语法位于您尝试失败的列表中:

<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}test.css" />

如果您将 MEDIA_URL 定义为“/media/”，则该链接将是 /media/test.css。

假设您有以下目录结构:

my_project
    |-- settings.py
    |-- urls.py
    |-- media
        |-- test.css

我会仔细检查您的所有文件和目录名称，确保没有任何错误/额外的斜杠等。

另外，我认为“test.css”应该是“screen.css”，就像在所有其他示例中一样......

但基本上，只要您的文件确实位于正确的位置。那么你所拥有的就会发挥作用。