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中IPYTHON入门实例
May 11 Python
bat和python批量重命名文件的实现代码
May 19 Python
简单谈谈Python流程控制语句
Dec 04 Python
python实现生命游戏的示例代码(Game of Life)
Jan 24 Python
python实现PID算法及测试的例子
Aug 08 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
Jan 10 Python
Django单元测试中Fixtures用法详解
Feb 25 Python
python实现简单学生信息管理系统
Apr 09 Python
Python如何实现Paramiko的二次封装
Jan 30 Python
python 实现Requests发送带cookies的请求
Feb 08 Python
pytorch锁死在dataloader(训练时卡死)
May 28 Python
你需要掌握的20个Python常用技巧
Feb 28 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函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
jquery中关于bind()方法的使用技巧分享
2017/03/30 jQuery
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
2018/08/16 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
2020/12/01 Javascript
[42:48]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第二场 12.11
2020/12/16 DOTA
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
在Python中使用元类的教程
2015/04/28 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python自定义装饰器原理与用法实例分析
2018/07/16 Python
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】
2019/03/30 Python
python图形工具turtle绘制国际象棋棋盘
2019/05/23 Python
python 同时读取多个文件的例子
2019/07/16 Python
python中_del_还原数据的方法
2020/12/09 Python
工作人员思想汇报
2014/01/09 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
学习雷锋做美德少年寄语大全
2014/04/09 职场文书
学校运动会霸气口号
2014/06/07 职场文书
会计学专业求职信
2014/07/17 职场文书
工程承包协议书
2014/10/20 职场文书
大学生支教感言
2015/08/01 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书