bootstrap + tornado

最新推荐文章于 2021-02-19 19:46:39 发布

wwwsec

最新推荐文章于 2021-02-19 19:46:39 发布

阅读量1.1k

点赞数

分类专栏： HelloWorld 文章标签： hello world bootstrap tornado

本文链接：https://blog.csdn.net/wwwsec/article/details/51926605

版权

HelloWorld 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1、下载bootstrap压缩包

wget http://d.bootcss.com/bootstrap-3.3.5-dist.zip

2、解压

unzip bootstrap-3.3.5-dist.zip

3、vi t.py

#coding:utf-8
import os,sys
import tornado.ioloop
import tornado.web
from tornado.escape import json_encode

class MainHandler(tornado.web.RequestHandler):
def get(self):
self.render(
"index.html",
apis = apis
)

application = 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__),'bootstrap-3.3.5-dist'),
debug = True
)

if __name__ == "__main__":
application.listen(8000)
tornado.ioloop.IOLoop.instance().start()

vi templates/main.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Bootstrap 101 Template</title>


<link href="{{ static_url("css/bootstrap.min.css") }}" rel="stylesheet">




</head>
<body>
<div class="container">
{% block body %}{% end %}
</div>

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<script src="{{ static_url("js/bootstrap.min.js") }}"></script>
<script type="text/javascript">
{% block script %}{% end %}
</script>
</body>
</html>