一、问题

首先我们在进行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

最新文章

  1. Uiautomator--断言的使用
  2. unbuntu14.04 安装nginx配置
  3. [Hibernate] - many to one
  4. 【VS2012】项目文件夹管理
  5. BZOJ 1639: [Usaco2007 Mar]Monthly Expense 月度开支
  6. iOS 中Window优先级的问题
  7. Win10下C:\Users\John以账户名称命名的系统文件夹用户名的修改
  8. POJ-2926-Requirements&amp;&amp;Educational Codeforces Round 56G. Multidimensional Queries 【哈夫曼距离】
  9. 《团队作业》五小福团队作业--UNO-- LandingDay--降落
  10. JAVA基础复习与总结&lt;七&gt; File类_基本的IO概念_输入输出
  11. Problem B: 故障电灯(light)
  12. SOLDI原则之DIP:依赖倒置原则
  13. DevExpress WPF v18.2新版亮点(二)
  14. 根据IP和端口号异步短时间判断服务器是否链接
  15. Android从无知到有知——NO.3
  16. 制作移动端手机网站过程中的SEO优化方法技巧
  17. 上云、微服务化和DevOps,少走弯路的办法
  18. 常用工具说明--node.js是什么
  19. python 列表的内容赋值
  20. 动画的使用—Drawable Animation

热门文章

  1. Nginx+Docker部署模式下 asp.net core 获取真实的客户端ip
  2. linux(05) 编译安装py3
  3. 201871010106-丁宣元 《面向对象程序设计(java)》第十五周学习总结
  4. shell 大小关系 -eq -ne
  5. Leetcode练习
  6. (day47)作业
  7. zz斯坦福Jure Leskovec图表示学习:无监督和有监督方法
  8. TCP/UDP通信中server和client是如何知道对方IP地址的
  9. B1023 组个最小数 (20 分)
  10. Vue组件的操作-自定义组件,动态组件,递归组件