使用Python的Tornado架構實現一個Web端圖書展示頁面，pythontornado
首先，為什麼選擇Tornado：
1.高效能的網路程式庫，這可以和gevent,twisted,libevent等做對。
提供了非同步io支援，逾時事件處理，在此基礎上提供了tcpserver,httpclient，尤其是curlhttpclient,
在現有http用戶端中肯定排第一。可以用來做爬蟲，遊戲伺服器，據我所知業界已有使用tornado作為遊戲伺服器
2.web架構，這可以和django,flask對。
提供了路由，模板等web架構必備組件。與其他區別是tornado是非同步，天然適合長輪訓，
這也是friendfeed發明tornado的原因，當前flask也可以支援，但必須藉助gevent等
3.較為完備的http伺服器，這點可以和nginx,apache對比，
但只支援http1.0,所以使用nginx做前段不僅是為了更好利用多核，也是讓其支援http1.1
4.完備的wsgi伺服器，這可以和gunicore,gevent wsgi server做對比，
也就是說可以讓flask運行在tornado之上，讓tornado加速flask
5.提供了完備的websocket支援，這讓html5的遊戲等提供了便利。
像知乎長輪訓就是使用了websocket,但websocket手機支援的不是很好，
前段時間不得不使用定時ajax發送大量請求，期待手機瀏覽器趕快奮起直追
使用tornado建立一個簡單的圖書介紹頁
好了，言歸正傳，下面我們來看一下這個圖書介紹頁的代碼實現：
1.建立一個web服務的入口檔案 blockmain.py
#coding:utf-8import tornado.webimport tornado.httpserverimport tornado.ioloopimport tornado.optionsimport os.pathimport jsonimport urllib2from tornado.options import define, optionsdefine("port", default=8000, help="run on the given port", type=int)class MainHandler(tornado.web.RequestHandler): def get(self): self.render( "index.html", page_title = "Burt's Books ¦ Home", header_text = "Welcome to Burt's Books!", books = ['細說php','python','PHP','小時代'] )class HelloModule(tornado.web.UIModule): def render(self): return'<h1>I am yyx and this is an information from module hello!</h1>'class BookModule(tornado.web.UIModule): def render(self,bookname): doubanapi = r'https://api.douban.com/v2/book/' searchapi = r'https://api.douban.com/v2/book/search?q=' searchurl = searchapi+bookname searchresult = urllib2.urlopen(searchurl).read() bookid = json.loads(searchresult)['books'][0]['id'] bookurl = doubanapi+bookid injson = urllib2.urlopen(bookurl).read() bookinfo = json.loads(injson) return self.render_string('modules/book.html',book = bookinfo) def embedded_javascript(self): return "document.write(\"hi!\")" def embedded_css(self): return '''.book {background-color:#F5F5F5} .book_body{color:red} ''' def html_body(self): return '<script>document.write("Hello!")</script>'if __name__ == "__main__": tornado.options.parse_command_line() app = tornado.web.Application( handlers = [ (r'/',MainHandler), ], template_path = os.path.join(os.path.dirname(__file__),'templates'), static_path = os.path.join(os.path.dirname(__file__),'static'), debug = True, ui_modules={'Hello':HelloModule,'Book':BookModule} ) http_server = tornado.httpserver.HTTPServer(app) http_server.listen(options.port) tornado.ioloop.IOLoop.instance().start()
說明一下，一些基本的MVC概念：
tornado也是通過pathinfo模式來匹配使用者的輸入來獲得參數，然後再調用相應的處理函數，它是通過為各種匹配模式設定相應的class類來處理，比如我這裡就是通過class MainHandler來處理來自/的get請求
MainHandler把請求render渲染到index.html，參數在index.html中通過{{參數}}來調用
2.建立相應的模板，先建立一個基礎的父類main.html模板，建立templates目錄，在它下面建立main.html,這個模板只是定義了最基礎的網頁架構，裡面的具體內容由繼承於它的子類來具體實現
<html><head> <title>{{ page_title }}</title> <link rel="stylesheet" href="{{ static_url("css/style.css") }}" /></head><body> <div id="container"> <header> {% block header %}<h1>Burt's Books</h1>{% end %} </header> <div id="main"> <div id="content"> {% block body %}{% end %} </div> </div> <footer> {% set mailLink = '<a href="mailto:contact@burtsbooks.com">Contact Us</a>' %} {% set script = '<script>alert("hello")</script>' %} {% block footer %} <p> For more information about our selection, hours or events, please email us at{% raw mailLink %} <!-- {% raw script %} 這裡將原樣輸出，也就是會彈一個框--> </p> {% end %} </footer> </div> <script src="{{ static_url("js/script.js") }}"></script> </body></html>
這裡是定義了一個主架構，其中裡面的{% block header %}<h1>Burt's Books</h1>{% end %}是為了子類模板的繼承的塊(block)，當子類繼承了這個main.html，具體這個塊裡寫什麼內容由子類來實現，不實現的話就使用父類的預設 值，如是這裡的<h1>Burt's Books</h1>，MainHandler類是render到一個index.html，那麼接下來寫一個index.html來繼承這 個父類
{% extends "main.html" %}{% block header %} <h1>{{ header_text }}</h1>{% end %}{% block body %} <div id="hello"> <p>Welcome to Burt's Books!</p> {% module Hello() %} {% for book in books %} {% module Book(book) %} {% end %} <p>...</p> </div>{% end %}
簡單簡潔吧，這也是使用了繼承的好處，不用再重複寫父類的東西，只要實現父類的block內容即可
MainHandler類裡的render方法中的參數
page_title = "Burt's Books | Home",header_text = "Welcome to Burt's Books!",books = ['細說php','python','PHP','小時代']
將會通過參數傳送到這裡來
tornado的模板裡可以使用python的代碼，加上{% %}當使用if for while等要使用{% end %}結尾
代碼中{% module Book(book) %} 將會調用入口服務檔案中的定義和'Book'所對應的模組
ui_modules={'Hello':HelloModule,'Book':BookModule} 也就是BookModule，查看上面的BookModule定義
class BookModule(tornado.web.UIModule): def render(self,bookname): doubanapi = r'https://api.douban.com/v2/book/' searchapi = r'https://api.douban.com/v2/book/search?q=' searchurl = searchapi+bookname searchresult = urllib2.urlopen(searchurl).read() bookid = json.loads(searchresult)['books'][0]['id'] bookurl = doubanapi+bookid injson = urllib2.urlopen(bookurl).read() bookinfo = json.loads(injson) return self.render_string('modules/book.html',book = bookinfo)
BookModule 繼承自tornado.web.UIModule，UI模組的使用是最後render_string()方法來把一個對象渲染到一個模板中去，我這裡簡單 的使用了豆瓣的圖書api，先通過search來查詢一下包含關鍵詞的圖書資訊，返回第一條圖書的id，再使用book api來查詢該圖書的具體資訊，將這個具體圖書的資訊render到對應的模板
在templates 目錄下建立modules目錄，再下建立一個book.html，這裡是具體的book要顯示的內容架構
<div class="book"> <h3 class="book_title">{{ book["title"] }}</h3> <a href="{{book['alt']}}" target="_blank"><p>點擊查看詳情</p></a> {% if book["subtitle"] != "" %} <h4 class="book_subtitle">{{ book["subtitle"] }}</h4> {% end %} <img src="{{ book["images"]["large"] }}" class="book_image"/> <div class="book_details"> <div class="book_date_released">Released: {{ book["pubdate"]}}</div> <h5>Description:</h5> <div class="book_body">{% raw book["summary"] %}</div> </div></div>
最後的檔案目錄結構應該是這樣的
├── blockmain.py└── templates ├── index.html ├── main.html └── modules └── book.html
程式的執行是這樣的：
先通過路徑‘/'來使用MainHandler類訪問index.html---->index.html繼承自 main.html---->index.html中的{% module Book(book) %}反過來尋找blockmain.py中的Book對應的ui_modules---->ui_modules中將查詢得到的book對象內容渲 染到modules下的book.html中，這樣就把完整的內容呈現出來了，沒有做前端…… 通過python blockmain.py啟動服務，通過http://localhost:8000 來訪問得到如下的網頁
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
