上一篇中(Web应用中模板的工作流程分析),已经分析了模板的渲染流程,以及相关参数获取及设置原理。这篇主要讲述模板在实际应用案例。

11.1 需求

根据用户输入的两次密码,判断两次密码是否一致,并将判断后的结论用自定义的模板方法格式化输出。

备注:只为满足演示实验需要,不考虑密码的安全性。

11.2 结果预览

两次密码输入一致时,下面显示绿色的结论:

两次密码输入不一致时,实现红色的结论:

11.3 代码结构

其中,

controllers:为页面控制器模块,放置所有业务handlers.里面再按业务模块分类,比如我们这里放置了主页、密码两个模块;

static:为静态文件根目录,放置图片,css等静态文件;

templates:模板文件的根目录,放置所有的模板文件。里面同样再按业务模板进行细分,比如这里细分出了密码模块的子文件夹。

views:视图模块。主要为一些跟页面显示有关的函数。比如自定义的模板方法(uiMethods)。

采取分层的方式组织代码,清晰明了,而且易于维护。

11.4 实现详解

(1)先看applicationConfigure.py,应用程序的配置。

STATIC_ROOT = os.path.join(os.path.dirname(__file__), 'static').replace('\\', '/')
TEMPLATE_PATH = os.path.join(os.path.dirname(__file__), 'templates').replace('\\', '/') settings = {
"static_path": STATIC_ROOT,
"static_url_prefix": "/static/",
'debug': True,
"template_path": TEMPLATE_PATH,
} application = Application(handlers=[
url(r"/", MainHanlder),
url(r"/story/([0-9]+)", StoryHanlder, dict(db=db), name="story"),
url(r"/psw/check", PasswordRequestHandler),
], **settings)

主要设置template_path选项值以及url路由映射,访问路径url为/psw/check以及相应的处理handler为PaasswordRequestHandler。

template_path指定了模板的路径为源代码的templates根目录,为实际的物理路径。

(2)再看PaasswordRequestHandler.py的实现,位于controllers模块下。

class PasswordRequestHandler(RequestHandler):
def get(self, *args, **kwargs):
password = self.get_argument("f")
check_password = self.get_argument("s") datas={
"password": password,
"checkPassword": check_password
} self.render("password/check.html", **datas) def get_template_namespace(self):
namespace = {} namespace = super(PasswordRequestHandler, self).get_template_namespace() uimethods={
"check": checkPasswordResult
}
namespace.update(uimethods) return namespace

重写RequestHandler的两个方法,get/get_template_namespace.其中,

get方法来接收请求,获得两次输入的密码参数值,并组织数据,传递给模板。注意,传递的数据是以字典的形式组织的。

get_template_namespace用来注册模板的自定义方法。这里注册名叫check的方法,而具体的实现位于views.password.uiMethods.py的checkPasswordResult方法。这样,PasswordRequestHandler涉及的模板中都可以使用check自定义方法。

(3)看模板文件,check.html.这里用html格式文件,原则上,任何文本格式的文件都可以。

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>判断两次输入密码是否一致</title>
</head>
<body>
第一个输入的密码为:{{ password }} <br/>
第二次输入的密码为:{{ checkPassword }}<br/> 结论:{% raw check(password,checkPassword) %} </body>
</html>

很简单的一段代码。取得两次输入密码的值,然后得出结论。注意,结论的模板指令使用了raw关键字,用来表示结果的原样输入。稍后解释为什么使用raw。

模板的语法使用说明请参考 这里

(4)checkPasswordResult 自定义模板方法的实现。位于views/password/uiMethods.py下。

def checkPasswordResult(first,second):
"""
判断两次输入密码的一致性
:param first: 第一个密码
:param second: 第二个密码
:return: 是否一致的结果
"""
result = ""
if first == second:
result = "<span style='color:green;'>两次密码输入相同! </span>"
else:
result = "<span style='color:red;'> 两次密码输入不相同!</span>" return result

逻辑很简单,就是如果两次密码相同,则输出绿色的结论,如果不相同,则输出红色的结论。这里用html的样式来表示颜色,返回的也是包含html的字符串。

再来回答上面提出的问题,模板文件的结论渲染指令中为什么用raw关键字。因为tornado模板的输出在默认情况下是被转义的,如果不用raw关键子,checkPassswordResult方法返回的结果被原样输出在游览器中,而不会当成是html格式的文本内容。

如果把raw关键子去掉,结果如下:

tornado学习笔记11 Web应用中模板(Template)使用应用实践的更多相关文章

  1. tornado 学习笔记10 Web应用中模板(Template)的工作流程分析

             第8,9节中,我们分析Tornado模板系统的语法.使用以及源代码中涉及到的相关类,而且对相关的源代码进行了分析.那么,在一个真正的Web应用程序中,模板到底是怎样使用?怎样被渲染? ...

  2. C#学习笔记11:C#中的顺序结构、分支结构、循环结构

    顺序结构: 代码从Main()函数开始运行,从上到下,一行一行的执行,不漏掉代码. Int a=6; int b=5; int c=a+b; Console.Write(c); 分支结构: 代码有可能 ...

  3. 【EF学习笔记11】----------查询中常用的扩展方法

    先来看一下我们的表结构: 首先毫无疑问的要创建我们的上下文对象: using (var db = new Entities()) { //执行操作 } Average 平均值: //查询平均分 Con ...

  4. lua学习笔记11:lua中的小技巧

    lua中的小技巧,即基础lua语言本身的特种,进行一个些简化的操作 一. 巧用or x = x or v 等价于: if not x then x = v end 假设x为nil或false,就给他赋 ...

  5. tornado 学习笔记1 引言

    从事软件开发这行业也快5年啦,其实从事的工作也不完全是软件开发,软件开发只是我工作中的一部分.其中包括课题研究.信息化方案设计.软件开发.信息系统监理.项目管理等工作,比较杂乱.开发的软件比较多,但是 ...

  6. Tornado学习笔记(一) helloword/多进程/启动参数

    前言 当你觉得你过得很舒服的时候,你肯定没有在进步.所以我想学习新的东西,然后选择了Tornado.因为我觉得Tornado更匹配目前的我的综合素质. Tornado学习笔记系列主要参考<int ...

  7. Spring实战第六章学习笔记————渲染Web视图

    Spring实战第六章学习笔记----渲染Web视图 理解视图解析 在之前所编写的控制器方法都没有直接产生浏览器所需的HTML.这些方法只是将一些数据传入到模型中然后再将模型传递给一个用来渲染的视图. ...

  8. Java Web学习系列——Maven Web项目中集成使用Spring、MyBatis实现对MySQL的数据访问

    本篇内容还是建立在上一篇Java Web学习系列——Maven Web项目中集成使用Spring基础之上,对之前的Maven Web项目进行升级改造,实现对MySQL的数据访问. 添加依赖Jar包 这 ...

  9. Ext.Net学习笔记11:Ext.Net GridPanel的用法

    Ext.Net学习笔记11:Ext.Net GridPanel的用法 GridPanel是用来显示数据的表格,与ASP.NET中的GridView类似. GridPanel用法 直接看代码: < ...

随机推荐

  1. git知识点整理

  2. python之路十五

    CSS position 属性 定义和用法position 属性规定元素的定位类型.说明这个属性定义建立元素布局所用的定位机制.任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身 ...

  3. django test

    django的单元测试 官方文档:https://docs.djangoproject.com/en/dev/topics/testing/ 相对于自己封装urllib/urllib2/request ...

  4. vmare centos 6.8 minimal 无法上网

    主机:win7 工具:vmare 11.0.0 系统:http://mirrors.163.com/centos/6.8/isos/x86_64/CentOS-6.8-x86_64-minimal.i ...

  5. 【SqlServer】empty table and delete table and create table

    1.建表 1 IF object_id (N'表名', N'U') IS NULL CREATE TABLE 表名 ( 2 id INT IDENTITY (1, 1) PRIMARY KEY ,.. ...

  6. 3D 素材路径

    https://3dwarehouse.sketchup.com/user.html?id=1058361951245355501624136&nav=likedcollections

  7. 463. Island Perimeter

    https://leetcode.com/problems/island-perimeter/ 在一个N×N的矩阵中,N<100,1代表岛,0代表海,岛内没有海,求岛的周长 [[0,1,0,0] ...

  8. MVC 导出Excel 的其中一方法(View导出excel)

    场景:mvc下导出excel 思路:使用View导出excel 步骤: 1.导出标签添加事件 $("#export_A").click(function(){ //省略代码.... ...

  9. SDWebImage清理图片缓存方法

    //获取当前缓存大小 @property (nonatomic, assign) NSUInteger tmpSize; //获取缓存大小并储存 _tmpSize=[[SDImageCache sha ...

  10. Ruby数组

    Ruby数组是有序的,任何对象的整数索引的集合.每个数组中的元素相关联,并提取到的一个索引.下标与C或Java相似,从0开始.负数索引假设数组末尾,也就是说-1表示最后一个元素的数组索引,-2是数组中 ...