tornado之模板扩展
当我们有多个模板的时候，很多模板之间其实相似度很高。我们期望可以重用部分网页代码。这在tornado中可以通过extends语句来实现。为了扩展一个已经存在的模板，你只需要在新的模板文件的顶部放上一句{% extends "filename.html" %}。比如，为了在新模板中扩展一个父模板（在这里假设为之前我们使用过的index.html），你可以这样使用：{% extends "index.html" %}
这就使得新文件继承index.html的所有标签，并且覆写为期望的内容。
新添加一个indexHandler_temp类来返回index1.html
class indexHandler_temp(tornado.web.RequestHandler):
def get(self, *args, **kwargs):
return self.render('index1.html')
index1.html中的代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index1</title>
</head>
<body>
{% extends "index.html" %}
</body>
</html>
当我们访问http://127.0.0.1/index1的时候得到的页面会和index中的页面是一模一样的。
在这里通过extends完全继承了父页面，但是实际子页面和父页面还是有很多差别的。我们需要在子页面上定义很多自己的东西，这里就需要用到block语句，在index页面中添加如下的描述：
{% block info %}<p>父页面</p>{% end %}
然后在index1页面中添加,这里重写了block info的信息。
{% block info %}
<p>index1重写block info</p>
{% end %}
得到的页面显示如下，可以看到block info中的信息为“index1重写block info”, 覆盖了父页面的描述。
当然还可以在block中引用变量
{% block info %}
<p>{{ info }}</p>
{% end %}
在对应的代码中传递该变量的值就可以了
class indexHandler_temp(tornado.web.RequestHandler):
def get(self, *args, **kwargs):
return self.render('index1.html',info="information of index1
UI模板：
UI模块是封装模板中包含的标记、样式以及行为的可复用组件。它所定义的元素通常用于多个模板交叉复用或在同一个模板中重复使用。模块本身是一个继承自Tornado的UIModule类的简单Python类，并定义了一个render方法。当一个模板使用{% module Foo(...) %}标签引用一个模块时，Tornado的模板引擎调用模块的render方法，然后返回一个字符串来替换模板中的模块标签。UI模块也可以在渲染后的页面中嵌入自己的JavaScript和CSS文件，或指定额外包含的JavaScript或CSS文件。你可以定义可选的embedded_javascript、embedded_css、javascript_files和css_files方法来实现这一方法。
来看下如何使用，首先定义一个HelloModule继承自tornado.web.UIModule
class HelloModule(tornado.web.UIModule):
def render(self, *args, **kwargs):
return '<h1>hello world</h1>'
在Application中添加ui_module的赋值：ui_modules={'hello':HelloModule}
在index1中使用{% module hello() %}。此时运行，index1会显示hello world
在来看下更高级的应用，在ui module中传递参数。
第一步：首先在indexHandler_temp中添加books的定义，在一个列表中包含一个字典。
class indexHandler_temp(tornado.web.RequestHandler):
def get(self, *args, **kwargs):
return self.render('index1.html',books=[
{
"title":"Programming Collective Intelligence",
"subtitle": "Building Smart Web 2.0 Applications",
"image":"/static/images/collective_intelligence.gif",
"author": "Toby Segaran",
"date_added":1310248056,
"date_released": "August 2007",
"isbn":"978-0-596-52932-1",
"description":"<p>This fascinating book demonstrates how you "
"can build web applications to mine the enormous amount of data created by people "
"on the Internet. With the sophisticated algorithms in this book, you can write "
"smart programs to access interesting datasets from other web sites, collect data "
"from users of your own applications, and analyze and understand the data once "
"you've found it.</p>"
},])
然后修改HelloModule的定义，在这里返回采用self.render_string的函数。并且返回temp.html页面，并传递参数book
class HelloModule(tornado.web.UIModule):
def render(self, book):
return self.render_string('temp.html',book=book)
下面来看下index1.html页面的代码：
{% for book in books %}
{% module Book(book) %}
{% end %}
temp.html页面的代码：
<div class="book">
<h3 class="book_title">{{ book["title"] }}</h3>
{% if book["subtitle"] != "" %}
<h4 class="book_subtitle">{{ book["subtitle"] }}</h4>
{% end %}
<div class="book_details">
<div class="book_date_released">Released: {{ book["date_released"]}}</div>
<div class="book_date_added">
Added: {{ locale.format_date(book["date_added"], relative=False) }}
</div>
<h5>Description:</h5>
<div class="book_body">{% raw book["description"] %}</div>
</div>
</div>
当访问index1页面的时候，结果如下：
下面来介绍下运行机制：
1 在index1中遍历books并对每个遍历到的字典调用Book(book)
2 此时调用HelloModule，传入字典book。并通过在temp.html中实现呈现代码
3 在temp.html中写HTML代码，呈现字典中的信息。
通过这种方法，可以将books的呈现方式抽象出来，只要其他页面想调用的时候，只需要调用Book这个模块就可以了。不用每个页面都去实现遍历实现。
tornado之模板扩展的更多相关文章
- tornado下模板引擎的使用
模板引擎 Tornado中的模板语言和django中类似,模板引擎将模板文件载入内存,然后将数据嵌入其中,最终获取到一个完整的字符串,再将字符串返回给请求者. Tornado =的模板支持“控制语句” ...
- VS自定义项目模板：[2]创建VSIX项目模板扩展
VS自定义项目模板:[2]创建VSIX项目模板扩展 听语音 | 浏览:1237 | 更新:2015-01-02 09:21 | 标签:软件开发 1 2 3 4 5 6 7 分步阅读 一键约师傅 百度师 ...
- 学习tornado：模板
第一次接触tornado的template,是在做oastub的时候,因为一位同学在handler里面硬编码了html代码,我决定引入template机制来降低逻辑与页面的耦合. 简介 tornado ...
- Tornado之模板
知识点 静态文件配置 static_path StaticFileHandler 模板使用 变量与表达式 控制语句 函数 块 4.1 静态文件 现在有一个预先写好的静态页面文件 (下载静态文件资源), ...
- 第二百六十一节，Tornado框架模板引擎本质
Tornado框架模板引擎本质 只需要了解一下即可 本篇就来详细的剖析模板处理的整个过程. 上图是返回给用户一个html文件的整个流程,较之前的Demo多了绿色流线的步骤,其实就是把[self.wri ...
- 第二百五十九节，Tornado框架-模板语言的三种方式
Tornado框架-模板语言的三种方式 模板语言就是可以在html页面,接收逻辑处理的self.render()方法传输的变量,将数据渲染到对应的地方 一.接收值渲染 {{...}}接收self.re ...
- 模板——扩展欧几里得算法（求ax+by=gcd的解）
Bryce1010模板 /**** *扩展欧几里得算法 *返回d=gcd(a,b),和对应等式ax+by=d中的x,y */ long long extend_gcd(long long a,long ...
- luogu P5410 模板 扩展 KMP Z函数 模板
LINK:P5410 模板 扩展 KMP Z 函数 画了10min学习了一下. 不算很难 思想就是利用前面的最长匹配来更新后面的东西. 复杂度是线性的 如果不要求线性可能直接上SA更舒服一点? 不管了 ...
- web框架详解之tornado 一 模板语言以及框架本质
一.概要 Tornado 是 FriendFeed 使用的可扩展的非阻塞式 web 服务器及其相关工具的开源版本.这个 Web 框架看起来有些像web.py 或者 Google 的 webapp,不过 ...
随机推荐
- hdu 1242(搜索)
Rescue Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Subm ...
- AC日记——小行星 洛谷 P2711
题目背景 pid=3437 题目描述 星云中有n颗行星,每颗行星的位置是(x,y,z).每次可以消除一个面(即x,y或z坐标相等)的行星,但是由于时间有限,求消除这些行星的最少次数. 输入输出格式 输 ...
- 洛谷—— P1440 求m区间内的最小值
https://www.luogu.org/problemnew/show/P1440 题目描述 一个含有n项的数列(n<=2000000),求出每一项前的m个数到它这个区间内的最小值.若前面的 ...
- OAuth 2.0 in Web API #Reprinted
http://www.codebetter.com/howarddierking/2011/10/11/oauth-2-0-in-web-api/
- andriod 获得应用程序名称
import android.annotation.TargetApi; import android.app.Activity; import android.app.AlertDialog; im ...
- android 获取GPS定位
AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xm ...
- Android View 布局流程(Layout)完全解析
前言 上一篇文章,笔者详细讲述了View三大工作流程的第一个,Measure流程,如果对测量流程还不熟悉的读者可以参考一下上一篇文章.测量流程主要是对View树进行测量,获取每一个View的测量宽高, ...
- sublime的tab和spaces空格切换的坑
python是严格要求对齐或者叫缩进的: 使用sublime对python进行编程时,可以使用tab或者空格,但是不能混用.特别是从外面把代码拷贝进sublime的时候,更要注意是否一致. 简单介绍一 ...
- Eclipse 安装(Oxygen版本)
Eclipse 安装(Oxygen版本) Eclipse 最新版本 Eclipse Neon,这个首次鼓励用户使用 Eclipse Installer 来做安装,这是一种由Eclipse Oomph提 ...
- gulp在ionic中的使用
简介 Gulp是一个基于流的自动化构建器. 安装 npm config set registry http://registry.npm.taobao.org ---最好用国内源 npm instal ...