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脚本实现下载合并SAE日志
Feb 10 Python
详解Python如何获取列表(List)的中位数
Aug 12 Python
python实现读取并显示图片的两种方法
Jan 13 Python
Python之Scrapy爬虫框架安装及使用详解
Nov 16 Python
python docx 中文字体设置的操作方法
May 08 Python
Numpy array数据的增、删、改、查实例
Jun 04 Python
Python Pywavelet 小波阈值实例
Jan 09 Python
django 简单实现登录验证给你
Nov 06 Python
Python合并2个字典成1个新字典的方法(9种)
Dec 19 Python
使用Python串口实时显示数据并绘图的例子
Dec 26 Python
jupyter notebook中新建cell的方法与快捷键操作
Apr 22 Python
记一次django内存异常排查及解决方法
Aug 07 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中,文件上传
2006/12/06 PHP
MySQL连接数超过限制的解决方法
2011/07/17 PHP
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
php实现文件下载实例分享
2014/06/02 PHP
phpStorm2020 注册码
2020/09/17 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
解决低版本的浏览器不支持es6的import问题
2018/03/09 Javascript
angular 服务的单例模式(依赖注入模式下)详解
2018/10/22 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
基于javascript实现放大镜特效
2020/12/03 Javascript
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
pyqt5 键盘监听按下enter 就登陆的实例
2019/06/25 Python
使用python脚本自动创建pip.ini配置文件代码实例
2019/09/20 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
巴西宠物商店:Cobasi
2019/04/19 全球购物
掌上明珠Java程序员面试总结
2016/02/23 面试题
厨房工作人员岗位职责
2013/11/15 职场文书
应聘自荐信
2013/12/14 职场文书
新员工入职感言
2014/02/01 职场文书
教师考察材料范文
2014/06/03 职场文书
学习型党组织心得体会
2014/09/12 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
python基础之错误和异常处理
2021/10/24 Python
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js