2016-07-31 2 views
1

Я всегда использовал PHP и, наконец, решил выбраться из этой пещеры и исследовать другие языки сценариев, такие как django.Как работает django static точно

Я до сих пор обертывание моей головы вокруг структуры проекта в Джанго и не могу понять, как включить CSS, JS, и другие так называемые статические файлы.

я читать на Джанго вики, и я знаю, что я должен использовать статические для ссылки на эти файлы. Но для этого мне нужно определить мой статический каталог в settings.py.

Я заметил, что при вызове static {% 'filename.extension' %} он добавляет файл в статический каталог, определенный в settings.py. Но если я понимаю это право, это все, что он делает. Проблема заключается в том, что у меня есть некоторый код html, который пытается получить файл с localhost:8000/static/directory/filename.extension Но поскольку python обрабатывает URL-адреса по-другому, html-код не получит никакого файла из такого URL-адреса, и поэтому мой css не будет загружен.

Мой settings.py

Моя структура файла:

PassWard > 
    PassWard > 
     __pycache__ > 
     wardvault > 
      __pucache__ > 
       ... (pycache stuff) ... 
      templates > 
       imports.html 
       menu.html 
       wardvault > 
        base.html 
        passwords.html 
      migrations > 
       ... (migration stuff) ... 
      __init__.py 
      admin.py 
      admin.pyc 
      apps.py 
      models.py 
      models.pyc 
      tests.py 
      views.py 
      views.pyc 
     __init__.py 

    static > 
     font_awesome > 
      ... (lots of font related files) ... 
     js > 
      jquery.min.js 
     imports.html 
     menu.css 
     menu.html 
     menu.js 
     reset.css 
    db.splite3 
    manage.py 

Мои settings.py выглядит следующим образом:

""" 
Django settings for PassWard project. 

Generated by 'django-admin startproject' using Django 1.9.8. 

For more information on this file, see 
https://docs.djangoproject.com/en/1.9/topics/settings/ 

For the full list of settings and their values, see 
https://docs.djangoproject.com/en/1.9/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.9/howto/deployment/checklist/ 

# SECURITY WARNING: keep the secret key used in production secret! 
SECRET_KEY = 't+*07vdh&h^c*2ito-9_ywo^[email protected]^gb$%6vy7m5vr_^3' 

# 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', 
    'PassWard.wardvault', 
] 

MIDDLEWARE_CLASSES = [ 
    'django.middleware.security.SecurityMiddleware', 
    'django.contrib.sessions.middleware.SessionMiddleware', 
    'django.middleware.common.CommonMiddleware', 
    'django.middleware.csrf.CsrfViewMiddleware', 
    'django.contrib.auth.middleware.AuthenticationMiddleware', 
    'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 
    'django.contrib.messages.middleware.MessageMiddleware', 
    'django.middleware.clickjacking.XFrameOptionsMiddleware', 
] 

ROOT_URLCONF = 'PassWard.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 = 'PassWard.wsgi.application' 


# Database 
# https://docs.djangoproject.com/en/1.9/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.9/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.9/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.9/howto/static-files/ 

STATIC_URL = '/static/' 

Я пытаюсь загрузить статические файлы в passwords.html внутри wardvault.

Мой HTML Snippit, который пытается получить доступ к статическим файлам выглядит следующим образом:

<link rel="stylesheet" type="text/css" href="{% static '/static/menu.css' %}"/> 

И результат {% static '/static/menu.css' %}, когда я просто положить его в одиночку /static/menu.css.

Мой вопрос в том, когда я использую static, просто добавляет то, что определено в settings.py аргументам? Если это так, когда значение STATIC_URL установлено в /static/, означает ли это первое слэш, начинающееся с корневого каталога проекта или корня системы? Также я использую его правильно? или что-то мне не хватает?

Вы можете отметить плохие практики со структурой проекта. Я все еще пытаюсь оборачивать вокруг себя все.

ответ

1

При использовании static тег в шаблоне:

<link rel="stylesheet" type="text/css" href="{% static '/static/menu.css' %}"/> 

Это будет просто быть расширена за счет замены {% static часть со значением STATIC_URL. Так что тег становится:

<link rel="stylesheet" type="text/css" href="/static/static/menu.css" /> 

Вы видите, есть 2 /static/ сейчас. И учитывая, что он начинается с косой черты, он будет рассмотрен в корне вашего приложения. Теперь, учитывая вашу структуру каталогов, ваш тег должен быть действительно просто: {% static 'menu.css' %}

Сейчас подходит к тому, как служить файл? Существует 2 варианта:

  1. Когда вы запустите сервер разработки, вы можете позволить статическому приложению django обслуживать файл.Django - serving static files during development

  2. На рабочем сервере вы можете позволить nginx или apache обслуживать статические файлы. Проверить Django staticfiles "deployment" section

Других важными параметрами, относящихся к статическим приложениям являются STATIC_ROOT. Это путь, который предназначен для хранения всех ваших статических активов. И именно здесь команда python manage.py collectstatic будет собирать статические файлы. Итак, в идеале местоположение STATIC_URL в вашем nginx или apache должно быть псевдонимом для этого каталога.