Django 全局的static和templates的使用详解


Posted in Python onJuly 19, 2019

一、问题

首先我们在进行Django框架搭建的时候我们需要建立一个全局的变量,一是为了实现代码的复用,二是为了方便管理,如下图的样式

Django 全局的static和templates的使用详解

二、解决

1、修改setting里面的配置文件

①templates的路径:

按照以下的规则进行添加【app/templates】,然后在APP下面建立这个templates。

Django 全局的static和templates的使用详解

APP下的:

Django 全局的static和templates的使用详解

②static的路径:

在最后添加这部分内容,保留以前的static的路径

Django 全局的static和templates的使用详解

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/" rel="external nofollow" ><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' %}" rel="external nofollow" ><h3>Show页面</h3></a>
<br>
<a href="{% url 'index:seconds' %}" rel="external nofollow" ><h3>Seconds页面</h3></a>
<br>
<video src="{% static 'videos\first.m4a' %}" width="400" controls loop></video>
</body>.
{% endblock %}

结果图:

Django 全局的static和templates的使用详解

Django 全局的static和templates的使用详解

②static:

static比较简单

在调用之前使用{% load staticfiles %}就可以完成调用,使用的时候使用{% static ‘[js/css/pic/video/等路径]' %}就可以完成使用

如上图

三、成果展示

Django 全局的static和templates的使用详解

四、总结

Django开发的templates有很多技巧可以多参考一下前人写的,如果出现templates无法加载的情况,检出路径是否出现错误,以及拼写是否有误。

五、参考

附上Django的使用手册:

https://docs.djangoproject.com/en/2.1/ref/settings/#databases

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python中__init__和__new__的区别详解
Jul 09 Python
django中的HTML控件及参数传递方法
Mar 20 Python
Python堆排序原理与实现方法详解
May 11 Python
python中正则表达式与模式匹配
May 07 Python
pyqt5 comboBox获得下标、文本和事件选中函数的方法
Jun 14 Python
Python 共享变量加锁、释放详解
Aug 28 Python
python logging添加filter教程
Dec 24 Python
PyCharm无法识别PyQt5的2种解决方法,ModuleNotFoundError: No module named 'pyqt5'
Feb 17 Python
Python编程快速上手——强口令检测算法案例分析
Feb 29 Python
Python同时处理多个异常的方法
Jul 28 Python
Python类class参数self原理解析
Nov 19 Python
python实现双人五子棋(终端版)
Dec 30 Python
python之拟合的实现
Jul 19 #Python
Django 过滤器汇总及自定义过滤器使用详解
Jul 19 #Python
python SVM 线性分类模型的实现
Jul 19 #Python
Django密码系统实现过程详解
Jul 19 #Python
Tensorflow实现酸奶销量预测分析
Jul 19 #Python
Python实现基于SVM的分类器的方法
Jul 19 #Python
Tensorflow模型实现预测或识别单张图片
Jul 19 #Python
You might like
给初学者的30条PHP最佳实践(荒野无灯)
2011/08/02 PHP
php while循环得到循环次数
2013/10/26 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
php格式输出文件var_export函数实例
2014/11/15 PHP
PHP实现仿Google分页效果的分页函数
2015/07/29 PHP
JAVASCRIPT HashTable
2007/01/22 Javascript
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
js选择并转移导航菜单示例代码
2014/08/19 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
jQuery获取checkboxlist的value值的方法
2015/09/27 Javascript
详解ESLint在Vue中的使用小结
2018/10/15 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
Python计算一个文件里字数的方法
2015/06/15 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
英国最大的在线时尚眼镜店:Eyewearbrands
2019/03/12 全球购物
班主任工作年限证明
2014/01/12 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
环保倡议书100字
2014/05/15 职场文书
中学教师师德承诺书
2014/05/23 职场文书
师德承诺书
2015/01/20 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书
python源码剖析之PyObject详解
2021/05/18 Python
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电
vue 自定义组件添加原生事件
2022/04/21 Vue.js
Python 文字识别
2022/05/11 Python