一、问题

首先我们在进行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的使用的更多相关文章

  1. 【框架】Django入门学习笔记

    教程 Demo 教材2 教材3 [转] Django处理请求的工作机制 记住: 1.用manage.py runserver 启动Django服务器时就载入了在同一目录下的settings.py.该文 ...

  2. Django快速学习搭建blog项目

    新手学习Django,本文学习的文档是<Django Web开发指南>.好了我也是新手,没什么好说了,go!- 首先先确定环境,我是在linux(Ubuntu14.04 gnome)下. ...

  3. Django初识 学习笔记一

    Django初识 学习笔记一 mvcviewsmodelstemplate. 一 MVC框架 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(c ...

  4. django 设置静态文件，static

    django 设置静态文件,static 一.搜集静态文件 1.1 命令行查看 collectstatic guoguos-MacBook-Pro:mysite guoguo$ python mana ...

  5. Django的学习需要掌握的一些基础和初步搭建自己的框架

    一.Django的学习需要掌握的一些基础 第一个需要注意的点:客户端发送过来的数据结构组成: 第二个需要注意的点:动态网页和静态网页 静态网页:用户发送请求,服务端找到对应的静态文件返回给浏览器,静态 ...

  6. Django 的学习(2) 从adminuser到配置

    创建一个superuser python manage.py createsuperuser 然后是密码邮箱用户名 You should see a few types of editable con ...

  7. Django中间件、csrf跨站请求、csrf装饰器、基于django中间件学习编程思想

    django中间件 中间件介绍 什么是中间件? 官方的说法:中间件是一个用来处理Django的请求和响应的框架级别的钩子.它是一个轻量.低级别的插件系统,用于在全局范围内改变Django的输入和输出. ...

  8. Springboot的static和templates区别

    static和templates部分参考博客:https://blog.csdn.net/wangb_java/article/details/71775637 热部署参考博客:https://www ...

  9. C/C++之全局、static对象/变量的初始化问题

    关于全局.static对象/变量的初始化问题 1. 全局变量.static变量的初始化时机:main()函数执行之前(或者说main中第一个用户语句执行之前). 2. 初始化顺序. 1)全局对象.外部 ...

随机推荐

  1. python关于SSL的认证--pycurl模块使用

    今天在做微信支付退款接口的时候,因为需要使用到双向证书的认证,所以一开始是没有头绪的,后来在网上找到了相类似的教程,发现了pycurl模块,才成功实现了证书认证,教程链接:http://blog.cs ...

  2. 静态文件 static

    一.常见的形式 前面初步搭建Django开局时候就 在 项目路径下 建立了statics 文件夹,然后在 settings.py  文件的末尾添加了 statics 文件夹的绝对路径. # 这个可以给 ...

  3. Rust第一次---centos 7下的安装，配置，测试

    现在安装都依赖于网络,命令比较简单. 一,运行脚本,安装runstup 1,运行如下脚本: curl https://sh.rustup.rs -sSf | sh 2,输入默认项1,完成余下的安装 二 ...

  4. Nginx配置参数中文详细说明

    #定义Nginx运行的用户和用户组user www www;##nginx进程数,建议设置为等于CPU总核心数.worker_processes 8;##全局错误日志定义类型,[ debug | in ...

  5. Linux下Maven安装（十二）

    一.前提条件 下载并安装好JDK .在终端输入命令“java -version”,如果出现类似如下信息说明JDK安装成功. 二.开始配置Maven 1. 下载maven:http://mirror.b ...

  6. Django之创建项目、目录层级、基本操作

    创建项目 在合适的位置创建一个目录 打开cmd窗口,进入到创建的目录内 输入django-admin startproject project 目录层级 manage.py 是一个命令行工具,可以使我 ...

  7. LG2053/BZOJ1070 「SCOI2007」修车 费用流

    问题描述 LG2053 BZOJ1070 题解 将\(m\)个修理工拆为\(n \times m\)个,将修理工和车辆看做二分图,连出一个完全二分图. 边流量为\(1\),费用为时间,费用流即可. \ ...

  8. <Graph> 133 399 223

    133. Clone Graph 我们也可以使用 BFS 来遍历图,使用队列 queue 进行辅助,还是需要一个 HashMap 来建立原图结点和克隆结点之间的映射.先克隆当前结点,然后建立映射,并加 ...

  9. [LeetCode] 486. Predict the Winner 预测赢家

    Given an array of scores that are non-negative integers. Player 1 picks one of the numbers from eith ...

  10. Spring Cloud Gateway 结合配置中心限流

    前言 上篇文章我讲过复杂的限流场景可以通过扩展RedisRateLimiter来实现自己的限流策略. 假设你领导给你安排了一个任务,具体需求如下: 针对具体的接口做限流 不同接口限流的力度可以不同 可 ...