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之变量和参数
Oct 10 Python
Python正规则表达式学习指南
Aug 02 Python
python 捕获shell脚本的输出结果实例
Jan 04 Python
从头学Python之编写可执行的.py文件
Nov 28 Python
Python单元测试简单示例
Jul 03 Python
在双python下设置python3为默认的方法
Oct 31 Python
python通过链接抓取网站详解
Nov 20 Python
Python 中的pygame安装与配置教程详解
Feb 10 Python
Python读取Excel一列并计算所有对象出现次数的方法
Sep 04 Python
python rsa-oaep加密的示例代码
Sep 23 Python
Matlab使用Plot函数实现数据动态显示方法总结
Feb 25 Python
python爬取新闻门户网站的示例
Apr 25 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
使用PHP socke 向指定页面提交数据
2008/07/23 PHP
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
php file_exists 检查文件或目录是否存在的函数
2010/05/10 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
2016/06/21 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
Javascript的this详解
2019/03/23 Javascript
Python lambda和Python def区别分析
2014/11/30 Python
在Python dataframe中出生日期转化为年龄的实现方法
2018/10/20 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
Python partial函数原理及用法解析
2019/12/11 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
python 获取计算机的网卡信息
2021/02/18 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
公司周年庆典邀请函
2014/01/12 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
小学生期末评语
2014/04/21 职场文书
岗位说明书范文
2014/05/07 职场文书
代理人委托书
2014/08/01 职场文书
质量在我心中演讲稿
2014/09/02 职场文书
无房证明范本
2014/09/17 职场文书
健康状况证明模板
2014/10/23 职场文书
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android