一.UIMOTHODS:

1.在项目目录创建uimothods.py文件（名称可以任意）
内容：
def test2(self):
    return ('hello uimothods')

2.tornado项目文件中导入并注册：
#导入
from utils import uimothods as mt
#注册
settings = {

    'ui_modules': mt
}
3.在html中调用uimethod
{{test2()}}

二.UImodules:
1.在项目目录创建uimodules.py文件（名称可以任意）
from tornado.web import UIModule

from tornado import escape

class test(UIModule):

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

        return ('<h1>UIMODULES</h1>') #返回html文件，不转义

        #return escape.xhtml_escape('<h1>UIMODULES</h1>') #对返回内容进行转义

    def embedded_javascript(self):#在html中插入js

        return 'a.js'

    def embedded_css(self):#在html中插入css

        return 'a.css'
2.tornado项目文件中导入并注册：
#导入
from utils import uimodules as md
#注册
settings = {

    'ui_modules': md
}
3.在html中调用uimodules
{% module test(123) %}

二者区别：uimothods用函数定义，uimodule用类的方式定义，且可以返回时直接在模板加入js/css等

二。html转意。
1.在uimodule中可以用:
from
tornado import escape
escape.xhtml_escape('<h1>wupeiqi</h1>')
2.在html中可以直接使用raw
{{ raw test}}

#1.全局转义，在Application中添加配置项

autoescape=None,

#2.在文档最开始添加

{% autoescape None %} #实现整个文档转义

#在开启全局和文档不转义的情况下，可以使用 escape() 来开启变量的转义

{{ atag }}

{{ escape(atag) }}

#3.也可以使用 {% raw xxx %} 来输出不转义内容

{% raw atag %}

tornado是默认自动开启转义的，大家可以根据需求来选是否转义，但是要知道转义的本意是来防止浏览器意外执行恶意代码的，所以去掉转义的时候需要谨慎选择

开发简单tornado Form功能

VIEW代码：

import re

import tornado.web

class EmailField:

    def __init__(self,name):

        self.name=name

        self.value=''

        self.error=''

        self.reg=".+@.+\.(com|cn)$"

    def __str__(self):

        return '<input type="text" value="%s" name="%s">'%(self.value,self.name)

class TextField:

    def __init__(self,name):

        self.name=name

        self.value=''

        self.error=''

        self.reg=".+"

    def __str__(self):

        return '<input type="text" value="%s" name="%s">'%(self.value,self.name)

class LoginForm:

    def __init__(self):

        self.email=EmailField('email')

        self.username=TextField('username')

    def is_valid(self,request):

        value_dict={}#将用户通过校验的值保存到字典中

        flags=True

        for k,v in self.__dict__.items():

            user_input=request.get_body_argument(k) #获取用户输入的值

            if re.match(v.reg,user_input):    #正则匹配用户输入的值

                value_dict[k]=user_input

            else:

                flags=False               #如果有一条匹配失败，结果返回false

                if user_input =='':

                    v.error='%s字段不能为空'%k

                else:

                    v.error='请输入正确的格式！'

            v.value=user_input            #如果用户输入错误将用户的输入返回到页面上！（保留错误结果）

        return flags,value_dict          #返回数据正则匹配结果及用户正则匹配成功的字段

class login(tornado.web.RequestHandler):

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

        obj=LoginForm()

        self.render('login.html',**{'obj':obj})

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

        obj=LoginForm()

        res,val=obj.is_valid(self)

        if res:

            print('用户输入的正确数据',val)

            self.write('数据已提交成功！')

        else:

            self.render('login.html',**{'obj':obj})

settings={

    'template_path':'template'

}

application=tornado.web.Application([

    (r'/login',login),

],**settings)

if __name__ == '__main__':

    application.listen()

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

前端代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form method="POST">

        <p>username{% raw obj.username %}{{obj.username.error}}</p>

        <p>email{% raw obj.email    %}{{obj.email.error}}</p>

        <p><input type="submit" value="提交"></p>

    </form>

</body>

</html>
												


											
tornado学习笔记的更多相关文章
	

    
						
  1. tornado 学习笔记1 引言
		
    从事软件开发这行业也快5年啦,其实从事的工作也不完全是软件开发,软件开发只是我工作中的一部分.其中包括课题研究.信息化方案设计.软件开发.信息系统监理.项目管理等工作,比较杂乱.开发的软件比较多,但是 ...
    
		
    2. 
						
  2. Tornado学习笔记(一)  helloword/多进程/启动参数
		
    前言 当你觉得你过得很舒服的时候,你肯定没有在进步.所以我想学习新的东西,然后选择了Tornado.因为我觉得Tornado更匹配目前的我的综合素质. Tornado学习笔记系列主要参考<int ...
    
		
    3. 
						
  3. tornado 学习笔记2 Python web主流框架
		
    2.1 Django 官方网址:https://www.djangoproject.com/ 简介:Django is a high-level Python Web framework that e ...
    
		
    4. 
						
  4. Tornado学习笔记(三) 请求方式/状态码
		
    本章我们来学习 Tornado 支持的请求方式 请求方式 Tornado支持任何合法的HTTP请求(GET.POST.PUT.DELETE.HEAD.OPTIONS).你可以非常容易地定义上述任一种方 ...
    
		
    5. 
						
  5. Tornado学习笔记(二)  路由/post/get传参
		
    本章我们学习 Tornado 的路由传参等问题 路由 路由的匹配 Tornado的路由匹配采用的是正则匹配 一般情况下不需要多复杂的正则,正则的基本规则如下(站长之家) 举个例子 (r'/sum/(\ ...
    
		
    6. 
						
  6. tornado学习笔记19    Tornado框架分析
		
    19.1 Http服务器请求处理流程图 (1) 调用HTTPServer的bind方法,绑定Socket的监听端口号: (2) 调用HTTPServer的listen方法,初始化一个listen so ...
    
		
    7. 
						
  7. tornado学习笔记11 Web应用中模板（Template）使用应用实践
		
    上一篇中(Web应用中模板的工作流程分析),已经分析了模板的渲染流程,以及相关参数获取及设置原理.这篇主要讲述模板在实际应用案例. 11.1 需求 根据用户输入的两次密码,判断两次密码是否一致,并将判 ...
    
		
    8. 
						
  8. tornado 学习笔记15  _ServerRequestAdapter分析
		
         继承于HTTPMessageDeletegate,是HTTPMessageDeletegate的一种实现,用于处理请求消息. 15.1 构造函数 def __init__(self, ser ...
    
		
    9. 
						
  9. tornado 学习笔记9 Tornado web 框架---模板（template）功能分析
		
            Tornado模板系统是将模板编译成Python代码.         最基本的使用方式: t = template.Template("<html>{{ myv ...
    
		
    10. 
						
  10. tornado 学习笔记10 Web应用中模板（Template）的工作流程分析
		
             第8,9节中,我们分析Tornado模板系统的语法.使用以及源代码中涉及到的相关类,而且对相关的源代码进行了分析.那么,在一个真正的Web应用程序中,模板到底是怎样使用?怎样被渲染? ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 分享一个基于小米 soar 的开源 sql 分析与优化的 WEB 图形化工具
			
    soar-web 基于小米 soar 的开源 sql 分析与优化的 WEB 图形化工具,支持 soar 配置的添加.修改.复制,多配置切换,配置的导出.导入与导入功能. 环境需求 python3.xF ...
    
			
    2. 
						
  2. Centos/Linux下调整分区大小（以home和根分区为例）
			
    转载于  https://blog.csdn.net/qq_33233768/article/details/65437609   在安装新系统的时候,有时候没法预估或者说错误的划分了分区大小,常常会 ...
    
			
    3. 
						
  3. 【转】Nginx学习---深入浅出Nginx的介绍
			
    [原文]https://www.toutiao.com/i6595428119933354500/ Nginx是一款轻量级的Web服务器.反向代理服务器,由于它的内存占用少,启动极快,高并发能力强,在 ...
    
			
    4. 
						
  4. 56_实现类似spring的可配置的AOP框架
			
    > config.properties  配置文件   key=类名 > BeanFactory  Bean工厂,负责得到bean  getBean("xxx") &g ...
    
			
    5. 
						
  5. HTML5 学习总结（三）——本地存储（localStorage、sessionStorage、WebSqlDataBase、IndexedDB）
			
    HTML5问世以后,前端加入了一个重要的功能,便是本地存储,本地存储可分为4类: Local Storage:总的存储量有所限制,并不能提供真正的检索API,数据的生命期比窗口或浏览器的生命期长,数据 ...
    
			
    6. 
						
  6. 【2017下集美大学软工1412班_助教博客】团队作业3——需求改进&系统设计团队成绩公示
			
    作业要求 团队作业3--需求改进&系统设计 团队评分结果 Total QH BZ GJ MS SXX WBS SJ JG SJK JH NR CS PHILOSOPHER 需求改进&系 ...
    
			
    7. 
						
  7. 可以获取JVM信息的一些管理工具类
			
    一些可以获取JVM信息的java工具类 BufferPoolMXBean.class ClassLoadingMXBean.class CompilationMXBean.class GarbageC ...
    
			
    8. 
						
  8. windows 下配置 Nginx 常见问题
			
    因为最近的项目需要用到负载均衡,不用考虑,当然用大名鼎鼎的Nginx啦.至于Nginx的介绍,这里就不多说了,直接进入主题如何在Windows下配置. 我的系统是win7旗舰版的,到官网下载最新版本  ...
    
			
    9. 
						
  9. WorldWind源码剖析系列：日志类Log
			
    Utility工程中的日志类Log主要用来输出Debug状态下的调试信息.该类的类图如下: 日志类Log中使用到的类和内嵌结构体类型主要有以下这些: public class LogEventArgs ...
    
			
    10. 
						
  10. Vue表单绑定（单选按钮，选择框（单选时，多选时,用 v-for 渲染的动态选项）
			
    <!DOCTYPE html><html>    <head>        <meta charset="utf-8">      ...
    
			
    11.