Как связать Django приложение и HTML шаблон с правильным стилем? - PullRequest
1 голос
/ 01 февраля 2020

Всякий раз, когда я запускаю файл django, связанный с шаблоном, он не показывает мне стиль, но всякий раз, когда я просто запускаю файл html, он показывает мне страницу с правильным стилем. Как решить эту проблему? Хотя ссылки в файле html одинаковы и каждый раз, когда я подключаю его к django. Вы можете видеть это.

URL приложения

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index, name='index')
]

URL проекта

from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static

urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)


urlpatterns = [
    path('', include('app1.urls')),
    path('admin/', admin.site.urls)
]

просмотров. py

from django.shortcuts import render
from django.http import HttpResponse

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

index. html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/icomoon.css">
</head>
<body>
    <header role="banner" id="fh5co-header">
    <div class="fluid-container">
        <nav class="navbar navbar-default navbar-fixed-top js-fullheight">
            <div id="navbar" class="navbar-collapse js-fullheight">
                <ul class="nav navbar-nav navbar-left">
                    <li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
                    <li><a href="#" data-nav-section="services"><span>Services</span></a></li>
                    <li><a href="#" data-nav-section="explore"><span>Project</span></a></li>
                    <li><a href="#" data-nav-section="pricing"><span>Pricing</span></a></li>
                    <li><a href="#" data-nav-section="team"><span>Team</span></a></li>
                </ul>
            </div>
        </nav>
  </div>
</header>
</body>
</html>

enter image description here

1 Ответ

0 голосов
/ 01 февраля 2020

Чтобы получить файлы css и stati c в шаблоне django, необходимо изменить шаблон.

{% load static %}
<!DOCTYPE html>
<html>
<head>
    <link href="{% static 'css/animate.css' %}" rel="stylesheet">
    <link href="{% static 'css/icomoon.css' %}" rel="stylesheet">
</head>

и поместить файлы css и другие данные c файлов в папке stati c, убедитесь, что эти строки кода есть в ваших основных файлах URL, а также

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

, если у вас больше html страниц, создайте базу. html сначала файл и наследуйте от него другие html файлы, используя {% block content %} и {% endblock %}. См. c https://tutorial.djangogirls.org/en/template_extending/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...