静态文件是通过django.contrib.staticfiles来管理的。

配置Django静态文件，Djang官网静态文件配置介绍。简言之，通过以下三个步骤来配置和加载静态文件：

设置静态文件别名

在settings.py文件中设置静态文件的url（此处的url是用于在templates中加载），即别名，通过别名的动态加载实现静态文件的加载，通常Django已经设置好了。

# define static files url,即定义静态文件的别名

STATIC_URL = '/static/'

设置静态文件路径

在settings.py文件中设置静态文件的路径，这里设置的是存放的静态文件的文件夹的路径。可以实现多个静态文件夹的设置。

STATICFILES_DIRS = [

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

    os.path.join(BASE_DIR, 'bootstrap-3.3.7'),

]

加载静态文件

在templates的html文件中通过动态加载别名来加载静态文件。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>home page test static files</title>

    {% load static %}

    <link rel="stylesheet" href="/static/css/bootstrap.css">  <!-- 普通加载 -->

    <link rel="stylesheet" href="{% static 'css/login.css' %}">     <!-- 动态加载 -->

    <link rel="stylesheet" href="{% static 'css/blog.css' %}">

    <script src="{% static 'js/bootstrap.js' %}"></script>

</head>

不同app下的静态文件配置

static文件夹写在不同的app下,静态文件的路由设置是在前边再加一个别名，后边加入app的名字个经该app下的静态文件名:

STATIC_URL = '/static/'

STATICFILES_DIRS=(

    ('endpoint',os.path.join(BASE_DIR,"tutorials","statics")) ,

)

#<script src="/static/endpoint/jquery-1.8.2.min.js"></script>

Settings Django Static Files的更多相关文章

  1. Django~static files (e.g. images, JavaScript, CSS)

    django.contrib.staticfiles settings.py django.contrib.staticfiles is included in your INSTALLED_APPS ...

  2. Django~static files

    such as images, JavaScript, or CSS https://docs.djangoproject.com/en/1.9/howto/static-files/ django. ...

  3. Django App(五) load static files

    经过前面4篇的努力,已经基本完成了,polls站点的功能,但是所有界面都没有涉及样式,和JavaScript的导入.到目前为止了解到的Django是通过解析Url来完成对客户端的响应的,那么组成站点所 ...

  4. [转]ASP.NET Core: Static Files cache control using HTTP Headers

    本文转自:https://www.ryadel.com/en/asp-net-core-static-files-cache-control-using-http-headers/ Every sea ...

  5. python 全栈开发，Day108(客户管理之权限控制,客户管理之动态"一级"菜单,其他应用使用rbac组件,django static文件的引入方式)

    一.客户管理之权限控制 昨天的作业,有很多不完善的地方 下载代码,基本实现权限验证 https://github.com/987334176/luffy_permission/archive/v1.2 ...

  6. 【Azure 应用服务】App Service For Windows 环境中部署Python站点后，如何继续访问静态资源文件呢（Serving Static Files）？

    问题描述 当创建一个App Service 后,运行时环境和版本选择Windows 和 Python 3.6. 登录Kudu 站点查看,默认的文件有 web.config, hostingstart- ...

  7. 前端技巧：禁止浏览器static files缓存篇（转）

    前端技巧:禁止浏览器static files缓存篇 由于CSS/JS文件经常需要改动,前端调试时是不希望浏览器缓存这些文件的. 本文记录博主的经验. Meta法 目前在chrome调试还没有遇到问题, ...

  8. Django settings — Django 1.6 documentation

    Django settings - Django 1.6 documentation export DJANGO_SETTINGS_MODULE=mysite.settings django-admi ...

  9. [Hapi.js] Serving static files

    hapi does not support serving static files out of the box. Instead it relies on a module called Iner ...

随机推荐

  1. LCA-倍增法(写给自己看)

    LCA-倍增法 题目又做不下去来写题解了 算法思想 类似于ST表的思想维护dp[i][j]:节点i向上跳2^j高度的的节点 转移方程 \(dp[i][j]=dp[dp[i][j-1]][j-1]\)注 ...

  2. Project Euler 24 Lexicographic permutations（ 康拓逆展开 ）

    题意: 排列指的是将一组物体进行有顺序的放置.例如,3124是数字1.2.3.4的一个排列.如果把所有排列按照数字大小或字母先后进行排序,我们称之为字典序排列.0.1.2的字典序排列是:012 021 ...

  3. python第六周：面向对象编程

    面向对象编程: 世界万物,皆可分类 世界万物,对象 只要是对象,就肯定属于某种品类 只要是对象,就肯定有属性 oop编程利用"类"和"对象"来创建各种模型来实现 ...

  4. PatentTips - Controlling TSC offsets for multiple cores and threads

    BACKGROUND Many processors include a time stamp count (TSC) counter which is typically implemented a ...

  5. HDU 3306

    先转一些   http://www.cnblogs.com/frog112111/archive/2013/05/19/3087648.html Fibonacci数列:F(0)=1 , F(1)=1 ...

  6. 继承的综合运用《Point类派生出Circle类而且进行各种操作》

    类的组合与继承 (1)先建立一个Point(点)类.包括数据成员x,y(坐标点). (2)以Point为基类.派生出一个Circle(圆)类,添加数据成员(半径),基类的成员表示圆心: (3)编写上述 ...

  7. Linux系统编程——进程替换：exec 函数族

    在 Windows 平台下,我们能够通过双击运行可运行程序,让这个可运行程序成为一个进程.而在 Linux 平台.我们能够通过 ./ 运行,让一个可运行程序成为一个进程. 可是.假设我们本来就执行着一 ...

  8. 初识MVC之建项

    MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,用一种业务逻辑.数据.界面显示分离的方法组织代码,将业务逻辑聚集到 ...

  9. 2015.05.12,外语,读书笔记-《Word Power Made Easy》 15 “如何谈论不同人的特点” SESSION 45

    TEASER PREVIEW 以-ous结尾的,描绘某人特点的词语包括: fawning(['fɔ:niŋ] adj.奉承的),servilely(['sә:vail] adj. 卑屈的, 奴隶的) ...

  10. UVA 11346 - Probability 数学积分

    Consider rectangular coordinate system and point L(X, Y ) which is randomly chosen among all pointsi ...