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 urllib模块urlopen()与urlretrieve()详解
Nov 01 Python
Python定时执行之Timer用法示例
May 27 Python
Django添加feeds功能的示例
Aug 07 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
Dec 05 Python
Python操作MongoDb数据库流程详解
Mar 05 Python
python 实现仿微信聊天时间格式化显示的代码
Apr 17 Python
如何写python的配置文件
Jun 07 Python
如何设置PyCharm中的Python代码模版(推荐)
Nov 20 Python
python 爬取百度文库并下载(免费文章限定)
Dec 04 Python
python help函数实例用法
Dec 06 Python
python openssl模块安装及用法
Dec 06 Python
python 获取域名到期时间的方法步骤
Feb 10 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的MySQL连接类
2013/06/07 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
js 多浏览器分别判断代码
2010/04/01 Javascript
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
JS仿淘宝搜索框用户输入事件的实现
2017/06/19 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
jQuery实现上传图片前预览效果功能
2017/08/03 jQuery
学习React中ref的两个demo示例
2018/08/14 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
2020/05/19 jQuery
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
Python库urllib与urllib2主要区别分析
2014/07/13 Python
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
总结用Pdb库调试Python的方式及常用的命令
2016/08/18 Python
Python编程求质数实例代码
2018/01/31 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
python 字典操作提取key,value的方法
2019/06/26 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
Django的models模型的具体使用
2019/07/15 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
2014迎新年晚会策划方案
2014/02/23 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
党校学习个人总结
2015/02/15 职场文书
七一慰问简报
2015/07/20 职场文书
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL