静态文件是通过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. js给文本添加行号

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. UGUI实现打字的效果

    创建打字特效控制的脚本,将该脚本挂载都含有Text组件的对象上面,通过该脚本控制Text文本框的文字,以打字的效果显示文字. 脚本 using UnityEngine; using System.Co ...

  3. CentOS 笔记（三） 目录结构

    理解CentOS 目录结构 首次登录进入,应该是进入了,run文件夹 通过  cd  ../ 进入了,最根节点 通过 ls  显示全部文件夹 通过 pwd 查看当前目录 参考: https://www ...

  4. Top English interview Q&A

    http://www.hjenglish.com/new/p581292/ vocabulary endeavour [ɪn'devər] relevant ['reləvənt] , efficie ...

  5. 【hihocoder 1303】模线性方程组

    [题目链接]:http://hihocoder.com/problemset/problem/1303 [题意] [题解] /* x % m[1] = r[1] x % m[2] = r[2] x = ...

  6. FreeMarker 整合 springmvc

    一.添加 jar 包 <dependency> <groupId>org.freemarker</groupId> <artifactId>freema ...

  7. applicationContext-solr.xml

    一.动态切换单机和集群 spring-solr 的配置 <!-- 单机版 solrj --> <bean id = "httpSolrServer" class= ...

  8. 查看eclipse的安装路径

    在桌面上快捷方式右键  点击属性  起始位置便是.

  9. HDU 2045不easy系列之三LELE的RPG难题(趋向于DP的递推)

    不easy系列之(3)-- LELE的RPG难题 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Ot ...

  10. 两列等高布局 padding+margin的负值 CSS布局奇淫技巧之-多列等高

    代码: 效果图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/ ...