上一篇中（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. sz rz SecureCRT

    yum install lszrz apt-get install lszrz wget http://down1.chinaunix.net/distfiles/lrzsz-0.12.20.tar. ...

  2. gnuWin32-mini-2016.10.30

    2016-10-28 04:48 1,017,856 awk.exe ver 4.1.4 2016-10-29 00:26 77,312 bc.exe ver 1.06 2016-10-30 01:4 ...

  3. js 实时监听input中值变化

    注意:用到了jquery需要引入jquery.min.js. 需求: 1.每个地方需要分别打分,总分为100; 2.第一个打分总分为40; 3.第二个打分总分为60. 注意:需要判断null.&quo ...

  4. IOS-UIDynamic

    UIDynamic中的三个重要概念 Dynamic Animator:动画者,为动力学元素提供物理学相关的能力及动画,同时为这些元素提供相关的上下文,是动力学元素与底层iOS物理引擎之间的中介,将Be ...

  5. Delphi中DBChart的数据库应用

    一:属性相关:Series选项: (1)Format页(数据柱的风格) 在Color Each中打勾,就可使用多种颜色显示,color按钮用于设置颜色,Style用于设置图表的风格(Rectangle ...

  6. spring-boot 文件上传获取不到File原因，MultipartHttpServletRequest.getFiles为空

    以下是spring-boot的处理方式,其他可参考处理具体问题:1.CommonsMultipartResolver解析不到request中的文件流2.Controller方法参数MultipartH ...

  7. ajaxform使用

    需要引入  jquery.form.js  jquery.js 1.提交的表单 <form id="myForm" action="comment.php" ...

  8. mysql 有报错　 ERROR! MySQL is not running, but lock file (/var/lock/subsys/mysql) exists

    sh-4.1# /etc/init.d/mysqld status ERROR! MySQL is not running, but lock file (/var/lock/subsys/mysql ...

  9. Asp.net平台下网站性能调优的实战方案（转）

    转载地址:http://www.cnblogs.com/chenkai/archive/2009/11/07/1597795.html 前言 最近帮朋友运营的平台进行了性能调优,效果还不错,所以写出来 ...

  10. 基于Solr的空间搜索

    如果需要对带经纬度的数据进行检索,比如查找当前所在位置附近1000米的酒店,一种简单的方法就是:获取数据库中的所有酒店数据,按经纬度计算距离,返回距离小于1000米的数据. 这种方式在数据量小的时候比 ...