django中怎么载入css等静态文件

html-css09

django中怎么载入css等静态文件,第1张

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

这种情况一般会在windows系统下出现

1、前台、后台如果无法加载css等样式。(建议通过此办法来解决)

这是因为你安装的某些IDE 或者其他更改了注册表导致的

系统的注册表\HKEY_CLASSES_ROOT\.css的Content Type不是text/css,修改即可。改完记得重启开发服务器并按Ctrl+F5强制刷新页面。

2、前台如果无法加载css等样式。(如果你的后台没问题那就试试这个简单方法)

前提:django1.8

在html页面可以请求道css,js文件并在chrome的开发者工具中查看css,js文件返回状态为200

原因:

django1.8 正在html页里能够要求讲css,js文件并正在chrome的开辟者对象中检察css,js文件返回状况为200 缘由: html页里正在头部增加了<!DOCTYPE html>声明致使css款式减载没有起

解决办法:

html页面在头部添加了<!DOCTYPE html>申明导致css样式加载不起效果,去掉此标签css效果起作用

态的资源通常放入static文件夹中:static/css/djquery.csssamples/hello.cssjs/jquery-1.7.1.min.jssamples/hello.js其中css和js都按照应用名称(这里是samples)划分文件夹,如果文件较多,还可以再划分子文件夹。Django通常使用模板来展现html,而且我们通常使用继承的模板,所以需要将共用的元素,比如全局的css,对jquery.js的引入等,写到base模板中,而将具体页面的元素放到具体的模板中。这就牵涉到如何嵌套的问题。看下面的例子: