bootstrap + tornado

来源：互联网发布：淘宝网怎么登录不了编辑：程序博客网时间：2024/05/27 00:44

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>

vi templates/index.html

{% extends "main.html" %}
{% block body %}

hello world

{% end %}

{% block script %}

{% end %}

0 0