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 动态获取当前运行的类名和函数名的方法
Apr 15 Python
pycharm 使用心得(七)一些实用功能介绍
Jun 06 Python
Python使用Pycrypto库进行RSA加密的方法详解
Jun 06 Python
Python编程实现正则删除命令功能
Aug 30 Python
详解将Django部署到Centos7全攻略
Sep 26 Python
一步步教你用python的scrapy编写一个爬虫
Apr 17 Python
python的set处理二维数组转一维数组的方法示例
May 31 Python
Django 实现xadmin后台菜单改为中文
Nov 15 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
Jan 13 Python
python+selenium+PhantomJS抓取网页动态加载内容
Feb 25 Python
python在地图上画比例的实例详解
Nov 13 Python
用Python爬取某乎手机APP数据
Jun 15 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 引用文件技巧
2010/03/02 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
php简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
ThinkPHP中Common/common.php文件常用函数功能分析
2016/05/20 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
jquery ui bootstrap 实现自定义风格
2014/11/14 Javascript
JS访问SWF的函数用法实例
2015/07/01 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
基于vue.js快速搭建图书管理平台
2017/10/29 Javascript
微信小程序云开发实现数据添加、查询和分页
2019/05/17 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
javascript局部自定义鼠标右键菜单
2020/12/08 Javascript
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
python针对excel的操作技巧
2018/03/13 Python
python读取csv文件并把文件放入一个list中的实例讲解
2018/04/27 Python
python+selenium实现自动抢票功能实例代码
2018/11/23 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
python代码能做成软件吗
2020/07/24 Python
去除python中的字符串空格的简单方法
2020/12/22 Python
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
护士自荐信范文
2013/12/15 职场文书
职工运动会邀请函
2014/02/02 职场文书
产品质量承诺书范文
2014/03/27 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
走群众路线剖析材料
2014/10/09 职场文书
大足石刻导游词
2015/02/02 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python