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标准库内置函数complex介绍
Nov 25 Python
详解Python网络爬虫功能的基本写法
Jan 28 Python
Python正则替换字符串函数re.sub用法示例
Jan 19 Python
python中如何使用朴素贝叶斯算法
Apr 06 Python
python爬虫入门教程--快速理解HTTP协议(一)
May 25 Python
浅析使用Python操作文件
Jul 31 Python
基于Django实现日志记录报错信息
Dec 17 Python
Python中实现输入一个整数的案例
May 03 Python
k-means 聚类算法与Python实现代码
Jun 01 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
Jun 18 Python
Python列表元素删除和remove()方法详解
Jan 04 Python
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
Jun 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
用PHP生成html分页列表的代码
2007/03/18 PHP
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
短信提示使用 特效
2007/01/19 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
JavaScript中Object.prototype.toString方法的原理
2016/02/24 Javascript
JS实现的在线调色板实例(附demo源码下载)
2016/03/01 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
jQuery的框架介绍
2016/05/11 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
关于json字符串与实体之间的严格验证代码
2016/11/10 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
vue watch监听对象及对应值的变化详解
2018/02/24 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
在Python中操作字典之update()方法的使用
2015/05/22 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
python GUI库图形界面开发之PyQt5访问系统剪切板QClipboard类详细使用方法与实例
2020/02/27 Python
解决Django Haystack全文检索为空的问题
2020/05/19 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
小学教师自我鉴定
2013/11/07 职场文书
质量保证书
2015/01/17 职场文书
职称评定个人总结
2015/03/05 职场文书
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
docker 制作mysql镜像并自动安装
2022/05/20 Servers