仅作为记录,大佬请跳过。
文章目录
背景
如果只用html文件写显示图片,只需将图片与html文件放在同一个文件夹;然后直接双击html文件,即可显示。(这种用vs code写)
博主用django在html中显示图片(能得到网址,以在浏览器中输入网址显示网页的方式)时,出现已有路径找不到图片的error(博主把图片与html文件放在了同一个文件夹,即templates文件夹)(这种用pycharm写)
——————关于django的新建流程可参考博主文章传送门
解决
1、自己新建static文件夹
在templates同级目录下,新建static文件夹
在static文件夹里面,新建images文件夹,照片放在images文件夹里面:(a6showpic\mainproject\firstweb \static\images)
2、settings.py修改
在settings.py的最后一行,加入:
STATIC_URL = '/static/'
STATICFILES_DIRS=(
os.path.join(BASE_DIR,'static'),
)
3、templates文件夹里的showpic.html修改
1、在body部分加入{% load static %}
2、p的img部分修改为:
<p>
<img src="{% static 'images/ger.jpg' %}" alt="germany" width="420" height="320">
</p>
然后即可运行
运行
1、在windows的命令提示符里,打开到mainproject文件夹:
e:
cd a6showpic\mainproject
2、使用命令运行
python manage.py runserver
会出现:
3、在浏览器中输入
http://127.0.0.1:8000/showpic
(注:showpic是博主定义的——在views.py、urls.py、showpic.html里,可在本文末所有源代码
里查看)
4、展示
参考
感谢大佬博主文章:
所有源代码
博主用的是pycharm
文件夹结构
firstweb文件夹
migrations文件夹
init__.py为空
static文件夹的images文件夹里装图片ger.jpg
templates文件夹
showpic.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title</title>
</head>
<body>
{% load static %}
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<p>
<img src="{% static 'images/ger.jpg' %}" alt="germany" width="420" height="320">
</p>
</body>
</html>
根目录.py文件
init__.py为空
admin.py
from django.contrib import admin
# Register your models here.
apps.py
from django.apps import AppConfig
class FirstwebConfig(AppConfig):
name = 'firstweb'
models.py
from django.db import models
# Create your models here.
tests.py
from django.test import TestCase
# Create your tests here.
views.py
from django.shortcuts import render
# Create your views here.
def showpic(request):
return render(request,'showpic.html')
manage.py
#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
import os
import sys
def main():
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'mainproject.settings')
try:
from django.core.management import execute_from_command_line
except ImportError as exc:
raise ImportError(
"Couldn't import Django. Are you sure it's installed and "
"available on your PYTHONPATH environment variable? Did you "
"forget to activate a virtual environment?"
) from exc
execute_from_command_line(sys.argv)
if __name__ == '__main__':
main()
mainproject文件夹
init__.py为空
settings.py
"""
Django settings for mainproject project.
Generated by 'django-admin startproject' using Django 2.2.5.
For more information on this file, see
https://docs.djangoproject.com/en/2.2/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/2.2/ref/settings/
"""
import os
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '2j0ff&4!b)hc$3u$jivik!dwmu!m@mz4*-8uxq#of(91+x0)o^'
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
ALLOWED_HOSTS = []
# Application definition
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'firstweb',
]
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
ROOT_URLCONF = 'mainproject.urls'
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [],
'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',
],
},
},
]
WSGI_APPLICATION = 'mainproject.wsgi.application'
# Database
# https://docs.djangoproject.com/en/2.2/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
# Password validation
# https://docs.djangoproject.com/en/2.2/ref/settings/#auth-password-validators
AUTH_PASSWORD_VALIDATORS = [
{
'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
},
]
# Internationalization
# https://docs.djangoproject.com/en/2.2/topics/i18n/
LANGUAGE_CODE = 'zh-Hans'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True
USE_L10N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_DIRS=(
os.path.join(BASE_DIR,'static'),
)
urls.py
"""mainproject URL Configuration
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/2.2/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 firstweb import views
urlpatterns = [
path('admin/', admin.site.urls),
path('showpic/',views.showpic),
]
wsgi.py
"""
WSGI config for mainproject project.
It exposes the WSGI callable as a module-level variable named ``application``.
For more information on this file, see
https://docs.djangoproject.com/en/2.2/howto/deployment/wsgi/
"""
import os
from django.core.wsgi import get_wsgi_application
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'mainproject.settings')
application = get_wsgi_application()