Django的学习——全局的static和templates的使用
一、问题
首先我们在进行Django框架搭建的时候我们需要建立一个全局的变量，一是为了实现代码的复用，二是为了方便管理，如下图的样式
二、解决
1、修改setting里面的配置文件
①templates的路径:
按照以下的规则进行添加【app/templates】,然后在APP下面建立这个templates。
APP下的：
②static的路径：
在最后添加这部分内容，保留以前的static的路径
2、在html中引用：
①templates:
在主templates中添加一个主的HTML文件
其中block代表区域，也就是后面整个主体的部分，这样相当于把一个body嵌入到这个HTML中
主界面的代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Main</title>
</head>
<body>
{% block title %}{% endblock %}
<a href="https://www.baidu.com/"><h3>百度一下</h3></a>
</body>
</html>
应用界面的代码：
其中{% extends 'main.html' %}是最为重要的，必须顶头写不然会出错{% block title %}（title只是一个标识，可以使用任意的字符，只要能保持一致就可以检索到）和{% endblock %}相对相应也就是嵌套的区域
代码如下：
{% extends "main.html" %}
{% block title %}
{% load staticfiles %}
</head>
<body>
<img src="{% static 'images\pk_1.jpg' %}" height="500" width="500">
<p>
我是不是你最疼爱的人，你为什么不说话，我在这等着你回来等着你回来，一朵花儿开就是一朵花儿，满山的花儿在这里开啊！
</p>
<img src="{% static 'images\pk_1.jpg' %}" height="500" width="500">
<br>
<a href="{% url 'index:show' %}"><h3>Show页面</h3></a>
<br>
<a href="{% url 'index:seconds' %}"><h3>Seconds页面</h3></a>
<br>
<video src="{% static 'videos\first.m4a' %}" width="400" controls loop></video>
</body>.
{% endblock %}
结果图:
②static:
static比较简单
在调用之前使用{% load staticfiles %}就可以完成调用，使用的时候使用{% static ‘[js/css/pic/video/等路径]’ %}就可以完成使用
如上图
三、成果展示
四、总结
Django开发的templates有很多技巧可以多参考一下前人写的，如果出现templates无法加载的情况，检出路径是否出现错误，以及拼写是否有误。
五、参考
附上Django的使用手册：
https://docs.djangoproject.com/en/2.1/ref/settings/#databases
Django的学习——全局的static和templates的使用的更多相关文章
- 【框架】Django入门学习笔记
教程 Demo 教材2 教材3 [转] Django处理请求的工作机制 记住: 1.用manage.py runserver 启动Django服务器时就载入了在同一目录下的settings.py.该文 ...
- Django快速学习搭建blog项目
新手学习Django,本文学习的文档是<Django Web开发指南>.好了我也是新手,没什么好说了,go!- 首先先确定环境,我是在linux(Ubuntu14.04 gnome)下. ...
- Django初识 学习笔记一
Django初识 学习笔记一 mvcviewsmodelstemplate. 一 MVC框架 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(c ...
- django 设置静态文件，static
django 设置静态文件,static 一.搜集静态文件 1.1 命令行查看 collectstatic guoguos-MacBook-Pro:mysite guoguo$ python mana ...
- Django的学习需要掌握的一些基础和初步搭建自己的框架
一.Django的学习需要掌握的一些基础 第一个需要注意的点:客户端发送过来的数据结构组成: 第二个需要注意的点:动态网页和静态网页 静态网页:用户发送请求,服务端找到对应的静态文件返回给浏览器,静态 ...
- Django 的学习(2) 从adminuser到配置
创建一个superuser python manage.py createsuperuser 然后是密码邮箱用户名 You should see a few types of editable con ...
- Django中间件、csrf跨站请求、csrf装饰器、基于django中间件学习编程思想
django中间件 中间件介绍 什么是中间件? 官方的说法:中间件是一个用来处理Django的请求和响应的框架级别的钩子.它是一个轻量.低级别的插件系统,用于在全局范围内改变Django的输入和输出. ...
- Springboot的static和templates区别
static和templates部分参考博客:https://blog.csdn.net/wangb_java/article/details/71775637 热部署参考博客:https://www ...
- C/C++之全局、static对象/变量的初始化问题
关于全局.static对象/变量的初始化问题 1. 全局变量.static变量的初始化时机:main()函数执行之前(或者说main中第一个用户语句执行之前). 2. 初始化顺序. 1)全局对象.外部 ...
随机推荐
- c# Hashtable Synchronized vs SyncRoot
Synchronized vs SyncRoot 我们知道,在.net的一些集合类型中,譬如Hashtable和ArrayList,都有Synchronized静态方法和SyncRoot实例方法,他们 ...
- 微信小程序的线程架构
小程序的线程架构 每个小程序包含一个描述整体程序的app实例和多个描述页面的page. 其中app由3个文件构成: app.json 公共配置文件 app.wxss 公共样式文件 app.js 主体逻 ...
- SqlServer数据库之给表添加序号
简单给查询表添加序号 SELECT row_number() over(order by inserttime asc) as id,* FROM [RecordDrawScore]
- ES6之Proxy 的巧用
摘要: Proxy的骚操作. 作者:前端小智 原文:Proxy 的巧用 Fundebug经授权转载,版权归原作者所有. Proxy 介绍 使用Proxy,你可以将一只猫伪装成一只老虎.下面大约有6个例 ...
- 实用Javascript调试技巧
摘要: 高效调试JS代码. 原文:实用Javascript调试技巧分享 作者:MudOnTire Fundebug经授权转载,版权归原作者所有. 见过太多同学调试Javascript只会用简单的con ...
- JAVA中为什么要配置环境变量？怎么配置环境变量？
1.为什么要配置环境变量? 答:为了让javac命令(编译命令)和Java命令(运行命令)能在任何文件夹都能运行. 2.怎么配置环境变量? JAVA_HOME : D:\develop\Java\jd ...
- 基本SQL语句使用方法
结构:增: create database 库名 charset 字符集: create table 表名称(字段名 类型 约束 ,字段名 类型 约束) not null 非空primary key ...
- 第五篇：Python函数基础篇
本篇介绍什么是函数.函数的特性.函数的定义.函数的调用.以及函数的参数.以及关于全局变量和局部变量的使用等等. 一.什么是函数: 函数是最基本的一种代码抽象方式,为了实现某种特定的功能而组织的带名字的 ...
- 4-7 3D绘图
In [1]: import matplotlib.pyplot as plt import numpy as np from mpl_toolkits.mplot3d import Axes3D % ...
- JS中的实例方法、静态方法、实例属性、静态属性
一.静态方法与实例方法的例子: 我们先来看一个例子来看一下JS中的静态方法和实例方法到底是什么? 静态方法: function A(){} A.col='red' //静态属性 A.sayMeS=f ...