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中使用select模块实现非阻塞的IO
Feb 03 Python
python搜索指定目录的方法
Apr 29 Python
python统计文本文件内单词数量的方法
May 30 Python
Python打包可执行文件的方法详解
Sep 19 Python
对pandas的层次索引与取值的新方法详解
Nov 06 Python
python自动化测试之DDT数据驱动的实现代码
Jul 23 Python
Python collections模块使用方法详解
Aug 28 Python
python实现简单图书管理系统
Nov 22 Python
python flask中动态URL规则详解
Nov 22 Python
Python基础之字符串常见操作经典实例详解
Feb 26 Python
Python Json数据文件操作原理解析
May 09 Python
python实现自动化群控的步骤
Apr 11 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
Apache2 httpd.conf 中文版
2006/12/06 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
js实现按Ctrl+Enter发送效果
2014/09/18 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
2018/01/23 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
js中的闭包实例展示
2018/11/01 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
进一步理解Python中的函数编程
2015/04/13 Python
Python中set与frozenset方法和区别详解
2016/05/23 Python
Python设计模式之抽象工厂模式
2016/08/25 Python
Django如何实现内容缓存示例详解
2017/09/24 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
Python单元测试简单示例
2018/07/03 Python
python删除字符串中指定字符的方法
2018/08/13 Python
python实现合并两个排序的链表
2019/03/03 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
python 实现二维字典的键值合并等函数
2019/12/06 Python
python的slice notation的特殊用法详解
2019/12/27 Python
全球度假村:Club Med
2017/11/27 全球购物
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
党员承诺践诺书
2014/05/20 职场文书
销售员态度差检讨书
2014/10/26 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS
HDFS免重启挂载新磁盘
2022/04/06 Servers