質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Q&A

解決済

1回答

3686閲覧

【Django】ブラウザに画像が表示されず、「このサイトにアクセスできません」

1004

総合スコア74

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

0グッド

0クリップ

投稿2017/03/10 13:26

###前提・実現したいこと
ブラウザに指定した画像を表示させたいです。
※画像は「cards」というフォルダの「C_01.png」です。

###発生している問題・エラーメッセージ

http://127.0.0.1:8000/firstApp/hello/ とURL欄に打ち込むと、「このサイトにアクセスできません」となる。

イメージ説明
###該当のソースコード
【firstDjango\firstApp\templates\card.html】

{% load staticfiles %} <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "UTF-8"> <title>トランプ</title> </head> <body> <img src = "{% static 'cards/C_01.png' %}"> </body> </html>

【firstDjango\firstDjango\settings.py】

""" Django settings for firstDjango project. Generated by 'django-admin startproject' using Django 1.10. For more information on this file, see https://docs.djangoproject.com/en/1.10/topics/settings/ For the full list of settings and their values, see https://docs.djangoproject.com/en/1.10/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/1.10/howto/deployment/checklist/ # SECURITY WARNING: keep the secret key used in production secret! SECRET_KEY = '*e2!*^^$@op8tphs5!zy+ip(xg*5^j-6!276$bcemkgka5$)&a' # SECURITY WARNING: don't run with debug turned on in production! DEBUG = True ALLOWED_HOSTS = [] # Application definition INSTALLED_APPS = [ 'firstApp' 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', ] 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 = 'firstDjango.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 = 'firstDjango.wsgi.application' # Database # https://docs.djangoproject.com/en/1.10/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/1.10/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/1.10/topics/i18n/ LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' USE_I18N = True USE_L10N = True USE_TZ = True # Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/1.10/howto/static-files/ STATIC_URL = '/static/'

【firstDjango\firstApp\views.py】

from django.shortcuts import render from django.http import HttpResponse # Create your views here. def hello(request): return HttpResponse('こんにちは') def card(request): return render(request, 'card.html') #from django.shortcuts import render #from django.http import HttpResponse # Create your views here. #def edit(request): #return HttpResponse('編集') #def show(request): #return HttpResponse('読む')

【firstDjango\firstApp\urls.py】

from django.conf.urls import url from . import views urlpatterns = [url(r'^hello/$',views.hello), url(r'^card/$', views.card), ] #!coding:utf-8 #from django.conf.urls import patterns, url #from blog import views #urlpatterns = patterns('', #url(r'^$', views.show, name='show'), #url(r'^edit/$', views.edit, name='edit'), #)

###試したこと
http://127.0.0.1:8000/firstApp/hello/」を打ち込む前に、コマンドプロンプトで「python manage.py runserver」を一度行いました。
下記、実行結果となります。
イメージ説明
イメージ説明

###補足情報(言語/FW/ツール等のバージョンなど)
windows8.1

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

「python manage.py runserver」がエラーになっているので、Webアプリが起動していません。
なので、ブラウザでも確認できないというのが今の状態です。

エラーについては、settings.py の下記部分で、カンマがないのだと思います。

python

1INSTALLED_APPS = [ 2 'firstApp' # <- ここにカンマがない 3 'django.contrib.admin',

カンマがないために、Python上は一つの文字列と認識されて、エラーが出たのだと思います。
'firstApp' の後ろにカンマをつけてもう一度試してみてください。

投稿2017/03/16 23:30

tell_k

総合スコア2120

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問