Django模板:HTML静态模板的继承
2015-09-27 09:52
169 查看
网站模板的设计,一般的,我们做网站有一些通用的部分,比如 导航,底部,访问统计代码等。合理的规划模板往往会减少工作量,同时也使得罗乱、难以阅读的静态页面布局变得优雅。
假设,我们的网站主页面除了正文是由导航条,低栏,统计栏构成。也就是nav.html,bottom.html,tongji.html。
在构建页面的时候,可以写一个base.html来包含(include)这些通用文件,如下:
<!DOCTYPE html> <html> <head> <title>{% block title %}默认标题{% endblock %}</title> </head> <body> {% include 'nav.html' %} {% block content %} <div>这里是默认内容,所有继承自这个模板的,如果不覆盖就显示这里的默认内容。</div> {% endblock %} {% include 'bottom.html' %} {% include 'tongji.html' %} </body> </html>
在这里,所有的include都是引入通用文件,而block都是定义默认模块,其他继承base.html的页面,都可以在自己的页面中重新定义这些模块,达到覆盖替换的作用。
比如我们设计一个主页面index.html,继承自base.html,同时替换base.html中的title和content两个模块。以下是index.html文件的内容:
{% extends 'base.html' %} {% block title %}欢迎光临首页{% endblock %} {% block content %} {% include 'ad.html' %} 这里是首页,欢迎光临 {% endblock %}
运行这个页面,你就会发现,原有的base.html中的模块被替换掉了。
相关文章推荐
- Django之html-模板继承
- Django之模板HTML(模板渲染(字符,列表,字典),继承母版(extends ,extends), templatetags(simple_tag,filter))【交互篇三】
- Django模板导入母版继承和自定义返回Html片段过程解析
- Django(4)html模板继承、模板导入、分页实现
- Django框架下静态模板的继承操作示例
- django中模板(html)以及静态文件(css,js,images)的配置
- python(Django之html模板继承)
- Django-模板继承、包含和静态文件配置
- Django入门教程(六)模板继承和静态资源的使用
- Django下静态模板的继承
- python(Django之html模板继承)
- Django框架之模板继承和静态文件配置
- Django - 模板层 - 模板的导入和继承 、静态文件的使用
- Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
- Django框架(七:静态文件的导入,并提取出相同的部分作为父模板来继承)
- 第五章 python Django 模版【模板标签 模板过滤器 模板继承 加载静态文件】
- ASP 根据模板生成HTML静态文件类
- Django模板的继承
- 第二百六十八节,Tornado框架-路由映射之二级域名支持,html模板继承以及导入
- 4000 Django-04.静态文件与模板详解(二)