python——Django项目开发:配置项目static路径,调用css、img、js等静态文件

html-css016

python——Django项目开发:配置项目static路径,调用css、img、js等静态文件,第1张

在Django项目开发中,不能像正常web开发一样通过 'imgs/bg.jpg' 访问本地静态文件,需要做一些配置,才能实现静态文件的访问。

一、首先在项目根路径下新建一个static文件夹,然后在static文件夹下可以新建相应的css、imgs、js等文件夹,用于存放css、img、js等静态文件。

二、项目配置

1、打开settings.py,在底部添加:

2、打开urls.py,在 urlpatterns 中添加:(注意,如果你在blog目录下也建立了urls.py,那么就得在blog/urls.py中做修改。别忘了import settings):

(不过我经过实测,不加这一个,也可以完成静态文件的访问)

3、在html模板最上面添加:

然后在需要的地方按照这个格式进行调用,如:

最后重新运行项目,img等本地静态文件就可以被django找到了,这时模板对应的页面就可以显示使用img等文件了。

Django版本1.10 

网站通常需要js,css,图片等文件,在Django中,我们把这些文件称为“静态文件”(static files)。Django提供django.contrib.staticfiles来管理他们。 使用方法如下: 

1.在settings.py中定义你的STATIC_URL:

STATIC_URL='/static/'1

2.在项目中,static文件的目录如下图所示: 

项目名:ProjetTestDjangoAPP名:peojetDjango,static 文件夹在APP目录下。

3.在settings.py中添加项目APP: 

4.在HTML文件中调用:

{% load static %}<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" media="all">12

<img class="img" src="{% static 'images/logos/Google_Translate_Icon.png' %}" width="36" height="36">1

参考如下

假如项目的目录tree为:

mysite:

manage.py

mysite:

__init__.py settings.py urls.pywsgi.py

blog(建立的应用程序):

models.py views.py test.py __init__.py templates

开始配置:

1、在外部的mysite目录下(也就是项目的根目录)建立static目录

2、打开settings.py,添加:

import os

STATIC_URL = '/static/'

STATICFILES_DIRS = (

os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'),

(

3、打开urls.py,添加(注意:假如在blog应用中新建了一个urls.py文件,那么应该添加到blog目录下的urls.py文件,我曾经在这个坑里纠结了很久):

import settings

urlpatterns = patterns(

url( r'^static/(?P<path>.*)$', 'django.views.static.serve',

{ 'document_root':settings.STATIC_ROOT }),

)

使用:

假设要在模板(存放在templates文件中的)里面导入外部/home/fudaoji/mysite/static/js/jequery.js文件,那么可以直接

<script type="text/javascript" src='../../static/js/jquery.js'></javascript>