如何使我的CSS文件在django中工作

时间:2012-10-10 12:30:34

标签: django

我是django的新手,但在python中有一些相关的技能。我刚开始在django建立一个项目,到目前为止我已经能够在我的项目中创建一个应用程序。此外,我已经能够将我的网站的index.html文件链接到django,并且可以在命令提示符下运行服务器后成功查看它。但这是我的问题;

  1. 我如何制作CSS,img& js文件与我的index.html一起使用?
  2. 感谢大家到目前为止的响应,但仍然在localhost地址上加载index.html页面,但它不适用于img,css和js脚本。它只加载html。虽然我试图使用第二人所说的方法来回应我的帖子,但仍然没有运气。

2 个答案:

答案 0 :(得分:1)

使用开发服务器进行非常基本的css / img使用的小型演示:python manage.py runserver。你不应该将它用于生产。 对于用户输入/输出,您应该查看tutorial

<强> filestructure

project
  |- static
  |   |- css
  |   |   |- stuff.css
  |- media
  |   |- images
  |   |   |- love.jpg
  |- templates
  |- urls.py
  |- __init__.py
  |- manage.py
  |- settings.py

<强> base.html文件

<html>
<head>
   <link href="{{ STATIC_URL }}css/stuff.css" />
</head>
<body>
   <h1>I like django!</h1>
   <img src="{{ MEDIA_URL }}images/love.jpg" />
</body>
</html>

<强> settings.py

TEMPLATE_CONTEXT_PROCESSORS = (
    'django.contrib.auth.context_processors.auth',
    'django.core.context_processors.debug',
    'django.core.context_processors.i18n',
    'django.core.context_processors.media',
    'django.core.context_processors.static',
    'django.core.context_processors.request',
    'django.contrib.messages.context_processors.messages',
)

STATIC_URL = '/static/'
MEDIA_URL = '/media/'

<强> urls.py

# example windows
(r'^media/(?P<path>.*)$', 'django.views.static.serve',
        {'document_root': 'C:/python25/lib/site-packages/project/media/', 'show_indexes': True}),
# example *ix
(r'^static/(?P<path>.*)$', 'django.views.static.serve',
        {'document_root': '/usr/lib/python25/site-packages/project/static/', 'show_indexes': True}),

答案 1 :(得分:0)

感谢所有回答我问题的人,我的静态文件现在处于活动状态。我必须在项目视图中添加RequestContext,以使html文件中的{{STATIC_URL}}处于活动状态。

def index(请求):     return render_to_response('Calculator / index.html',                                context_instance = RequestContext的(请求))