将css,js等文件连接到我的Django渲染HTML网页

时间:2018-01-10 22:25:20

标签: python html django web

我试图渲染我的HTML网页,但我遇到了一些问题。

这是我的views.py文件:

from django.shortcuts import render

def index(request):
    return render(request, 'index.html')

以下是我的settings.py文件的TEMPLATES部分:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['portfolio/PersonalSite',
                 'portfolio/PersonalSite/css/bootstrap.min.css',
                 'portfolio/PersonalSite/css/styles.css',
                 'portfolio/PersonalSite/js/scripts.min.js',
                 'portfolio/PersonalSite/files',
                 'portfolio/PersonalSite/libs/font-awesome/css/font-awesome.min.css',
                 'portfolio/PersonalSite/images/Guelph_Hacks_Logo.jpg',
                 'portfolio/PersonalSite/images/Tilt.jpg',
                ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

正如您所看到的,我尝试通过在此处添加所有单个缺失路径来解决问题,但遗憾的是没有运气:(

并输出错误消息:

Django version 2.0.1, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
[10/Jan/2018 16:54:41] "GET / HTTP/1.1" 200 10678
Not Found: /libs/font-awesome/css/font-awesome.min.css
[10/Jan/2018 16:54:42] "GET /libs/font-awesome/css/font-awesome.min.css HTTP/1.1" 404 2178
Not Found: /css/styles.css
[10/Jan/2018 16:54:42] "GET /css/styles.css HTTP/1.1" 404 2094
Not Found: /css/bootstrap.min.css
[10/Jan/2018 16:54:42] "GET /css/bootstrap.min.css HTTP/1.1" 404 2115
Not Found: /images/Guelph_Hacks_Logo.jpg
Not Found: /js/scripts.min.js
[10/Jan/2018 16:54:42] "GET /images/Guelph_Hacks_Logo.jpg HTTP/1.1" 404 2136
[10/Jan/2018 16:54:42] "GET /js/scripts.min.js HTTP/1.1" 404 2103
Not Found: /images/Tilt.jpg
[10/Jan/2018 16:54:42] "GET /images/Tilt.jpg HTTP/1.1" 404 2097
Not Found: /j_icon.jpeg
[10/Jan/2018 16:54:42] "GET /j_icon.jpeg HTTP/1.1" 404 2085

如果有人能对我如何正确解决这个问题有所了解,我将非常感激!

1 个答案:

答案 0 :(得分:0)

进行导入的好方法是指出正确的目录

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'portfolio' 'templates'),
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

然后从您的HTML文件中加载和导入静态 将此代码放在html页面的顶部{% load static %} 并且:<link rel="stylesheet" href="{% static "css/styles.css" %}" /> 图像和javascript链接的语法相同