아이콘을 Django로 표시

9359 단어 djangoPythontech
이 글은 Django 추가 달력 5일째 되는 글이다.기존에 쓴 자료가 그대로 놓여 있기 때문에 추가 달력으로 투고합니다!
Django로 브라우저 탭에 아이콘을 표시할 때 많이 막혀서 필기를 해야 돼요.

static 디렉토리 만들기


응용 프로그램의 프로젝트 디렉터리에 static 디렉터리와 templates 디렉터리를 만듭니다.static/icon 디렉토리에 아이콘 이미지를 배치합니다.
아이콘은 무엇이든지 좋습니다. 이번에는 사이트 축소판 그림에서 발견한 아이콘을 사용합니다.
아이콘은 다음 디렉토리 구조로 저장하면 됩니다.
.
├── app
│   ├── asgi.py
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── manage.py
├── static
│   └── icon
│       └── favicon.ico
└── templates

settings.py 설정


먼저 settings.py에 static 디렉터리의 경로를 설정합니다.
import os
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]
또한 템플릿 파일을 읽기 위해 TEMPLATESDIRS를 설정합니다.
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, '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',
            ],
        },
    },
]

템플릿 설정

templates/index.html 다음 파일을 만듭니다.
{% load static %}
<html>
    <head>
        <link rel="icon" href="{% static '/icon/favicon.ico' %}">
    </head>

    <body>
        <h1>Hello</h1>
    </body>
</html>

HTML 설정 표시


HTML 출력을 위한 응용 프로그램을 만듭니다.
다음 명령을 사용하여 프로그램을 만듭니다.
python manage.py startapp hello

views.py 설정

hello/views.py에 다음 코드를 추가합니다.
from django.shortcuts import render

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

urls.py 설정

hello/urls.py가 없을 것 같아서 다음 코드를 새로 만듭니다.
from django.urls import path
from . import views

urlpatterns = [
    path('view/', views.index_template, name='index_template'),
]
URL을 다시 설정해야 하므로 app/urls.py 다음과 같이 수정합니다.
urlpatterns = [
    path('admin/', admin.site.urls),
    path('hello/', include('hello.urls')),
]

동작 확인


그럼 필요한 파일을 준비했습니다. 다음 명령으로 프로그램을 시작합니다.
python manage.py runserver
localhost:8000/hello/view/에 액세스한 후 아래와 같이 탭에 아이콘을 표시하면 됩니다.

총결산


아이콘뿐만 아니라 static 파일을 처리할 때
  • STATICFILES_DIRS에서 static 디렉터리의 경로를 설정합니다
  • static 파일을 읽는 HTML{% load static %}에서 static 디렉터리를 사용하는 경로를 호출
  • static 파일을 읽을 때 사용{% static 'ファイルパス' %}
  • 대부분의 파일을 읽을 수 있을 거예요.

    좋은 웹페이지 즐겨찾기