1、首先在APP目录下创建一个static文件夹

如图：

# Application definition

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'appBook.apps.AppbookConfig',

]

2、在settings.py中 最底部添加如下：





# Static files (CSS, JavaScript, Images)

# https://docs.djangoproject.com/en/1.11/howto/static-files/

STATIC_URL = '/static/'

STATIC_ROOT=(

    os.path.join(BASE_DIR,"appBook/static"),

)






3、在html页面头部添加：






{% load staticfiles %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

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

    <style>

        .container{

            margin-top: 80px;

        }

    </style>

</head>

<body>




4、在html模版页面，可以用如下方式调用：




<img src="{% static 'images/logo.gif' %}" alt=""/>

<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"/>

可以用 python manage.py findstatic css/index.css 寻找 css




Django：locals()小技巧


locals()返回一个包含当前作用域里面的所有变量和它们的值的字典。


所以可以把views改写为






def current_datetime(request):


    current_date = datetime.datetime.now()


    return render_to_response('current_datetime.html', locals())






这里要注意的是要把now重命名为current_date，因为模板需要的是这个变量名。


在template是如下定义的：




<html>

    <body>

        <font color = "blue">It is is now {{ current_date }}.</font>

    </body>

</html>




												


											
Django配置Bootstrap, js的更多相关文章
	

    
								
  1. Django 配置实用bootstrap
		
    1.下载bootstrap代码包. 2.在目录下创建static文件夹,将bootstrap文件夹移动到static文件夹内,编辑settings.py: 最后添加如下(文件末尾): STATIC_U ...
    
		
    2. 
						
  2. 整合django和bootstrap框架
		
    环境: python版本:2.7.8 django版本:1.7.1 bootstrap版本:3.3.0 首先github上面有两个开源的项目用来整合django和bootstrap. https:// ...
    
		
    3. 
						
  3. Django 配置
		
    Django 配置   运行 django-admin.py startproject [project-name] 命令会生成一系列文件,在Django 1.6版本以后的 settings.py 文 ...
    
		
    4. 
						
  4. Vue项目零碎知识（全局js,css配置，element-UI,bs使用， img动态配置，js数组）
		
    全局css样式,首先在静态assets中写好文件,然后要在main.js中配置 // 配置全局css样式 // import '@/assets/css/global.css' require('@/ ...
    
		
    5. 
						
  5. Vue-CLI3.0版本配置BootStrap的方法
		
    一.引入jquery bootstrap popper   用   cnpm install jquery bootstrap@3 popper.js --save  用cnpm 来导入 用npm会出 ...
    
		
    6. 
						
  6. bootstrap.js 文件使用指南
		
    介绍 使用 Bootstrap v3.3.7 时,需要引入三个脚本文件. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.m ...
    
		
    7. 
						
  7. 项目前端 - vue配置 | axios配置 | cookies配置 | element-ui配置 | bootstrap配置
		
    vue项目创建 环境 1.傻瓜式安装node: 官网下载:https://nodejs.org/zh-cn/ ​ 2.安装cnpm: >: npm install -g cnpm --regis ...
    
		
    8. 
						
  8. 第三章、vue-项目前端 - vue配置 | axios配置 | cookies配置 | element-ui配置 | bootstrap配置
		
    目录 vue项目创建 环境 创建项目 重构项目目录 文件修订:目录中非配置文件的多余文件可以移除 全局配置:全局样式.配置文件 axios前后台交互 cookies操作 element-ui页面组件框 ...
    
		
    9. 
						
  9. django 结合 bootstrap 使用
		
    git clone https://github.com/dyve/django-bootstrap3.git 要运行demo,需要在demo 中为其增加一个符号链接 bootstrap3 到上层目录 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. python 命名元组（namedtuple）
			
      我们知道c/c++语言中,有结构体这种数据类型: struct{ string name; int age; char sex; }student; 在对结构体对象进行赋值或者取值时可以使用.运算 ...
    
			
    2. 
						
  2. Solr如何使用in语法查询
			
    Solr可以用AND.||  布尔操作符 表示查询的并且, 用OR.&&  布尔操作符 表示或者 用NOT.!.-(排除操作符不能单独与项使用构成查询)表示非 如果要用在查询的时候使用 ...
    
			
    3. 
						
  3. 手机app/h5页面http请求抓包调试
			
    1.抓包机器跟客户端手机连上同一wifi热点,最好是第三者提供的移动wifi,公司内网wifi网络访问有限制. 2.设置手机客户端http代理 三者关系图示:
    
			
    4. 
						
  4. 《GPU高性能编程CUDA实战》第七章 纹理内存
			
    ▶ 本章介绍了纹理内存的使用,并给出了热传导的两个个例子.分别使用了一维和二维纹理单元. ● 热传导(使用一维纹理) #include <stdio.h> #include "c ...
    
			
    5. 
						
  5. 60. vbe6ext.olb 不能被加载
			
    找到C:\Program Files\Common Files\Microsoft Shared\VBA\路径: 把VBA6文件夹下面的VBE6.DLL改为:VBE7.DLL (如果没有VBA6文件夹 ...
    
			
    6. 
						
  6. Java编程最差实践
			
    原文地址:http://www.odi.ch/prog/design/newbies.php 每天在写Java程序, 其实里面有一些细节大家可能没怎么注意, 这不, 有人总结了一个我们编程中常见的问题 ...
    
			
    7. 
						
  7. Activity工作流学习（一）——Activity服务类
			
    Activity有9个service1.DynamicBpmnService动态Bpmn服务Service providing access to the repository of process  ...
    
			
    8. 
						
  8. Simple2D-22（重构）纹理池
			
    以前 Simple2D 使用 TextureManager,现在将它改为 TexturePool (纹理池).主要是负责加载和管理纹理,这次为 TexturePool 添加纹理集的功能,纹理集就是将大 ...
    
			
    9. 
						
  9. Java并发知识(1)
			
    1. 进程和线程之间有什么不同? 一个进程是一个独立(self contained)的运行环境,它可以被看作一个程序或者一个应用.而线程是在进程中执行的一个任务.Java运行环境是一个包含了不同的类和 ...
    
			
    10. 
						
  10. 系统批量运维管理器pexpect的使用
			
    # pip install pexpect 或 # easy_install pexpect 1 #!/usr/bin/env python 2 import pexpect 3 child = pe ...
    
			
    11.