加载中...

模板中的语法：tornado模板中的for,if,set等语法

在上一讲的练习中，列位已经晓得，模板中{{placeholder}}可以接收来自python文件（.py）中通过self.render()传过来的参数值，这样模板中就显示相应的结果。在这里，可以将{{placeholder}}理解为占位符，就如同变量一样啦。

这是一种最基本的模板显示方式了。但如果仅仅如此，模板的功能有点单调，无法完成比较复杂的数据传递。不仅仅是tornado，其它框架如Django等，模板都有比较“高级”的功能。在tornado的模板中，功能还是很不少的，本讲介绍模板语法先。

模板中循环的例子

在模板中，也能像在python中一样，可以使用某些语法，比如常用的if、for、while等语句，使用方法如下：

先看例子

先写一个python文件（命名为index.py)，这个文件中有一个列表["python", "www.itdiffer.com", "qiwsir@gmail.com"]，要求是将这个列表通过self.render()传给模板。

然后在模板中，利用for语句，依次显示得到的列表中的元素。

#! /usr/bin/env python
#-*- coding:utf-8 -*-

import os.path
import tornado.httpserver
import tornado.ioloop
import tornado.web
import tornado.options

from tornado.options import define, options
define("port", default=8000, help="run on the given port", type=int)

class IndexHandler(tornado.web.RequestHandler):
    def get(self):
        lst = ["python","www.itdiffer.com","qiwsir@gmail.com"]  #定义一个list
        self.render("index.html", info=lst)                     #将上述定义的list传给模板

handlers = [(r"/", IndexHandler),]

template_path = os.path.join(os.path.dirname(__file__), "temploop")  #模板路径

if __name__ == "__main__":
    tornado.options.parse_command_line()
    app = tornado.web.Application(handlers,template_path)
    http_server = tornado.httpserver.HTTPServer(app)
    http_server.listen(options.port)
    tornado.ioloop.IOLoop.instance().start()

模板文件，名称是index.html，在目录temploop中。代码如下：

<DOCTYPE html>
<html>
    <head>
        <title>Loop in template</title>
    </head>
    <body>
    <p>There is a list, it is <b>{{info}}</b></p>
    <p>I will print the elements of this list in order.</p>
    {% for element in info %}    <!-- 循环开始，注意写法类似python中的for，但是最后没有冒号 -->
        <p>{{element}}</p>       <!-- 显示element的内容 -->
    {% end %}                    <!-- 结束标志 -->
    <br>
    {% for index,element in enumerate(info) %}
        <p>info[{{index}}] is {{element}} 
    {% end %}
    </body>
</html>

运行上面的程序：

>>> python index.py

然后在浏览器地址栏中输入：http://localhost:8000，显示的页面如下图：

在上面的例子中，用如下样式，实现了模板中的for循环，这是在模板中常用到的，当然，从python程序中传过来的不一定是list类型数据，也可能是其它类型的序列数据。

{% for index,element in enumerate(info) %}
    <p>info[{{index}}] is {{element}} 
{% end %}

特别提醒注意的是，语句要用{% end %}来结尾。在循环体中，用{{ element }}方式使用序列的元素。

模板中的判断语句

除了循环之外，在模板中也可以有判断，在上面代码的基础上，改写一下，直接上代码，看官想必也能理解了。

index.py的代码不变，只修改模板index.html的代码，重点理解模板中的语句写法。

<DOCTYPE html>
<html>
    <head>
        <title>Loop in template</title>
    </head>
    <body>
    <p>There is a list, it is <b>{{info}}</b></p>
    <p>I will print the elements of this list in order.</p>
    {% for element in info %}
        <p>{{element}}</p>
    {% end %}
    <br>
    {% for index,element in enumerate(info) %}
        <p>info[{{index}}] is {{element}}
        {% if element == "python" %}            <!-- 增加了一个判断语句 -->
            <p> <b>I love this language--{{element}}</b></p>
        {% end %}
    {% end %}

    {% if "qiwsir@gmail.com" in info %}         <!-- 还是判断一下 -->
        <p><b>A Ha, this the python lesson of LaoQi, It is good! His email is {{info[2]}}</b></p>
    {% end %}
    </body>
</html>

上面的模板运行结果是下图样子，看官对比一下，是否能够理解呢？

模板中设置变量

废话不说，直接上例子，因为例子是非常直观的：

<DOCTYPE html>
<html>
    <head>
        <title>Loop in template</title>
    </head>
    <body>
    <p>There is a list, it is <b>{{info}}</b></p>
    <p>I will print the elements of this list in order.</p>
    {% for element in info %}
        <p>{{element}}</p>
    {% end %}
    <br>
    {% for index,element in enumerate(info) %}
        <p>info[{{index}}] is {{element}}
        {% if element == "python" %}
            <p> <b>I love this language--{{element}}</b></p>
        {% end %}
    {% end %}

    {% if "qiwsir@gmail.com" in info %}
        <p><b>A Ha, this the python lesson of LaoQi, It is good! His email is {{info[2]}}</b></p>
    {% end %}
    <h2>Next, I set "python-tornado"(a string) to a variable(var)</h2>
    {% set var="python-tornado" %}
    <p>Would you like {{var}}?</p>
    </body>
</html>

显示结果如下：

看官发现了吗？我用{% set var="python-tornado" %}的方式，将一个字符串赋给了变量var，在下面的代码中，就直接引用这个变量了。这样就是实现了模板中变量的使用。

Tornado的模板真的功能不少呢。不过远非这些，后面还有。敬请等待。

还没有评论.