在我的Django模板中包含CSS和Javascript [重复]

我的问题是,我无法在模板中包含CSS和javascript。我已经阅读了有关它的文档,但正如我所说。我是新手,我不清楚。请帮助我了解在我的base.djhtml模板中包含CSS和javascript的分步过程。谢谢。

这是我的settings.py

    # Django settings for myweblab project.

DEBUG = True

TEMPLATE_DEBUG = DEBUG

import os.path

PROJECT_DIR = os.path.dirname(__file__)

ADMINS = (

# ('Your Name', 'your_email@example.com'),

)

MANAGERS = ADMINS

DATABASES = {

'default': {

'ENGINE': 'django.db.backends.sqlite3', # Add 'postgresql_psycopg2', 'mysql', 'sqlite3' or 'oracle'.

'NAME': 'myweblabdev', # Or path to database file if using sqlite3.

# The following settings are not used with sqlite3:

'USER': '',

'PASSWORD': '',

'HOST': '', # Empty for localhost through domain sockets or '127.0.0.1' for localhost through TCP.

'PORT': '', # Set to empty string for default.

}

}

# Hosts/domain names that are valid for this site; required if DEBUG is False

# See https://docs.djangoproject.com/en/1.5/ref/settings/#allowed-hosts

ALLOWED_HOSTS = []

# Local time zone for this installation. Choices can be found here:

# http://en.wikipedia.org/wiki/List_of_tz_zones_by_name

# although not all choices may be available on all operating systems.

# In a Windows environment this must be set to your system time zone.

TIME_ZONE = 'America/Chicago'

# Language code for this installation. All choices can be found here:

# http://www.i18nguy.com/unicode/language-identifiers.html

LANGUAGE_CODE = 'en-us'

SITE_ID = 1

# If you set this to False, Django will make some optimizations so as not

# to load the internationalization machinery.

USE_I18N = True

# If you set this to False, Django will not format dates, numbers and

# calendars according to the current locale.

USE_L10N = True

# If you set this to False, Django will not use timezone-aware datetimes.

USE_TZ = True

# Absolute filesystem path to the directory that will hold user-uploaded files.

# Example: "/var/www/example.com/media/"

MEDIA_ROOT = os.path.join(PROJECT_DIR, 'media')

# URL that handles the media served from MEDIA_ROOT. Make sure to use a

# trailing slash.

# Examples: "http://example.com/media/", "http://media.example.com/"

MEDIA_URL = 'http://localhost:8000/media/'

# Absolute path to the directory static files should be collected to.

# Don't put anything in this directory yourself; store your static files

# in apps' "static/" subdirectories and in STATICFILES_DIRS.

# Example: "/var/www/example.com/static/"

STATIC_ROOT = ''

# URL prefix for static files.

# Example: "http://example.com/static/", "http://static.example.com/"

STATIC_URL = '/static/'

# Additional locations of static files

CURRENT_PATH = os.path.abspath(os.path.dirname(os.path.dirname(__file__)).decode('utf-8'))

STATICFILES_DIRS = (

os.path.join(CURRENT_PATH, 'media'),

# Put strings here, like "/home/html/static" or "C:/www/django/static".

# Always use forward slashes, even on Windows.

# Don't forget to use absolute paths, not relative paths.

)

# List of finder classes that know how to find static files in

# various locations.

STATICFILES_FINDERS = (

'django.contrib.staticfiles.finders.FileSystemFinder',

'django.contrib.staticfiles.finders.AppDirectoriesFinder',

# 'django.contrib.staticfiles.finders.DefaultStorageFinder',

)

# Make this unique, and don't share it with anybody.

SECRET_KEY = '1k38*$@ig616^xg#hy=n+yz-e9))s@_x-uq1pp%6xh!89m_r9('

# List of callables that know how to import templates from various sources.

TEMPLATE_LOADERS = (

'django.template.loaders.filesystem.Loader',

'django.template.loaders.app_directories.Loader',

# 'django.template.loaders.eggs.Loader',

)

MIDDLEWARE_CLASSES = (

'django.middleware.common.CommonMiddleware',

'django.contrib.sessions.middleware.SessionMiddleware',

'django.middleware.csrf.CsrfViewMiddleware',

'django.contrib.auth.middleware.AuthenticationMiddleware',

'django.contrib.messages.middleware.MessageMiddleware',

# Uncomment the next line for simple clickjacking protection:

# 'django.middleware.clickjacking.XFrameOptionsMiddleware',

)

ROOT_URLCONF = 'myweblab.urls'

# Python dotted path to the WSGI application used by Django's runserver.

WSGI_APPLICATION = 'myweblab.wsgi.application'

TEMPLATE_DIRS = (

os.path.join(PROJECT_DIR, 'templates')

# Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".

# Always use forward slashes, even on Windows.

# Don't forget to use absolute paths, not relative paths.

)

INSTALLED_APPS = (

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.sites',

'django.contrib.messages',

'django.contrib.staticfiles',

# Uncomment the next line to enable the admin:

'django.contrib.admin',

# Uncomment the next line to enable admin documentation:

# 'django.contrib.admindocs',

)

# A sample logging configuration. The only tangible logging

# performed by this configuration is to send an email to

# the site admins on every HTTP 500 error when DEBUG=False.

# See http://docs.djangoproject.com/en/dev/topics/logging for

# more details on how to customize your logging configuration.

LOGGING = {

'version': 1,

'disable_existing_loggers': False,

'filters': {

'require_debug_false': {

'()': 'django.utils.log.RequireDebugFalse'

}

},

'handlers': {

'mail_admins': {

'level': 'ERROR',

'filters': ['require_debug_false'],

'class': 'django.utils.log.AdminEmailHandler'

}

},

'loggers': {

'django.request': {

'handlers': ['mail_admins'],

'level': 'ERROR',

'propagate': True,

},

}

}

这是我的url.py

    from django.conf.urls import patterns, include, url

from django.conf import settings

from myweblab.views import index

# Uncomment the next two lines to enable the admin:

from django.contrib import admin

admin.autodiscover()

urlpatterns = patterns('',

# Examples:

# url(r'^$', 'myweblab.views.home', name='home'),

# url(r'^myweblab/', include('myweblab.foo.urls')),

# Uncomment the admin/doc line below to enable admin documentation:

# url(r'^admin/doc/', include('django.contrib.admindocs.urls')),

# Uncomment the next line to enable the admin:

url(r'^admin/', include(admin.site.urls)),

url(r'^$', index, name="index"),

)

urlpatterns += patterns('',

url(r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_URL, 'show_indexes': True}),

)

和我的base.djhtml

    <!DOCTYPE >

<html>

<head>

<!-- css and javascript template should be here -->

<title>

{% block title %}

{% endblock %}

</title>

<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/style.css" />

<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.8.3.min.js"></script>

</head>

<body>

{% block content %}

{% endblock %}

</body>

</html>

回答:

在settings.py中:

import os

CURRENT_PATH = os.path.abspath(os.path.dirname(__file__).decode('utf-8'))

MEDIA_ROOT = os.path.join(CURRENT_PATH, 'media')

MEDIA_URL = '/media/'

STATIC_ROOT = 'static/'

STATIC_URL = '/static/'

STATICFILES_DIRS = (

os.path.join(CURRENT_PATH, 'static'),

)

然后将你的js和css文件静态文件夹放置在你的项目中。不在媒体文件夹中。

在views.py中:

from django.shortcuts import render_to_response, RequestContext

def view_name(request):

#your stuff goes here

return render_to_response('template.html', locals(), context_instance = RequestContext(request))

在template.html中:

<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/style.css" />

<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.8.3.min.js"></script>

在urls.py中:

from django.conf import settings

urlpatterns += patterns('',

url(r'^media/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT, 'show_indexes': True}),

)

项目文件结构可以在imgbin中找到。

以上是 在我的Django模板中包含CSS和Javascript [重复] 的全部内容, 来源链接: utcz.com/qa/420358.html

回到顶部