tornado一起来-模版继承

2017-12-11 17:58 1803 次阅读 0 赞

模版继承，这么高大上的东西怎么能没有？！主要内容参考[《Introduction to Tornado》中文翻译](http://demo.pythoner.com/itt2zh) 走起！来个main.py ``` import os.path import random import tornado.httpserver import tornado.ioloop import tornado.options import tornado.web from tornado.options import define, options define("port", default=8000, help="run on the given port", type=int) class IndexHandler(tornado.web.RequestHandler): def get(self): self.render( "index.html", header_text="Header goes here", footer_text="Footer goes here" ) if __name__ == '__main__': tornado.options.parse_command_line() app = tornado.web.Application( handlers=[(r'/', IndexHandler)], template_path=os.path.join(os.path.dirname(__file__), "templates"), static_path=os.path.join(os.path.dirname(__file__), "static"), debug=True ) http_server = tornado.httpserver.HTTPServer(app) http_server.listen(options.port) tornado.ioloop.IOLoop.instance().start() ``` 再来个main.html ``` <header> {% block header %}{% end %} </header> <content> </content> {% block body %}{% end %} <footer> {% block footer %}{% end %} </footer> ``` 子html index.html ``` {% extends "main.html" %} {% block header %} <h1>{{ header_text }}</h1> {% end %} {% block body %} Hello from the child template! {% end %} {% block footer %} {{ footer_text }} {% end %} ``` ![55555](https://www.gqz666.cn/img/upload/post/20171211/5a68bcfb8560c75deb368753f96a5838.jpg) 呵呵出来了！（心里默默说，不还是输出个文字么）好吧难度稍微提高那么一点点！ main.py ``` import os.path import random import tornado.httpserver import tornado.ioloop import tornado.options import tornado.web from tornado.options import define, options define("port", default=8000, help="run on the given port", type=int) class RecommendedHandler(tornado.web.RequestHandler): def get(self): self.render( "index.html", page_title="Burt's Books | Recommended Reading", header_text="Recommended Reading", books=[ { "title":"Programming Collective Intelligence", "subtitle": "Building Smart Web 2.0 Applications", "image":"/static/images/cover.jpg", "author": "Toby Segaran", "date_added":1310248056, "date_released": "August 2007", "isbn":"978-0-596-52932-1", "description":"This fascinating book demonstrates how you " "can build web applications to mine the enormous amount of data created by people " "on the Internet. With the sophisticated algorithms in this book, you can write " "smart programs to access interesting datasets from other web sites, collect data " "from users of your own applications, and analyze and understand the data once " "you've found it." },{ "title":"Programming Collective Intelligence", "subtitle": "Building Smart Web 2.0 Applications", "image":"/static/images/cover.jpg", "author": "Toby Segaran", "date_added":1310248056, "date_released": "August 2007", "isbn":"978-0-596-52932-1", "description":"This fascinating book demonstrates how you " "can build web applications to mine the enormous amount of data created by people " "on the Internet. With the sophisticated algorithms in this book, you can write " "smart programs to access interesting datasets from other web sites, collect data " "from users of your own applications, and analyze and understand the data once " "you've found it." } ] ) class BookModule(tornado.web.UIModule): def render(self, book): return self.render_string('modules/book.html', book=book) if __name__ == '__main__': tornado.options.parse_command_line() app = tornado.web.Application( handlers=[(r'/', RecommendedHandler)], template_path=os.path.join(os.path.dirname(__file__), "templates"), static_path=os.path.join(os.path.dirname(__file__), "static"), ui_modules={'Book': BookModule}, debug=True ) http_server = tornado.httpserver.HTTPServer(app) http_server.listen(options.port) tornado.ioloop.IOLoop.instance().start() ``` main.html ``` <html> <body> <header> <link rel="stylesheet" href="{{ static_url("style.css") }}"> {% block header %}{% end %} </header> <content> {% block body %}{% end %} </content> <footer> {% block footer %}{% end %} </footer> </body> </html> ``` index.html ``` {% extends "main.html" %} {% block body %} <h2>Recommended Reading</h2> {% for book in books %} {% module Book(book) %} {% end %} {% end %} ``` book.html ``` <div class="book"> <h3 class="book_title">{{ book["title"] }}</h3> {% if book["subtitle"] != "" %} <h4 class="book_subtitle">{{ book["subtitle"] }}</h4> {% end %} <img src="{{ book["image"] }}" class="book_image"/> <div class="book_details"> <div class="book_date_released">Released: {{ book["date_released"]}}</div> <div class="book_date_added"> Added: {{ locale.format_date(book["date_added"], relative=False) }} </div> <h5>Description:</h5> <div class="book_body">{% raw book["description"] %}</div> </div> </div> ``` style.css ``` body { font-family: Helvetica,Arial,sans-serif; width: 600px; margin: 0 auto; } .replaced:hover { color: #00f; } .book{ background: #d2cdd1; border: 1px solid #5e5d5f; padding: 20px; margin-bottom: 20px; overflow: hidden; } .book_image{ max-width: 200px; float: left; } .book_details { float: left; width: 300px; margin-left: 10px; } ``` 最终效果 ![6666](https://www.gqz666.cn/img/upload/post/20171211/983aef241985d4421f2176bc5c5c1e34.jpg) 文件结构是 ![7777](https://www.gqz666.cn/img/upload/post/20171211/9916584d430e2b62be8e1868ce7e632f.jpg)

tornado一起来-模版继承

评论区