在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. mysql全日志(general log)的命令名称

    在源码sql/sql_parse.cc中定义 const LEX_STRING command_name[]={ { C_STRING_WITH_LEN("Sleep") }, { ...

  2. java的String构造对象的几种方法以及内存运行过程

    String类创建对象的方法可以分为以下三种 1.String a = "123"; 2.String b = new String("123"); 3.Str ...

  3. 大雄和哆啦A梦

    题目:大雄和哆啦A梦题目介绍:这个图片名称有点奇怪?! 1,打开链接会看到大雄和哆啦A梦的照片,把它下载下来.就是下面这个图片. 2,用wireshark打开,会看到最后面出现 rar ,还有flag ...

  4. angular指令的简单练习

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. formData实现图片上传

    前言 在 上一篇 已经实现了图片预览,那么如何上传图片呢?有两种思路: 1.将图片转化为dataURL(base64),这样就成为了一串字符串,再传到服务端.不过这样缺点很多,数据量比转换之前增加1/ ...

  6. Git详解及 github与gitlab使用

    1.1 关于版本控制 1.1.1 本地版本控制 本地版本控制系统 许多人习惯用复制整个项目目录的方式来保存不同的版本,或许还会改名加上备份时间以示区别.这么做唯一的 好处就是简单,但是特别容易犯错.有 ...

  7. 机器学习实验一SVM分类实验

    一.实验目的和内容 (一)实验目的 1.熟悉支持向量机SVM(Support Vector Machine)模型分类算法的使用. 2.用svm-train中提供的代码框架(填入SVM分类器代码)用tr ...

  8. Linux多线程编程详细解析----条件变量 pthread_cond_t

    Linux操作系统下的多线程编程详细解析----条件变量 1.初始化条件变量pthread_cond_init #include <pthread.h> int pthread_cond_ ...

  9. 如何打包静态库.framework文件 iOS

    代码调试好了开始打包成sdk,下面是将要打包的FRSDK代码(FRSDK.h暴露在外面有别人调用) 1.创建新工程(Xcode File-New-Project) 2.把下面的红色框的东西移除 3.将 ...

  10. POST和GET有什么区别？

    1. GET主要用于从服务器查询数据,POST用于向服务器提交数据 2. GET通过URL传递数据,POST通过http请求体传递数据 3. GET传输数据量有限制,不能大于2kb,POST传递的数据 ...