Django模板之通用模板的使用

转载:https://code.ziqiangxuetang.com/django/django-template.html

我们做网站有一些通用的部分,比如 导航,底部,访问统计代码等等。

我们没有必要重复的去写,所有要使用的时候就引用这些通用文件就好了。

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 是包含其它文件的内容,就是把一些网页共用的部分拿出来,重复利用,改动的时候也方便一些,还可以把广告代码放在一个单独的html中,改动也方便一些,在用到的地方include进去。其它的页面继承自 base.html 就好了,继承后的模板也可以在 block 块中 include 其它的模板文件。

比如我们的首页 home.html,继承或者说扩展(extends)原来的 base.html,可以简单这样写,重写部分代码。

{% extends 'base.html' %}

{% block title %}欢迎光临首页{% endblock %}

{% block content %}
{% include 'ad.html' %}
这里是首页,欢迎光临
{% endblock %}

注意:模板一般放在app下的templates中,Django会自动去这个文件夹中找。但 假如我们每个app的templates中都有一个 index.html,当我们在views.py中使用的时候,直接写一个 render(request, 'index.html'),Django 能不能找到当前 app 的 templates 文件夹中的 index.html 文件夹呢?(答案是不一定能,有可能找错)

Django 模板查找机制: Django 查找模板的过程是在每个 app 的 templates 文件夹中找(而不只是当前 app 中的代码只在当前的 app 的 templates 文件夹中找)。各个 app 的 templates 形成一个文件夹列表,Django 遍历这个列表,一个个文件夹进行查找,当在某一个文件夹找到的时候就停止,所有的都遍历完了还找不到指定的模板的时候就是 Template Not Found (过程类似于Python找包)。这样设计有利当然也有弊,有利是的地方是一个app可以用另一个app的模板文件,弊是有可能会找错了。所以我们使用的时候在 templates 中建立一个 app 同名的文件夹,这样就好了。

这就需要把每个app中的 templates 文件夹中再建一个 app 的名称,仅和该app相关的模板放在 app/templates/app/ 目录下面,

例如:项目 zqxt 有两个 app,分别为 tutorial 和 tryit

zqxt
├── tutorial
│ ├── __init__.py
│ ├── admin.py
│ ├── models.py
│ ├── templates
│ │ └── tutorial
│ │ ├── index.html
│ │ └── search.html
│ ├── tests.py
│ └── views.py
├── tryit
│ ├── __init__.py
│ ├── admin.py
│ ├── models.py
│ ├── templates
│ │ └── tryit
│ │ ├── index.html
│ │ └── poll.html
│ ├── tests.py
│ └── views.py
├── manage.py
└── zqxt
├── __init__.py
├── settings.py
├── urls.py
└── wsgi.py

  

这样,使用的时候,模板就是 "tutorial/index.html" 和 "tryit/index.html" 这样有app作为名称的一部分,就不会混淆。

最新文章

  1. app引导页(背景图片切换加各个页面动画效果)
  2. 【HEOI2012】采花 BZOJ2743
  3. jquery 20161014
  4. ajax同步异步问题
  5. 读书笔记-String
  6. 15 个很棒的 Bootstrap UI 界面编辑器
  7. Android TextView 文字居中
  8. 【noip2011】Mayan游戏
  9. iscroll.js
  10. D3学习教程
  11. Android首席设计师宣称移动概念已死,开发人员应该面向屏幕编写应用而非移动
  12. Android使用学习之画图(Canvas,Paint)与手势感应及其应用(乒乓球小游戏)
  13. C# 语言规范_版本5.0 (第18章 不安全代码)
  14. 为label或者textView添加placeHolder
  15. win 10 安装 maven安装包
  16. @DisallowConcurrentExecution 注解的作用 【定时器执行完当前任务才开启下一个线程的方式】
  17. JavaScript示例
  18. 20169207《linux内核原理与分析》第二周作业
  19. c#如何判断两个对象是否相等
  20. C# 一、语法结构、注释、命名空间、Main入口点、变量与常量、运算符、流程控制(循环)

热门文章

  1. IntelliJ IDEA使用教程 (总目录篇)
  2. Confluence 6 配置索引语言
  3. Confluence 6 SQL Server 测试你的数据库连接
  4. DOBRI
  5. 【Vue】组件watch props属性值
  6. vue自定义指令directives使用及生命周期
  7. 读C#开发实战1200例子记录-2017年8月14日11:20:38获取汉字编码值
  8. C++11 中的function和bind、lambda用法
  9. 网络通信socket连接数上限
  10. 【BZOJ3697】采药人的路径