[Python笔记]第十六篇:web框架之Tornado
Tornado是一个基于python的web框架,xxxxx
安装
python -m pip install tornado
第一个Tornado程序
安装完毕我们就可以新建一个app.py文件,放入下面的代码直接运行就可以了,然后在浏览器访问127.0.0.1:8888
import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self): self.write("Hello, world") application = tornado.web.Application([ (r"/", MainHandler), ]) if __name__ == "__main__": application.listen(8888) tornado.ioloop.IOLoop.instance().start()
tornado执行过程:
- 第一步:执行脚本,监听 8888 端口
- 第二步:浏览器客户端访问 /index --> http://127.0.0.1:8888/index
- 第三步:服务器接受请求,并交由对应的类处理该请求
- 第四步:类接受到请求之后,根据请求方式(post / get / delete ...)的不同调用并执行相应的方法
- 第五步:方法返回值的字符串内容发送浏览器
路由系统
路由系统执行过程是:
用户访问一个指定url(如:www.abc.org/index) ----> 路由系统去匹配url找到Handler ----> Handler处理用户请求(get/post)
路由系统其实就是 url 和 类 的对应关系,这里不同于其他框架,其他很多框架均是 url 对应 函数,Tornado中每个url对应的是一个类。
顺带提一句,Tornado自己基于socket实现Web服务,Django等需要依赖其他的wsgi
import tornado.web settings = { 'template_path': 'views', 'static_path': 'static', } class IndexHandler(tornado.web.RequestHandler): def get(self,page=None): pass def post(self, *args, **kwargs): pass application = tornado.web.Application([ (r"/", IndexHandler), (r"/index/", IndexHandler), ], **settings) if __name__ == "__main__": application.listen(8000) tornado.ioloop.IOLoop.instance().start()
Tornado中原生支持二级域名的路由,如:
模板引擎
Tornao中的模板语言和django中类似,模板引擎将模板文件载入内存,然后将数据嵌入其中,最终获取到一个完整的字符串,再将字符串返回给请求者。
Tornado 的模板支持“控制语句”和“表达语句”,控制语句是使用 {%
和 %}
包起来的 例如 {% if len(items) > 2 %}
。表达语句是使用 {{
和 }}
包起来的,例如 {{ items[0] }}
。
控制语句和对应的 Python 语句的格式基本完全相同。我们支持 if
、for
、while
和 try
,这些语句逻辑结束的位置需要用 {% end %}
做标记。还通过 extends
和 block
语句实现了模板继承。这些在 template
模块 的代码文档中有着详细的描述。
在模板中默认提供了一些函数、字段、类以供模板使用:
escape: tornado.escape.xhtml_escape 的別名 xhtml_escape: tornado.escape.xhtml_escape 的別名 url_escape: tornado.escape.url_escape 的別名 json_encode: tornado.escape.json_encode 的別名 squeeze: tornado.escape.squeeze 的別名 linkify: tornado.escape.linkify 的別名 datetime: Python 的 datetime 模组 handler: 当前的 RequestHandler 对象 request: handler.request 的別名 current_user: handler.current_user 的別名 locale: handler.locale 的別名 _: handler.locale.translate 的別名 static_url: for handler.static_url 的別名 xsrf_form_html: handler.xsrf_form_html 的別名
Tornado默认提供的这些功能其实本质上就是 UIMethod 和 UIModule,我们也可以自定义从而实现类似于Django的simple_tag的功能:
母板
1.定义
母板完整代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>抽屉新热榜-聚合每日热门、搞笑、有趣资讯</title> <link type="text/css" rel="stylesheet" href="{{ static_url('css/common.css') }}" /> <!--<link rel="stylesheet" href='{{static_url("plugins/bootstrap3/css/bootstrap.css") }}' />--> </head> <body> <div class="top"> <div class="top-content"> <img class="logo" src="/static/pic/logo.png"> <div class="action-menu"> <ul class="nav-ul"> <li class="nav-li"><a href="/">全部</a></li> <li class="nav-li"><a>42区</a></li> <li class="nav-li"><a>段子</a></li> <li class="nav-li"><a>图片</a></li> <li class="nav-li"><a>挨踢1024</a></li> <li class="nav-li"><a>你问我答</a></li> </ul> </div> <div class="search-ground"> <span class="search-ico"></span> </div> <div> <form action="https://www.sogou.com/qurey" name="qurey" method="get"> <input type="text" class="search-box"> </form> </div> <div> {% if user_info["is_login"] %} <div class="nav-2"> <a style="text-decoration: none;color: white" href="/user/link/saved/1" id="loginUserNc" class="userPro-Box" style="color: white"> <img src="http://img2.chouti.com/CHOUTI_05B313F703D34646848BCC5571510683_W148H148=30x30).jpg" id="userProImg"> <span class="u-nick" id="userProNick">{{user_info["username"]}}</span> <em id="userProArr"></em> </a> <div class="nav-2"><a style="color: #d9edf7" href="/logout">退出</a></div> </div> {% else %} <div class="nav-2"><a href="/login">登录</a></div> <div class="nav-2"><a href="/reg">注册</a></div> {% end %} </div> </div> </div> <div class="background"> <div class="main-content"> {% block middle %}{% end %} <div class="footer"> <div class="footer-item"> <hr> <a >关于我们</a> <span>|</span> <a>联系我们</a> <span>|</span> <a>服务条款</a> <span>|</span> <a>隐私政策</a> <span>|</span> <a>抽屉新热榜工具</a> <span>|</span> <a>下载客户端</a> <span>|</span> <a>意见与反馈</a> <span>|</span> <a>友情链接</a> <span>|</span> <a>公告</a> <span>|</span> <img src="http://dig.chouti.com/images/ct_rss.gif"> </div> <div class="footer-item2"> <a target="_blank" href="http://www.gozap.com/"><img class="foot_e" src="http://dig.chouti.com/images/gozap-logo-50_15.gif"></a> <span class="foot_d">旗下站点</span> <span class="foot_a">© 2016 chouti.com</span> <a target="_blank" href="http://www.miibeian.gov.cn/" class="foot_b">京ICP备09053974号-3 京公网安备 110102004562</a> <div style="margin-top:6px; text-align: center">版权所有:北京格致璞科技有限公司</div> </div> </div> </div> </div> </body> </html>
2.使用
子板完整代码
{% extends '../master/layout.html' %} {% block middle %} <div class="left"> <div class="nav-top-area"> <div class="child-nav"> <div class="hotbtn"> <a href="/all/hot/recent/1" hidefocus="false" >最热</a> </div> <div class="newbtn"> <a href="/all/new/1" hidefocus="false" >最新</a> </div> <div class="personbtn"> <a href="/all/man/1" hidefocus="false" >人类发布</a> </div> </div> <div href="javascript:;" class="publish-btn"> <!--<a class="ico n1"></a><a class="n2">发布</a>--> <a class="publish-icon" href="/publish">发布</a> </div> <div class="sort-nav"> <a href="/all/hot/recent/1" hidefocus="false" class="active hotbtn" style="color: #b4b4b4;">即时排序</a> <a href="/all/hot/24hr/1" hidefocus="false" class="newbtn" style="color: #390;;">24小时</a> <a href="/all/hot/72hr/1" hidefocus="false" class="newbtn" style="color: #390;;">3天</a> </div> </div> <div class="content-list"> {% for new in news_list %} <div class="item"> <div class="news-pic"> <img src="{{new['post_img']}}"> </div> <div class="part1"> <a>{{new['post_title']}}</a> <span>douban.com</span> <span>42区</span> </div> <div class="part2"> <span>{{new['post_content']}}</span> </div> </div> {% end %} </div> <div class="pager"> <!--阻止转义--> {% raw str_page %} </div> </div> <div class="right"> <div class="chat-area"> <img src="/static/pic/chouti-chat.png"> </div> <div style="height: 581px; width: 312px; margin-top: 20px; margin-bottom: 20px;"> <img src="/static/pic/top24.png"> </div> <div style="height: 200px; width: 300px"> <img src="/static/pic/ad_c155.jpg"> </div> </div> {% end %}
3.include
include可以吧常用的小部件如登录框写在一个html文件里
让其他页面直接调用,提高代码的复用性
一个网页既调用母板 内部内容直接调用include的例子:
{% extends '../master/layout.html' %}
{% block middle %}
{% include '../include/login.html' %}
{% end %}
4.模板语言里的if判断和for循环
for循环
对于Handler里面post或者get方法里面render时候传入一个news_list的字典
模板语言循环解析他
例子:
<div class="content-list"> {% for new in news_list %} <div class="item"> <div class="news-pic"> <img src="{{new['post_img']}}"> </div> <div class="part1"> <a>{{new['post_title']}}</a> <span>douban.com</span> <span>42区</span> </div> <div class="part2"> <span>{{new['post_content']}}</span> </div> </div> {% end %} </div>
if判断
可以根据接收到的判断显示还是不显示某个html代码块
例子:
<div> {% if user_info["is_login"] %} <div class="nav-2"> <a style="text-decoration: none;color: white" href="/user/link/saved/1" id="loginUserNc" class="userPro-Box" style="color: white"> <img src="http://img2.chouti.com/CHOUTI_05B3131510683_W148H148=30x30).jpg" id="userProImg"> <span class="u-nick" id="userProNick">{{user_info["username"]}}</span> <em id="userProArr"></em> </a> <div class="nav-2"><a style="color: #d9edf7" href="/logout">退出</a></div> </div> {% else %} <div class="nav-2"><a href="/login">登录</a></div> <div class="nav-2"><a href="/reg">注册</a></div> {% end %} </div>
自定义UIMethod以UIModule
a.定义
# uimethods.py def tab(self): return 'UIMethod'
#!/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 escape.xhtml_escape('<h1>wupeiqi</h1>') #return escape.xhtml_escape('<h1>wupeiqi</h1>') uimodules.py
b.注册
#!/usr/bin/env python # -*- coding:utf-8 -*- #!/usr/bin/env python # -*- coding:utf-8 -*- import tornado.ioloop import tornado.web from tornado.escape import linkify import uimodules as md import uimethods as mt class MainHandler(tornado.web.RequestHandler): def get(self): self.render('index.html') settings = { 'template_path': 'template', 'static_path': 'static', 'static_url_prefix': '/static/', 'ui_methods': mt, 'ui_modules': md, } application = tornado.web.Application([ (r"/index", MainHandler), ], **settings) if __name__ == "__main__": application.listen(8009) tornado.ioloop.IOLoop.instance().start()
c.使用
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link href="{{static_url("commons.css")}}" rel="stylesheet" /> </head> <body> <h1>hello</h1> {% module custom(123) %} {{ tab() }} </body>
附:一个比较规范的Tornado project layout
有关cookie,session,验证码,表单验证,csrf,xss,ajax我们将在下一篇博文里面继续探讨