LOADING

Follow me

Django template
十一月 29, 2013|Whistler

Django template


  1. 创建模板
  2. Django 提供了一种模板语言,该语言被设计为能够快速呈现且易于使用。Django 模板是利用 {{ variables }} 和 {% tags %} 中嵌入的文本创建的。变量会使用它们表示的值进行计算和替换。标记用来实现基本的控制逻辑。模板可以用来生成任何基于文本的格式,包括 HTML、XML、CSV 和纯文本。
  3. 第一个步骤是定义将模板加载到什么地方。为了简便起见,我们需要在 djproject 下面创建一个 templates 目录,并将这个路径添加到 settings.py 的 TEMPLATE_DIRS 条目中:
  4. 清单 28. 在 settings.py 中创建一个 templates 目录
  5. TEMPLATE_DIRS = (
  6.     ‘/path/to/devdir/djproject/templates/’,
  7. )
  8. Django 模板支持称为模板继承(template inheritance)的概念,它允许站点设计人员创建一个统一的外表,而不用替换每个模板的内容。我们可以通过使用块标记定义骨干文档或基础文档来使用继承。这些块标记都是使用一些包含内容的页面模板来填充的。这个例子给出了一个包含称为 title、extrahead 和 content 的块的 HTML 骨干:
  9. 清单 29. 骨干文档 templates/base.html
  10. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  11.   “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  12. <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
  13.   <head>
  14.     <title>Company Site: {% block title %}Page{% endblock %}</title>
  15.     {% block extrahead %}{% endblock %}
  16.   </head>
  17.   <body>
  18.     {% block content %}{% endblock %}
  19.   </body>
  20. </html>
  21. 为了取消应用程序与项目之间的耦合,我们使用了一个中间基本文件作为 Job 应用程序所有页面文件的基础。对于这个例子来说,为了简便起见,我们将应用程序的 CSS 放到这个基本文件中。在实际的应用程序中,需要有一个正确配置的 Web 服务器,将这个 CSS 提取出来,并将其放到 Web 服务器所服务的静态文件中。
  22. 清单 30. 中间基础文件 templates/jobs/base.html
  23. {% extends “base.html” %}

  24. {% block extrahead %}
  25.     <style>
  26.         body {
  27.             font-style: arial;
  28.         }
  29.         h1 {
  30.             text-align: center;
  31.         }
  32.         .job .title {
  33.             font-size: 120%;
  34.             font-weight: bold;
  35.         }
  36.         .job .posted {
  37.             font-style: italic;
  38.         }
  39.     </style>
  40. {% endblock %}
  41. 默认情况下,Django 测试服务器并不会为静态文件提供服务,因为这是 Web 服务器的工作。但是在开发过程中,如果您希望 Django 可以提供图像、样式表等,那么请参阅 参考资料 中有关如何激活这个特性的链接。
  42. 现在我们要创建视图所加载并呈现的两个页面模板。jobs/job_list.html 模板简单地循环遍历 object_list,它通过索引视图遍历其内容,并显示一个到每条记录的详细页面的链接。
  43. 清单 31. templates/jobs/job_list.html 模板
  44. {% extends “jobs/base.html” %}

  45. {% block title %}Job List{% endblock %}

  46. {% block content %}
  47.     <h1>Job List</h1>
  48.     <ul>
  49.     {% for job in object_list %}
  50.         <li><a href=”{{ job.id }}”>{{ job.job_title }}</a></li>
  51.     {% endfor %}
  52.     </ul>
  53. {% endblock %}
  54. jobs/job_detail.html 页面会显示一条称为 job 的记录:
  55. 清单 32. templates/jobs/job_detail.html 页面
  56. {% extends “jobs/base” %}

  57. {% block title %}Job Detail{% endblock %}

  58. {% block content %}
  59.     <h1>Job Detail</h1>

  60.     <div class=”job”>
  61.         <div class=”title”>
  62.             {{ job.job_title }}
  63.             –
  64.             {{ job.location }}
  65.         </div>
  66.         <div class=”posted”>
  67.             Posted: {{ job.pub_date|date:”d-M-Y” }}
  68.         </div>
  69.         <div class=”description”>
  70.             {{ job.job_description }}
  71.         </div>
  72.     </div>
  73. {% endblock %}
  74. Django 模板语言已经被设计为只能实现有限的功能。这种限制可以为非程序员保持模板的简单性,同时还可以让程序员不会将业务逻辑放到不属于自己的地方,即表示层。请参阅参考资料 中模板语言文档的链接。


版权声明:本文为博主原创文章,未经博主允许不得转载。

no comments
Share

发表评论