静态资源就是指js文件,图片文件以及css样式等资源文件。默认情况下,网页运行在django中不显示,需要做一定的配置,其实配置不难,问题在于网上百度的时候,很多是其他版本的,不能解决1.8的问题。django作为开源框架,版本之间变化的比较正常的。所以使用开源的东西就要有一颗折腾的心。闲话不多说。直接上django框架配置js文件的步骤吧。
1、先在你的app文件中新建一个文件夹static,再分别建立三个子文件夹js,style,images。
2、在settings.py中,加入:
STATIC_URL = ’/static/’
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
3、在html页面头部加入:
{% load staticfiles %}
<html>
<head>
<title>麦子学院</title>
</head>
<body>
4、
在html模版页面,可以用如下两种方式调用:
<img src="{% static ’images/logo.gif’ %}" alt=""/>
<br/>
<img src="/static/images/acer.gif" alt=""/>
推荐使用第二种,因为如果图片名称是动态的,可以通过views这么绑定:
<img src="/static/images/{{name}}.gif" alt=""/>
css的引用同样如此:
<link rel="stylesheet" href="{% static ‘style/base.css’ %}" type="text/css">
<link rel="stylesheet" href="/static/style/base.css" type="text/css">
js的引用同样如此:
<script type="text/javascript" src="{% static ‘js/jquery-1.8.3.min.js’ %}"/>
<script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"/>