Django框架下静态模板的继承操作示例


Posted in Python onNovember 08, 2019

本文实例讲述了Django框架下静态模板的继承操作。分享给大家供大家参考,具体如下:

前言:第一篇博客,毕业校招在即,抽空把做过的项目都整理一下。

开发环境:python3.4,django1.8

初入python和django做项目,遇到很多前端页面代码冗余的情况,特别是头部和脚部,代码都是一样的。最开始是代码一直复制粘贴,后来发现Django自带的模板继承很好用。本人新手,仅发表个人经验,确实觉得很受用。欢迎大家指导。

①. 定义一个基础模板,该框架之后由子模板继承。

命名为base.html,这个页面主要放公用部分的代码,各个子页面都可以继承这个页面的样式。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{% block title %}首页{% endblock %}</title>
  {% block js %} {% endblock %}
  {% block css %} {% endblock %}
</head>
<body> 
  {% block content %}{% endblock %}
</body>
</html>

②. 编写各个子模板。

如下所示,{% extends ‘base.html' %}作为基础模板,必须放在第一行才可以识别。

{% block %}这个标签,告诉模板引擎,子模板可以重载这些
{% include %}允许模板中包含其他模板。

注意css和js等静态文件,是和html不同的识别方式。

{% extends 'base.html' %}
<!-- 该页面不允许出现js以及css代码,content代码可直接写在本文件中,下面只是content的实例代码 -->
{% block title %}
  <!-- 此处写页面标题 -->
{% endblock %}
{% block js %}
  <!-- 此处填充js链接 -->
  <script type="text/javascript" src="..."></script>
{% endblock %}
{% block css %}
  <!-- 此处填充css链接 -->
{% endblock %}
{% block content %}
  <!-- 此处填充页面主体内容 -->
  {% include 'taskApp/cjjdglContent.html' %}
{% endblock %}

这种方式用起来,不仅改起来便捷,代码量也显然减少了不少。

希望本文所述对大家基于Django框架的Python程序设计有所帮助。

Python 相关文章推荐
Python获取apk文件URL地址实例
Nov 01 Python
python中的__slots__使用示例
Feb 26 Python
Python编程之多态用法实例详解
May 19 Python
Python的Django框架中从url中捕捉文本的方法
Jul 20 Python
python批量制作雷达图的实现方法
Jul 26 Python
python executemany的使用及注意事项
Mar 13 Python
python检索特定内容的文本文件实例
Jun 05 Python
Python Cookie 读取和保存方法
Dec 28 Python
python中的decimal类型转换实例详解
Jun 26 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
Oct 23 Python
TensorFlow基本的常量、变量和运算操作详解
Feb 03 Python
关于python3.7安装matplotlib始终无法成功的问题的解决
Jul 28 Python
python中自带的三个装饰器的实现
Nov 08 #Python
python反转列表的三种方式解析
Nov 08 #Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
Nov 08 #Python
Python通过递归获取目录下指定文件代码实例
Nov 07 #Python
Django REST framework 单元测试实例解析
Nov 07 #Python
浅谈python中统计计数的几种方法和Counter详解
Nov 07 #Python
Python操作SQLite/MySQL/LMDB数据库的方法
Nov 07 #Python
You might like
极典R601SW收音机
2021/03/02 无线电
将数组写入txt文件 var_export
2009/04/21 PHP
linux下为php添加curl扩展的方法
2011/07/29 PHP
数据库中排序的对比及使用条件详解
2012/02/23 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
PHP四种基本排序算法示例
2015/04/09 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
PHP实现多图上传和单图上传功能
2018/05/17 PHP
基于jquery的滑动样例代码
2010/11/20 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
Popup弹出框添加数据实现方法
2017/10/27 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
2017/11/12 Javascript
浅谈Vue Element中Select下拉框选取值的问题
2018/03/01 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
2018/08/15 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
python正则中最短匹配实现代码
2018/01/16 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
深入浅析python3中的unicode和bytes问题
2019/07/03 Python
django数据库自动重连的方法实例
2019/07/21 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
会计职业生涯规划范文
2014/01/04 职场文书
升旗仪式演讲稿
2014/05/08 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
党员评议自我评价
2015/03/03 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
企业安全生产规章制度
2015/08/06 职场文书
教务处干事工作总结
2015/08/14 职场文书
javascript数组includes、reduce的基本使用
2021/07/02 Javascript