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 thrift搭建服务端和客户端测试程序
Jan 17 Python
python基础教程项目三之万能的XML
Apr 02 Python
pandas中的DataFrame按指定顺序输出所有列的方法
Apr 10 Python
PyQt5每天必学之滑块控件QSlider
Apr 20 Python
详解python的sorted函数对字典按key排序和按value排序
Aug 10 Python
Python多进程与服务器并发原理及用法实例分析
Aug 21 Python
简单介绍python封装的基本知识
Aug 10 Python
Ranorex通过Python将报告发送到邮箱的方法
Jan 12 Python
python 如何实现遗传算法
Sep 22 Python
Python os库常用操作代码汇总
Nov 03 Python
浅谈Python项目的服务器部署
Apr 25 Python
Python中time与datetime模块使用方法详解
Mar 31 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
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
flash javascript之间的通讯方法小结
2008/12/20 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
2012/12/04 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
基于JavaScript代码实现随机漂浮图片广告
2016/01/05 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
2017/03/08 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
使用实现XlsxWriter创建Excel文件并编辑
2018/05/04 Python
Python爬虫常用库的安装及其环境配置
2018/09/19 Python
python生成九宫格图片
2018/11/19 Python
Python如何设置指定窗口为前台活动窗口
2020/08/12 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
自主招生自荐信格式
2013/12/03 职场文书
公司财务自我评价分享
2013/12/17 职场文书
公司培训心得体会
2014/01/03 职场文书
岗位聘任书范文
2014/03/29 职场文书
教师暑期培训感言
2014/08/15 职场文书
高中生学习计划书
2014/09/15 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/10/28 职场文书
终止解除劳动合同证明书
2015/06/17 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
pytorch 实现多个Dataloader同时训练
2021/05/29 Python