第二百五十九节，Tornado框架-模板语言的三种方式

Tornado框架-模板语言的三种方式

模板语言就是可以在html页面，接收逻辑处理的self.render()方法传输的变量，将数据渲染到对应的地方

一、接收值渲染

{{...}}接收self.render()方法传值的变量或一个值

#!/usr/bin/env python

#coding:utf-8

import tornado.ioloop

import tornado.web                              #导入tornado模块下的web文件

#逻辑处理

class MainHandler(tornado.web.RequestHandler):  #定义一个类，继承tornado.web下的RequestHandler类

    def get(self):                                  #get()方法，接收get方式请求

        self.render("cshi.html",zhi = "网站名称")    #显示cshi.html文件,将zhi变量传到模板语言里渲染

settings = {                                    #html文件归类配置，设置一个字典

    "template_path":"template",                 #键为template_path固定的，值为要存放HTML的文件夹名称

    "static_path":"static",                     #键为static_path固定的，值为要存放js和css的文件夹名称

}

#路由映射

application = tornado.web.Application([         #创建一个变量等于tornado.web下的Application方法

    (r"/index", MainHandler),                   #判断用户请求路径后缀是否匹配字符串index,如果匹配执行MainHandler方法

],**settings)                                   #将html文件归类配置字典，写在路由映射的第二个参数里

if __name__ == "__main__":

    #内部socket运行起来

    application.listen(8888)                    #设置端口

    tornado.ioloop.IOLoop.instance().start()

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--注意js和css文件路径配置后必须在引入路径里加上配置文件夹名称-->

    <link rel="stylesheet" href="static/s1.css">

</head>

<body>

    <!--{{zhi}}接收self.render()方法传值的变量或一个值-->

    <h1>{{zhi}}</h1>

</body>

</html>

二、接收值，运行代码块

{%...%}{%end%}在html渲染代码块，支持html里代码块书写，并能接收self.render()方法传值

#!/usr/bin/env python

#coding:utf-8

import tornado.ioloop

import tornado.web                              #导入tornado模块下的web文件

#逻辑处理

class MainHandler(tornado.web.RequestHandler):  #定义一个类，继承tornado.web下的RequestHandler类

    def get(self):                                              #get()方法，接收get方式请求

        self.render("cshi.html",zhi = ["首页","资讯","关于"])    #显示cshi.html文件,将列表传到模板语言里渲染

settings = {                                    #html文件归类配置，设置一个字典

    "template_path":"template",                 #键为template_path固定的，值为要存放HTML的文件夹名称

    "static_path":"static",                     #键为static_path固定的，值为要存放js和css的文件夹名称

}

#路由映射

application = tornado.web.Application([         #创建一个变量等于tornado.web下的Application方法

    (r"/index", MainHandler),                   #判断用户请求路径后缀是否匹配字符串index,如果匹配执行MainHandler方法

],**settings)                                   #将html文件归类配置字典，写在路由映射的第二个参数里

if __name__ == "__main__":

    #内部socket运行起来

    application.listen(8888)                    #设置端口

    tornado.ioloop.IOLoop.instance().start()

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--注意js和css文件路径配置后必须在引入路径里加上配置文件夹名称-->

    <link rel="stylesheet" href="static/s1.css">

</head>

<body>

    <ul>

        {% for i in zhi %}

        <li>{{i}}</li>

        {% end %}

    </ul>

</body>

</html>

模板语言，for循环列表加if判断

#!/usr/bin/env python

#coding:utf-8

import tornado.ioloop

import tornado.web                              #导入tornado模块下的web文件

#逻辑处理

class MainHandler(tornado.web.RequestHandler):  #定义一个类，继承tornado.web下的RequestHandler类

    def get(self):                                              #get()方法，接收get方式请求

        self.render("cshi.html",zhi = ["首页","资讯","关于"])    #显示cshi.html文件,将列表传到模板语言里渲染

settings = {                                    #html文件归类配置，设置一个字典

    "template_path":"template",                 #键为template_path固定的，值为要存放HTML的文件夹名称

    "static_path":"static",                     #键为static_path固定的，值为要存放js和css的文件夹名称

}

#路由映射

application = tornado.web.Application([         #创建一个变量等于tornado.web下的Application方法

    (r"/index", MainHandler),                   #判断用户请求路径后缀是否匹配字符串index,如果匹配执行MainHandler方法

],**settings)                                   #将html文件归类配置字典，写在路由映射的第二个参数里

if __name__ == "__main__":

    #内部socket运行起来

    application.listen(8888)                    #设置端口

    tornado.ioloop.IOLoop.instance().start()

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--注意js和css文件路径配置后必须在引入路径里加上配置文件夹名称-->

    <link rel="stylesheet" href="static/s1.css">

</head>

<body>

    <ul>

        <!--循环列表，加判断-->

        {% for i in zhi %}

            {% if i == "首页" %}

                <li style="color: #ee1215">{{i}}</li>

            {% else %}

                <li>{{i}}</li>

            {% end %}

        {% end %}

    </ul>

</body>

</html>

三、自定义，可以在html里执行函数

有两种方式，一种叫uimethod，一种叫uimodule

uimethod方式

　　1、首先新建一个py文件来写html可以调用的函数

　　2、在模板引擎导入新建的py文件，在逻辑处理配置字典里配置键为ui_methods（固定的）：值为新建的py文件路径名称

　　3、在html{{func()}}执行py文件里的函数

模板引擎

#!/usr/bin/env python

#coding:utf-8

import tornado.ioloop

import tornado.web                              #导入tornado模块下的web文件

import uimethod

#逻辑处理

class MainHandler(tornado.web.RequestHandler):  #定义一个类，继承tornado.web下的RequestHandler类

    def get(self):                                              #get()方法，接收get方式请求

        self.render("cshi.html",zhi = ["首页","资讯","关于"])    #显示cshi.html文件,将列表传到模板语言里渲染

settings = {                                    #html文件归类配置，设置一个字典

    "template_path":"template",                 #键为template_path固定的，值为要存放HTML的文件夹名称

    "static_path":"static",                     #键为static_path固定的，值为要存放js和css的文件夹名称

    'ui_methods': uimethod,                     #配置html文件函数调用模块

}

#路由映射

application = tornado.web.Application([         #创建一个变量等于tornado.web下的Application方法

    (r"/index", MainHandler),                   #判断用户请求路径后缀是否匹配字符串index,如果匹配执行MainHandler方法

],**settings)                                   #将html文件归类配置字典，写在路由映射的第二个参数里

if __name__ == "__main__":

    #内部socket运行起来

    application.listen(8888)                    #设置端口

    tornado.ioloop.IOLoop.instance().start()

uimethod.py文件，html函数调用文件

#!/usr/bin/env python

#coding:utf-8

def func(self):

    return ""

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--注意js和css文件路径配置后必须在引入路径里加上配置文件夹名称-->

    <link rel="stylesheet" href="static/s1.css">

</head>

<body>

<h1>{{func()}}</h1>

<ul>

</ul>

</body>

</html>

uimodule方式

　　1、新建一个py文件来写html文件调用函数，这个py文件必须导入tornado.web下的UIModule方法，在py文件创建类必须继承UIModule方法，在这个类里写html执行函数

　　2、模板引擎导入新建的py文件，在模板引擎配置字典配置访问，ui_modules固定的:uimodule新建py文件路径名称,

　　3、在html调用py文件里的函数{% module fghj() %}，注意调用方式{% module固定的 fghj()要执行的函数 %}

模板引擎

#!/usr/bin/env python

#coding:utf-8

import tornado.ioloop

import tornado.web                              #导入tornado模块下的web文件

import uimodule

#逻辑处理

class MainHandler(tornado.web.RequestHandler):  #定义一个类，继承tornado.web下的RequestHandler类

    def get(self):                                              #get()方法，接收get方式请求

        self.render("cshi.html",zhi = ["首页","资讯","关于"])    #显示cshi.html文件,将列表传到模板语言里渲染

settings = {                                    #html文件归类配置，设置一个字典

    "template_path":"template",                 #键为template_path固定的，值为要存放HTML的文件夹名称

    "static_path":"static",                     #键为static_path固定的，值为要存放js和css的文件夹名称

    'ui_modules':uimodule,                     #配置html文件函数调用模块

}

#路由映射

application = tornado.web.Application([         #创建一个变量等于tornado.web下的Application方法

    (r"/index", MainHandler),                   #判断用户请求路径后缀是否匹配字符串index,如果匹配执行MainHandler方法

],**settings)                                   #将html文件归类配置字典，写在路由映射的第二个参数里

if __name__ == "__main__":

    #内部socket运行起来

    application.listen(8888)                    #设置端口

    tornado.ioloop.IOLoop.instance().start()

uimodule.py文件，html函数调用文件

#!/usr/bin/env python

# -*- coding:utf-8 -*-

from tornado.web import UIModule

from tornado import escape

class custom(UIModule):

    def render(self, *args, **kwargs):

        return ""

class fghj(UIModule):

    def render(self, *args, **kwargs):

        return [1,2,3,4,5]

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <!--注意js和css文件路径配置后必须在引入路径里加上配置文件夹名称-->

    <link rel="stylesheet" href="static/s1.css">

</head>

<body>

<h1>{% module custom() %}</h1>

<h1>{% module fghj() %}</h1>

<ul>

</ul>

</body>

</html>

巴特西

第二百五十九节，Tornado框架-模板语言的三种方式

最新文章

热门文章