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 文件读写操作实例详解
Mar 12 Python
Python中urllib2模块的8个使用细节分享
Jan 01 Python
Python 判断文件或目录是否存在的实例代码
Jul 19 Python
Python第三方库h5py_读取mat文件并显示值的方法
Feb 08 Python
Django model select的多种用法详解
Jul 16 Python
通过celery异步处理一个查询任务的完整代码
Nov 19 Python
在python中利用dict转json按输入顺序输出内容方式
Feb 27 Python
Python基于numpy模块实现回归预测
May 14 Python
pytorch SENet实现案例
Jun 24 Python
Python 3.10 的首个 PEP 诞生,内置类型 zip() 迎来新特性(推荐)
Jul 03 Python
Django ORM判断查询结果是否为空,判断django中的orm为空实例
Jul 09 Python
浅析pandas随机排列与随机抽样
Jan 22 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
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
分享php邮件管理器源码
2016/01/06 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
tbody元素支持嵌套的注意方法
2007/03/24 Javascript
JavaScript 创建对象
2009/07/17 Javascript
js css后面所带参数含义介绍
2013/08/18 Javascript
基于编写jQuery的无缝滚动插件
2014/08/02 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
JavaScript常用代码书写规范的超全面总结
2016/09/11 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
手淘flexible.js框架使用和源代码讲解小结
2018/10/15 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
python正则表达式之对号入座篇
2018/07/24 Python
PyTorch中topk函数的用法详解
2020/01/02 Python
python实现控制台输出彩色字体
2020/04/05 Python
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
韩国11街:11STREET
2018/03/27 全球购物
大学生自我评价怎样写好
2013/10/23 职场文书
银行学习十八大感想
2014/01/11 职场文书
挂职自我鉴定
2014/02/26 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
捐助倡议书范文
2014/04/15 职场文书
人事任命书怎么写
2014/06/05 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
SpringBoot集成Druid连接池连接MySQL8.0.11
2021/07/02 Java/Android
python实现简单的聊天小程序
2021/07/07 Python