pbj0812의 코딩 일기

[PYTHON] Django 페이지에 이미지 넣기(html 형식 유지) 본문

ComputerLanguage_Program/PYTHON

[PYTHON] Django 페이지에 이미지 넣기(html 형식 유지)

pbj0812 2020. 5. 2. 14:25

0. 목표

 - Django 페이지에 이미지 넣기

1. 준비

 - 세팅

2. 실습

 1) 이미지 준비

  - 이미지 경로 : mysite/static/img/sma.jpg

 2) setting.py 수정(mysite/django_test/setting.py)

  -  맨 아랫줄에 STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),] 삽입

 3) url.py 수정(mysite/django_test/url.py)

"""django_test URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/2.1/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from main.views import index
from django.conf.urls.static import static
from django.conf import settings

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

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

 

 4) index.html 수정(mysite/main/templates/main/index.html) 

<!DOCTYPE html>
<html>
<body>

<img src="/static/img/sma.jpg" alt="신민아">
<p><cite>신민아</cite></p>

</body>
</html>

 5) 서버 구동

  - 경로 : Django_test/mysite

python manage.py runserver 0:80

3. 결과

4. 참고

 - Django에서 static 파일 사용하기 이미지파일 넣는법

저작자표시 비영리 동일조건

'ComputerLanguage_Program > PYTHON' 카테고리의 다른 글

[PYTHON] jupyter notebook 내 magic 명령어 사용하기  (0) 2020.05.13
[PYTHON] pivottablejs로 피벗테이블 만들기  (0) 2020.05.12
[PYTHON] Django를 사용한 웹페이지 제작 / 구동  (0) 2020.05.02
[PYTHON] Jupiter notebook으로 ppt 만들기  (0) 2020.04.23
[PYTHON] 네트워크 분석을 위한 networkx 예제  (0) 2020.04.09
'ComputerLanguage_Program/PYTHON' Related Articles more
Comments