在Django学习(一)一首情诗中,views.py中HTML被直接硬编码在代码之中,虽然这样便于解释视图是如何工作的,但直接将HTML硬编码到视图却不算一个好主意。因为:

  • 对页面设计进行的任何改变都必须对Python代码进行相应的修改,而站点设计的修改往往比底层Python代码的修改要频繁得多。
  • Python代码编写和HTML设计是两项不同的工作,大多数专业的网站开发环境都将它们分配给不同的人员来完成。
  • 程序员编写Python代码和设计人员制作模板两项工作同时进行的效率是最高的,远胜于让一个人等待另一个人完成对某个既包含Python又包含HTML的文件的编辑工作。

  基于以上原因,Django推荐使用模板。模板(Template)是一个文本,用于分离文档的表现形式和内容。模板通常用于产生HTML.
  本次分享的目标是利用Django的模板来产生一封简单的情书。这需要用到Django模板方面的知识。
  先新建项目love_letter:

django-admin.py startproject love_letter

切换到该文件夹下的love_letter目录,新建letter.html文件,即Django的模板,代码如下:

 <html>
<head>
<title>Love Letter</title>
</head>
<body>
<h1>Love Letter for {{ name }}</h1> <p>Dear {{ name }}:</p> <p>Now you are reading a letter from your BF. Thanks for reading it.</p> <p>We met on {{met_date}}, and today is {{today}}, so we have been together for {{days}} days.</p> <p>Now you live in {{your_city}}, and I live in {{my_city}}.
{% ifequal your_city.lower my_city.lower %}
So lucky for living in the same city!
{% else %}
What a pity for not being together!
{% endifequal %}
</p> <p>So glad to meet you! You must be the heaven-sent angel for you are
<ul>
{% for trait in traits %}
<li>{{trait}}</li>
{% endfor %}
</ul>
I'm so fascinated of you!
</p> <p>
It is now {{weather}} in {{your_city}},
{% ifequal weather 'cold'%}
take care of yourself.
{% else %}
{% ifequal weather 'hot'%}
take care of yourself.
{% else %}
nice weather, isn't it?
{% endifequal %}
{% endifequal %} Hoping for seeing you soon! May you have a pleasent day!
</p> <p>Yours Sincerely,<br/>{{ today }}<br/>{{ author }}</p> </body>
</html>

  我们有必要对这个模板做解释:

  • {{ name }}表示name变量,所有{{...}}里面包含的是变量。
  • {% ifequal your_city.lower my_city.lower %}为标签(tag),表示if判断语句,判断两个变量是否相等,需要用{% endifequal %}来结束。
  • {% for trait in traits %}为标签,表示for循环语句,traits可以为list或者set序列,需要用{% endfor %}。
  • 其余代码同HTML相同。

  定义好模板之后,我们应该告诉Django怎样使用这个模板,因此,需要在settings.py中的TEMPLATES设置DIRS:

  这样我们就能在视图中使用该模板了。在相同的文件夹下,新建views.py,代码如下:

 from django.shortcuts import render_to_response
import datetime def output(request):
c = {'name':'Rose',
'met_date': datetime.datetime(2016,5,24,18,0,0),
'today': datetime.datetime.now(),
'your_city': 'shanghai',
'my_city': 'Shanghai',
'traits': ['young and pretty', 'lovely and positive', 'warm-hearted and careful', 'independent and clever'],
'weather': 'cold',
'author': 'Jclian'
}
c['days'] = (c['today'] - c['met_date']).days
return render_to_response('letter.html', c)

其中c为字典,keys为模板中定义的变量,values可以自由定义。
  最后配置好urls.py,并开启8000端口,在网页中输入localhost:8000,得到的页面如下:


参考文献:

  1. Django中文教程.pdf:http://download.csdn.net/download/huangzhichang13/8177581
  2. Django官方文档之Templates:https://docs.djangoproject.com/en/2.0/topics/templates/

Django学习(3)模板定制的更多相关文章

  1. django学习-6.模板templates

    1.前言 首先,我们要知道html是一门静态语言,里面没法传一些动态参数,也就是一个写死的html页面. 那么,如果我们想实现在一个html页面里传入不同的参数对应的参数值,这就可以用django框架 ...

  2. django 学习-5 模板使用流程

    首先在模板下建一个index.html <!DOCTYPE html><html><head><meta charset="utf-8" ...

  3. django 学习-2 模板

    如何使用渲染模板的方法来显示内容. 1.创建一个项目dream django-admin.py   startproject   dream cd  dream    再创建一个应用 python m ...

  4. django学习笔记-模板层

    模板层 将Python嵌入到HTML中. 模板简介 将HTML硬解码到视图并不是那么完美原因如下: 对页面设计时也需要对python代码进行相应的修改,模板可以不就行python代码修改的情况下变更设 ...

  5. django学习--2 模板

    Django 模板 在上一章节中我们使用 django.http.HttpResponse() 来输出 "Hello World!".该方式将数据与视图混合在一起,不符合 Djan ...

  6. Django学习day6——模板

    在day4中,你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python 代码之中. html = "<html><body& ...

  7. Django学习之模板

    一.常用语法 1.变量 2.Filters 3.自定义filter 4.Tags 5.csrf_token 6.注释 7.注意事项 二.母板 2.继承母板 3.块(block) 4.组件 5.静态文件 ...

  8. Django 学习 之 模板(html)与配置静态文件

     一.模板(html) 1.模板语法之变量:语法为 {{ }} 在 Django 模板中遍历复杂数据结构的关键是句点字符, 语法:{{ var_name }} var_name 是一个变量名称,需要和 ...

  9. Django学习之模板层

    三板斧 render,HttpResponse,redirectrender返回一个HTML页面,并且还能够给该页面传数据render内部原理: from django.template import ...

  10. django 学习-3 模板变量

    1.vim learn/home.html <!DOCTYPE html><html><head>        <title>{{title}}< ...

随机推荐

  1. pandas选择数据-【老鱼学pandas】

    选择列 根据列名来选择某列的数据 import pandas as pd import numpy as np dates = pd.date_range("2017-01-08" ...

  2. 五、VueJs 填坑日记之将接口用webpack代理到本地

    上一篇博文,我们已经顺利的从cnodejs.org请求到了数据,但是大家可以注意到我们的/src/api/index.js的第一句就是: // 配置API接口地址 var root = 'https: ...

  3. android shape 大全 (转)

    1. 各属性的配置语法 在项目 res/drawable 文件夹中创建一个以 shape 为根节点的 XML 文件,基本语法如下: <?xml version="1.0" e ...

  4. Linux下安装Redis php-redis扩展 redis重启shell脚本 超详细!

    前言 前面刚写过nosql其中三款热门产品的对比,这次主要写关于Redis的一些事情,Redis的介绍.安装以及扩展(php-redis,因为我是phper)安装等等.同时是写给我的朋友(cccjjj ...

  5. MVC Code First(数据模型实例讲解)

    首先配置好web.config <connectionStrings> <add name="BookDbContext" connectionString=&q ...

  6. 2017计算机学科夏令营上机考试-A判决素数个数

    A:判决素数个数 总时间限制:  1000ms 内存限制:  65536kB 描述 输入两个整数X和Y,输出两者之间的素数个数(包括X和Y). 输入 两个整数X和Y(1 <= X,Y <= ...

  7. Ceph luminous 安装配置

    Ceph luminous 安装配置 #环境centos7 , Ceph V12 openstack pike 与 ceph 集成 http://www.cnblogs.com/elvi/p/7897 ...

  8. Java集合(1)一 集合框架

    目录 Java集合(1)一 集合框架 Java集合(2)一 ArrayList 与 LinkList Java集合(3)一 红黑树.TreeMap与TreeSet(上) java集合(4)一 红黑树. ...

  9. C#.Net与MATLAB集成

    在数学分析工具方面,MATLAB无疑是佼佼者,除了作为软件工具外,MATLAB的自定义编程语言以及混合编程的支持,使其可以与Python.R之类数学分析语言媲美.尤其是在一些传统领域的研究,由于其研究 ...

  10. Python面向对象解析

    面向对象概述 什么是面向对象:从简单来说,如果程序中的所有功能都是用 类 和 对象 来实现,那么就是面向对象编程了. 面向过程:根据业务逻辑从上到下写垒代码 函数式:将某功能代码封装到函数中,日后便无 ...