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对json的相关操作实例详解
Jan 04 Python
Python模块结构与布局操作方法实例分析
Jul 24 Python
Python微信库:itchat的用法详解
Aug 14 Python
python调用c++传递数组的实例
Feb 13 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
Apr 11 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
Jun 27 Python
30秒学会30个超实用Python代码片段【收藏版】
Oct 15 Python
django的403/404/500错误自定义页面的配置方式
May 21 Python
Django DRF路由与扩展功能的实现
Jun 03 Python
Python中pass的作用与使用教程
Nov 13 Python
Python 删除List元素的三种方法remove、pop、del
Nov 16 Python
python实现学生通讯录管理系统
Feb 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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
关于尾递归的使用详解
2013/05/02 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
PHP分页显示的方法分析【附PHP通用分页类】
2018/05/10 PHP
js获取键盘按键响应事件(兼容各浏览器)
2013/05/16 Javascript
Node调试工具JSHint的安装及配置教程
2014/05/27 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
详谈innerHTML innerText的使用和区别
2017/08/18 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
react native 获取地理位置的方法示例
2018/08/28 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
儿童python练习实例
2018/05/27 Python
Django添加favicon.ico图标的示例代码
2018/08/07 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
用Python 执行cmd命令
2020/12/18 Python
python基于opencv实现人脸识别
2021/01/04 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
室内设计自我鉴定
2013/10/15 职场文书
校园安全检查制度
2014/02/03 职场文书
《雨点》教学反思
2014/02/12 职场文书
医学院毕业生自荐信范文
2014/03/06 职场文书
捐助贫困学生倡议书
2014/05/16 职场文书
调研座谈会发言材料
2014/08/23 职场文书
婚庆公司开业主持词
2015/06/30 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript
Python中使用Opencv开发停车位计数器功能
2022/04/04 Python
Go获取两个时区的时间差
2022/04/20 Golang