Django之前端模板继承
在使用Django进行web开发时，往往会构造一个基础框架模板即base.html，而后在其子模板中对它所包含站点公用部分和定义块进行重载。
首先创建一个base.html，源码为：
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>{% block title %}{% endblock %}</title>
- </head>
- <body>
- <h1>My helpful timestamp site</h1>
- {% block content %}{% endblock %}
- {% block footer %}
- <hr>
- <p>Thanks for visiting my site.</p>
- {% endblock%}
- </body>
- </html>
这个叫做base.html的模板定义了一个简单的html框架文档，等会我们将在我们的站点中的页面使用它。子模板的作用就是重载、添加
或保留那些块的内容。
现在新建一个current_datetime.html模板来使用它：
- {% extends "base.html" %}
- {% block title %}The current time{% endblock %}
- {% block content %}
- <p>It is now {{current_date }}.</p>
- {% endblock %}
再新建一个hours_ahead.html模板，源码为：
- {% extends "base.html" %}
- {% block title %}Future time{% endblock %}
- {% block content %}
- <p>In {{hour_offset }} hour(s),it will be {{next_time}}.</p>
- {% endblock %}
上面的部分非html标签等会再来解释它，现在在views.py中新建两个函数，index4,与index5,分别对应这两个模板。源码为：
- def index4(req,offset):
- offset=int(offset)
- next_time=datetime.datetime.now()+datetime.timedelta(hours=offset)
- return render_to_response("hours_ahead.html",{'hour_offset':offset,'next_time':next_time})
- def index5(req):
- now=datetime.datetime.now()
- return render_to_response('current_datetime.html',{'current_date':now})
在url中的配置为：
- url(r'^hours_ahead/(\d{1,2}$)','blog.views.index4'),
- url(r'^current_datetime/$','blog.views.index5'),
现在启动服务器，在浏览器中查看效果，current_datetime.html为：
hours_ahead.html中的效果为：
如此两个html效果就显示出来了，同时也解释一下base.html中所起的作用，两个html中都使用了{% extends %}标记，
这个就是继承base.html中的内容，在使用{ % block XXXXX %} {% endblock%}时，中间的内容便是插入在使用了base.html两个标签的
中间，由此便极大的避免了代码的冗余。每个模板只包含自己独一无二的代码，无需多余的部分，而如果想要进行站点级的设计修改，仅需
修改base.html，所有其他模板会立即反映出所做修改。
上述，便是django之继承使用base.html模板。
Django之前端模板继承的更多相关文章
- Django框架之模板继承和静态文件配置
一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...
- django 前端模板继承显示model中使用choices的字段
比如model中的一个class Need class Need(models.Model): """ 任务 """ party_a=mod ...
- Django学习手册 - 模板继承与导入
核心: PS:一个页面只能继承一个模板. 前置: 配置url. 配置views 关键字: 1. {% extends "index模板.html" %} 声明继承于哪个模板 ,关联 ...
- [py][mx]django模板继承-课程列表页
课程列表页分析 1,机构类型 2,所在地区 3.排序 学习人数 先分析下 纵观页面,页头页脚都一样. django提供了模板继承. 至少 不同页面的title 面包屑路径 content内容不一致,以 ...
- Django（4）html模板继承、模板导入、分页实现
1.获取所有请求信息 导入模块:from django.core.handlers.wsgi import WSGIRequest request.environ:包含所有的请求信息,可以打印看一下, ...
- python 全栈开发，Day70(模板自定义标签和过滤器,模板继承 (extend),Django的模型层-ORM简介)
昨日内容回顾 视图函数: request对象 request.path 请求路径 request.GET GET请求数据 QueryDict {} request.POST POST请求数据 Quer ...
- Django 模板 语法 变量 过滤器 模板继承 组件 自定义标签和过滤器 静态文件相关
本节目录 一 语法 二 变量 三 过滤器 四 标签Tags 五 模板继承 六 组件 七 自定义标签和过滤器 八 静态文件相关 一 语法 模板渲染的官方文档 关于模板渲染你只需要记两种特殊符号(语法 ...
- Django项目中模板标签及模板的继承与引用【网站中快速布置广告】
Django项目中模板标签及模板的继承与引用 常见模板标签 {% static %} {% for x in range(x) %}{% endfor %} 循环的序号{% forloop %} 循环 ...
- Django基础(2)--模板自定义标签和过滤器,模板继承 (extend),Django的模型层-ORM简介
没整理完 昨日回顾: 视图函数: request对象 request.path 请求路径 request.GET GET请求数据 QueryDict {} request.POST POST请求数据 ...
随机推荐
- 任务调度Cron表达式及Quartz代码详解
在线Cron表达式生成器 http://cron.qqe2.com/ cron表达式详解 http://www.cnblogs.com/linjiqin/archive/2013/07/08/3178 ...
- iPhone6 和 iPhone 6 plus的适配
苹果每出一款产品,都会引起广大IOS程序猿们的深深关注!是不是又该做适配了?是不是又该学习新东西了?种种的操心挂在心头. 以下我谈谈我对iPhone6 和 iPhone 6 plus适配问题的理解: ...
- 点滴积累【other】---存储过程删除所有表中的数据（sql）
USE [QG_Mis24] GO /****** Object: StoredProcedure [dbo].[p_set1] Script Date: 07/18/2013 13:25:57 ** ...
- linux下/etc/hosts 和hostname文件的区别
很过人一提到更改hostname首先就想到修改/etc/hosts文件,认为hostname的配置文件就是/etc/hosts.其实不是的. hosts文件的作用相当如DNS,提供IP地址到hostn ...
- Atitti.数据操作crud js sdk dataServiceV3设计说明
Atitti.数据操作crud js sdk dataServiceV3设计说明 1. 增加数据1 1.1. 参数哦说明1 2. 查询数据1 2.1. 参数说明2 3. 更新数据2 3.1. 参数说明 ...
- Atitit.index manager api design 索引管理api设计
Atitit.index manager api design 索引管理api设计 1. kw1 1.1. 索引类型 unique,normal,fulltxt1 1.2. 聚集索引(clustere ...
- atitit.jquery tmpl模板总结 .doc
atitit.jquery tmpl模板总结 .doc 1. atitit.动态模版解析1 1.1. Jquery.tmpl.js1 1.2. 比起anrular js方便啊.1 2. 动态模板引擎解 ...
- 斑马Zebra ZPLII指令集中文说明解释
我们最常用的斑马(Zebra)条码打印机,应用ZPLII命令来控制打印,说明书中有每条指令的详细说明及相关示例,下面是各指令的中文释义: ^A 对Zebra内置点阵字体缩放 ^A(可缩放/点阵字体 ...
- 浅谈HTTPS协议和SSL、TLS之间的区别与关系
HTTP可能是我们见到过最多的一个字符串了,应该没有之一,而对于HTTPS到来和趋势,我们又开始看到SSL/TLS,所以对于一般不只做技术的人来说这或许还是一个疑问,那么子凡就趁最近在折腾这方面来给大 ...
- android6.0 adbd深入分析（二）adb驱动数据的处理、写数据到adb驱动节点
上篇博客最后讲到在output_thread中.读取了adb驱动的数据后.就调用write_packet(t->fd, t->serial, &p)函数,把数据网socket ...