Tornado 簡單入門教程（二）——Demo2

時間  2019-11-06
標籤 tornado 簡單 入門 教程 demo2 demo 欄目 Python 简体版
原文   原文鏈接

前面的話

在Demo1裏面,咱們練習了如何部署應用、tornado框架的基本結構以及應用如何處理請求。
其實Demo1算不上一個博客啦。一個最基本的信息系統必定要包含對數據庫的增、刪、改和查。因此此次，咱們來將Demo1升級爲Demo2，添加上基本的增刪改查。javascript

源碼

終於=。=在github上建立了項目，把源碼傳上去了。有須要的同窗本身去下載吧。
https://github.com/cAntCheng/simple_tutorial_of_tornadocss

吶，仍是把源碼在這裏貼一下html

demo.pyjava

#!/usr/bin/env python
# -*- coding: utf-8 -*-
import os.path

import tornado.auth
import tornado.escape
import tornado.httpserver
import tornado.ioloop
import tornado.options
import tornado.web
from tornado.options import define, options

import pymongo

define("port", default=8002, help="run on the given port", type=int)

class Application(tornado.web.Application):
    def __init__(self):
        handlers = [
            (r"/", MainHandler),
            (r"/edit/([0-9Xx\-]+)", EditHandler),
            (r"/add", EditHandler),
            (r"/delete/([0-9Xx\-]+)", DelHandler),
            (r"/blog/([0-9Xx\-]+)", BlogHandler),
        ]
        settings = dict(
            template_path=os.path.join(os.path.dirname(__file__), "templates"),
            static_path=os.path.join(os.path.dirname(__file__), "static"),
            debug=True,
            )
        conn = pymongo.Connection("localhost", 27017)
        self.db = conn["demo2"]
        tornado.web.Application.__init__(self, handlers, **settings)


class MainHandler(tornado.web.RequestHandler):
    def get(self):
        import time
        coll = self.application.db.blog
        blogs = coll.find().sort("id",pymongo.DESCENDING)
        self.render(
            "index.html",
            blogs = blogs,
            time = time,
        )

class EditHandler(tornado.web.RequestHandler):
    def get(self, id=None):
        blog = dict()
        if id:
            coll = self.application.db.blog
            blog = coll.find_one({"id": int(id)})
        self.render("edit.html",
            blog = blog)

    def post(self, id=None):
        import time
        coll = self.application.db.blog
        blog = dict()
        if id:
            blog = coll.find_one({"id": int(id)})
        blog['title'] = self.get_argument("title", None)
        blog['content'] = self.get_argument("content", None)
        if id:
            coll.save(blog)
        else:
            last = coll.find().sort("id",pymongo.DESCENDING).limit(1)
            lastone = dict()
            for item in last:
                lastone = item
            blog['id'] = int(lastone['id']) + 1
            blog['date'] = int(time.time())
            coll.insert(blog)
        self.redirect("/")

class DelHandler(tornado.web.RequestHandler):
    def get(self, id=None):
        coll = self.application.db.blog
        if id:
            blog = coll.remove({"id": int(id)})
        self.redirect("/")

class BlogHandler(tornado.web.RequestHandler):
    def get(self, id=None):
        import time
        coll = self.application.db.blog
        if id:
            blog = coll.find_one({"id": int(id)})
            self.render("blog.html",
                page_title = "個人博客",
                blog = blog,
                time = time,
                )
        else:
            self.redirect("/")

def main():
    tornado.options.parse_command_line()
    http_server = tornado.httpserver.HTTPServer(Application())
    http_server.listen(options.port)
    tornado.ioloop.IOLoop.instance().start()


if __name__ == "__main__":
    main()

index.htmlpython

{% autoescape None %}
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>B06 Innovation Space</title>
        <link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}">
    </head>
    <body>
        <div class="main">
            <a href="/">
                <img class="logo" src="{{ static_url("img/logo.png") }}">
            </a>
            <div class="container">
                <h1>歡迎訪問B06創新實驗室的博客</h1>
                {% autoescape None %}
                {% for blog in blogs %}
                <div class="content">
                    <div class="Title">
                        <p>
                            <a href="/blog/{{ int(blog['id']) }}">{{ blog['title'] }}</a>
                        </p>
                        <p>
                            <span class="Time">{{ time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(blog['date']) ) }}</span>
                        </p>
                    </div>
                    <div class="Article">
                        <p>
                            {{ blog['content'] }}
                        </p>
                    </div>
                </div>
                {% end %}
                <a href="/add">
                    <input type="button" class="Article Button Submit" value="發    布" onclick="document.location.href('/add/')"/>
                </a>
            </div>
        </div>
    </body>
</html>

blog.htmlmysql

{% autoescape None %}
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>{{ page_title }}</title>
        <link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}">
    </head>
    <body>
        <div class="main">
            <a href="/">
                <img class="logo" src="{{ static_url("img/logo.png") }}">
            </a>
            <div class="container">
                <h1>歡迎訪問B06創新實驗室的博客</h1>
                <div class="content">
                    <div class="Title">
                        <p>
                            {{ blog['title'] }}
                        </p>
                        <p>
                            <span class="Time">{{ time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(blog['date']) ) }}</span>
                        </p>
                    </div>
                    <div class="Article">
                        <p>
                            {{ blog['content'] }}
                        </p>
                    </div>
                    <div class="buttonDiv">
                        <a href="/edit/{{ int(blog['id']) }}">
                            <input type="button" class="Article Button Edit" value="編    輯"/>
                        </a>
                        <a href="/delete/{{ int(blog['id']) }}">
                            <input type="button" class="Article Button Delete" value="刪    除"/>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

edit.htmlgit

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>B06 Innovation Space</title>
        <link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}">
        <script type="text/javascript">
            window.setInterval(function() {
                go_to();
            },
            100);
            function go_to() {
                if( document.getElementById("myArticle").style.height < (document.getElementById("myArticle").scrollHeight - 4 ) + "px")
                    document.getElementById("myArticle").style.height = document.getElementById("myArticle").scrollHeight + "px";
            }
        </script>
    </head>
    <body>
        <div class="main">
            <a href="/">
                <img class="logo" src="{{ static_url("img/logo.png") }}">
            </a>
            <div class="container">
                <h1>歡迎訪問B06創新實驗室的博客</h1>
                <div class="content">
                    {% if blog.get('id', None) %}
                    <form method="post" action="/edit/{{ int(blog['id']) }}">
                    {% else%}
                    <form method="post" action="/add">
                    {% end %}
                        <p>文章標題：</p>
                        <input type="text" class="Title" name="title" placeholder="在這裏輸入你的標題" value="{{ blog.get('title', '') }}" />
                        <p>文章正文：</p>
                        <textarea type="text" class="Article" id="myArticle" name="content" placeholder="在這裏輸入你的正文">
                            {{ blog.get('content', '') }}
                        </textarea>
                        <br/>
                        {% if blog.get('id', None) %}
                        <input type="submit" class="Article Button Submit" value="修    改"/>
                        {% else%}
                        <input type="submit" class="Article Button Submit" value="發    布"/>
                        {% end %}
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>

應用結構

代碼回顧：github

handlers = [
            (r"/", MainHandler),
            (r"/edit/([0-9Xx\-]+)", EditHandler),
            (r"/add", EditHandler),
            (r"/delete/([0-9Xx\-]+)", DelHandler),
            (r"/blog/([0-9Xx\-]+)", BlogHandler),
        ]

在Demo2中定義了5個handler，分別是web

  • (r"/", MainHandler)->博客列表
  • (r"/edit/([0-9Xx\-]+)", MainHandler)->編輯博客
  • (r"/add", MainHandler)->發表博客
  • (r"/delete/([0-9Xx\-]+)", MainHandler)->刪除博客
  • (r"/blog/([0-9Xx\-]+)", MainHandler)->查看博客

經過這五個handler，咱們終於能寫出一個真正的博客了噢耶。正則表達式

有沒有注意到/([0-9Xx\-]+)！！！這是幹嗎的呢？恩，這是一個url參數。這個正則表達式規定參數由0-9的數字和X組成。
在edit、delete和blog方法中，咱們須要一個博客id參數來找到指定的博客進行響應操做，因此咱們在這裏添加了一個url參數。

博客首頁

代碼回顧：

class MainHandler(tornado.web.RequestHandler):
    def get(self):
        import time
        coll = self.application.db.blog
        blogs = coll.find().sort("id",pymongo.DESCENDING)
        self.render(
            "index.html",
            blogs = blogs,
            time = time,
        )

在MainHandler中，咱們經過find()查詢全部的博客，並經過sort("id",pymongo.DESCENDING)對博客id進行倒序排序（由於id越大，博文就越新，那它就應該在越前面顯示嘛）。
同時載入了time模塊，方便咱們在模板裏輸出正確格式的時間。

代碼回顧：

<span class="Time">{{ time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(blog['date']) ) }}</span>

看看index.html，在輸出時間的這一行，調用了time模塊的strftime()方法，將在數據庫儲存的時間按照制定的格式%Y-%m-%d %H:%M:%S輸出。

注意：能夠看到，在self.render()方法中，咱們將time對象做爲參數傳遞到模板中。
這樣咱們才能夠在模板中調用time對象的方法。

代碼回顧：

{% for blog in blogs %}
    ...
{% end %}

經過for循環輸出博客列表。

來看看效果（不要在乎裏面亂七八糟的內容=。=）：
圖片描述

增

代碼回顧：

(r"/add", EditHandler),

有沒有以爲奇怪=。=，爲何add（發表博客）調用的仍是EditHandler。

解釋：
通常的博客系統，發表博客和編輯博客的模板（html文件）實際上是同樣的。無非是編輯博客的模板裏填充了博客的內容，而發表博客的模板是一個空表單。
所以咱們經常把新增和編輯放在同一個方法裏處理。具體的處理方法咱們下面繼續聊。

代碼回顧：

class EditHandler(tornado.web.RequestHandler):
    def get(self, id=None):
        blog = dict()
        if id:
            coll = self.application.db.blog
            blog = coll.find_one({"id": int(id)})
        self.render("edit.html",
            blog = blog)

在get方法中，咱們新建了一個空字典blog。接下來判斷id是否爲空。咱們經過判斷id是否爲空來選擇下一步是編輯仍是新增。

代碼回顧：

<a href="/add">
    <input type="button" class="Article Button Submit" value="發    布"/>
</a>

思考一下業務邏輯，當咱們點擊首頁發佈按鈕，即訪問http://127.0.0.1:8002/add，由EditHandler執行get方法。

代碼回顧：

def get(self, id=None):

由於沒有傳遞url參數，因此id賦值爲默認值None。

代碼回顧：

if id:
        coll = self.application.db.blog
        blog = coll.find_one({"id": int(id)})
    self.render("edit.html",
        blog = blog)

由於id = None，因此if id:爲false。所以接下來執行self.render("edit.html",blog = blog)。

代碼回顧：

{% if blog.get('id', None) %}
<form method="post" action="/edit/{{ int(blog['id']) }}">
{% else%}
<form method="post" action="/add">
{% end %}
    <p>文章標題：</p>
    <input type="text" class="Title" name="title" placeholder="在這裏輸入你的標題" value="{{ blog.get('title', '') }}" />
    <p>文章正文：</p>
    <textarea type="text" class="Article" id="myArticle" name="content" placeholder="在這裏輸入你的正文">
        {{ blog.get('content', '') }}
    </textarea>
    <br/>
    {% if blog.get('id', None) %}
    <input type="submit" class="Article Button Submit" value="修    改"/>
    {% else%}
    <input type="submit" class="Article Button Submit" value="發    布"/>
    {% end %}
</form>

在edit.html中，咱們經過判斷blog.get('id', None)的值是否爲None來輸出不一樣的form標籤。

dict.get('key','Defalt')這個方法用於獲取字典中指定鍵名的鍵值（第一個參數），若是該鍵名不存在，則返回第二個參數設定的默認值。
要調用這個方法，咱們必須有一個字典能夠查找。因此在EditHandler的get方法中，咱們定義了一個空字典：blog（還記得嗎？回頭看一下代碼吧。）

繼續剛纔的業務邏輯，咱們渲染了edit.html，並將空字典：blog做爲參數傳遞到模板文件中。因此blog.get('id', None) == None，因此輸出<form method="post" action="/add">。

下面的{{ blog.get('title', '') }}和{{ blog.get('content', '') }}，同上，均爲空字符串。因此咱們最終獲得了一個空表單頁面，也就是咱們的發佈博客頁面。

圖片描述

當咱們填寫好表單，點擊發佈按鈕，表單就以POST方式被提交到/add（相對路徑，對應的絕對路徑爲http://127.0.0.1:8002/add）。這時候EditHandler執行post方法。

代碼回顧：

def post(self, id=None):
    import time
    coll = self.application.db.blog
    blog = dict()
    if id:
        blog = coll.find_one({"id": int(id)})
    blog['title'] = self.get_argument("title", None)
    blog['content'] = self.get_argument("content", None)
    if id:
        coll.save(blog)
    else:
        last = coll.find().sort("id",pymongo.DESCENDING).limit(1)
        lastone = dict()
        for item in last:
            lastone = item
        blog['id'] = int(lastone['id']) + 1
        blog['date'] = int(time.time())
        coll.insert(blog)
    self.redirect("/")

在post方法中，一樣的邏輯判斷執行新增仍是編輯。

代碼回顧：

blog['title'] = self.get_argument("title", None)
blog['content'] = self.get_argument("content", None)

將獲取的表單填充到空字典：blog中，而後調用coll.insert(blog)方法向數據庫中插入文檔。

誒誒誒，等等，好像插入以前還有好幾行啊！！
好吧=。=這幾行代碼是用來生成新博客id的。咱們的博客須要一個id來標識身份，因此咱們給每一篇博客設置一個id。通常就是用一個從1開始自增的整數做爲id啦。

解釋：
由於mongodb不像mysql那樣能夠設置自增字段，因此咱們須要本身生成自增的id（查過資料應該是有辦法設置自增，可是文檔沒太看明白=。=就當沒有辦法吧。除了文檔中的辦法，我查了很久，發現都是靠本身寫函數生成自增的id，你們有興趣能夠本身去查一下。在這裏我就用本身的方法了。）

個人方法是這樣的：
last = coll.find().sort("id",pymongo.DESCENDING).limit(1)倒序查詢數據庫獲取最後id最大的那一條記錄。由於find()函數返回的結果是一個數組？因此要用for循環取值（由於只查詢了一條記錄，因此用一個循環也不會太奢侈吧啦啦啦）。
blog['id'] = int(lastone['id']) + 1將最大id加1賦值給新博客的id。由於mongodb在存整型數的時候好像會默認存爲浮點型（具體能夠自行百度），因此用int()方法處理lastone['id']保證咱們處理過程當中數據類型的正確。

好了，這樣咱們終於成功新增了一篇博客！！！

查

當咱們在首頁點擊某一篇博客的標題的時候，好比點擊第二篇，咱們會訪問http://127.0.0.1:8002/blog/2，進入到這個頁面：
圖片描述

這個過程是這樣的：/blog對應BlogHandler，執行get方法。

代碼回顧：

class BlogHandler(tornado.web.RequestHandler):
    def get(self, id=None):
        import time
        coll = self.application.db.blog
        if id:
            blog = coll.find_one({"id": int(id)})
            self.render("blog.html",
                page_title = "個人博客",
                blog = blog,
                time = time,
                )
        else:
            self.redirect("/")

if判斷id是否存在，不存在則跳轉到首頁。咱們這裏get方法獲取到url參數，所以id=2。blog = coll.find_one({"id": int(id)})查詢該博客並渲染博客頁面。

這樣，咱們就完成了博客查看的功能。

留一個小問題。
由於這個demo是剛開始學tornado的時候寫的，因此代碼其實寫得很糟糕。
BlogHandler可能這樣寫會更好一點，初學的同窗看一看，思考一下爲何。我就不改demo裏的代碼了。

class BlogHandler(tornado.web.RequestHandler):
        def get(self, id=0):
            import time
            coll = self.application.db.blog
            blog = coll.find_one({"id": int(id)})
            if blog:
                self.render("blog.html",
                    page_title = "個人博客",
                    blog = blog,
                    time = time,
                    )
            else:
                self.redirect("/")

改

代碼回顧：

class EditHandler(tornado.web.RequestHandler):
    def get(self, id=None):
        blog = dict()
        if id:
            coll = self.application.db.blog
            blog = coll.find_one({"id": int(id)})
        self.render("edit.html",
            blog = blog)

    def post(self, id=None):
        import time
        coll = self.application.db.blog
        blog = dict()
        if id:
            blog = coll.find_one({"id": int(id)})
        blog['title'] = self.get_argument("title", None)
        blog['content'] = self.get_argument("content", None)
        if id:
            coll.save(blog)
        else:
            last = coll.find().sort("id",pymongo.DESCENDING).limit(1)
            lastone = dict()
            for item in last:
                lastone = item
            blog['id'] = int(lastone['id']) + 1
            blog['date'] = int(time.time())
            coll.insert(blog)
        self.redirect("/")

本身看，就很少說了=。=

刪

刪除操做的邏輯是，傳遞博客id給DelHandler，而後調用remove()方法從數據庫刪除指定博客。

代碼回顧：

class DelHandler(tornado.web.RequestHandler):
    def get(self, id=None):
        coll = self.application.db.blog
        if id:
            blog = coll.remove({"id": int(id)})
        self.redirect("/")

<(￣ˇ￣)/相信聰明的你已經看懂了！

總結

至此，咱們練習了mongodb的增刪改查，也實現了應用的增刪改查。
固然這個Demo還有不少須要改進的地方，好比：

  • 構造形如http://127.0.0.1:8002/delete?id=2的連接，經過get方法傳遞參數。
  • 給咱們的表單加上格式驗證。

同窗們能夠本身稍做修改嘗試一下。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程