bootstrap既然是這麼的流行又能省很多的事為什麼不用他呢？再加上牛x的produced by fb的tornado簡直如虎添翼了！
1. 安裝配置
安裝所需要的庫等内容。這裡沒什麼需要多講的。tornado直接用easy_install或者pip。bootstrap直接下下來就ok了。當然還需要下載下傳bootstrap依賴的jquery。依次下載下傳安裝就可以。
2. 目錄結構
把bootstrap目錄下得内容分别都放在static目錄下得css、fonts和js中。jquery對應的js也放在static目錄下得js目錄中。
templates目錄放置html檔案，可以看到高亮出來的一個index.html檔案。
3. tornado代碼
define定義了站點的port。
class basehandler(tornado.web.requesthandler)定義了一個基類，用于簡單封裝tornado的requesthandler。以後的每個類都需要內建這個basehandler，比如後面的mainhandler。這樣才能獲得http請求。
最後在(r"/", mainhandler),綁定了請求的url和對應的handler。這時還不能運作，因為我們需要在mainhandler中解析模闆html。
4. html模闆
這裡的index.htm模闆是直接從bootstrap上得例子中扒下來的。
其中的css、js都放在我們上面的目錄機構中的static目錄下。是以在原來模闆中的這些内容都需要做一些修改：<link href="{{static_url("css/bootstrap.min.css")}}" rel="stylesheet">和<script src="{{static_url("js/jquery-1.11.2.min.js")}}"></script>還有<script src="{{static_url("js/bootstrap.min.js")}}"></script>。都通過了static_url這個内置方法實作了路徑的跳轉。
如果你不想這麼設定路徑也可以，但是這些css和js之類的還是需要放在static目錄下。放在别的地方的話，可能是擷取不到靜态的内容。
這個時候運作代碼你就會看到這個網頁了。
好吧，這個時候似乎還是有些問題的。但是大體的結構就是這樣了！
歡迎加群互相學習，共同進步。qq群：ios: 58099570 | android: 330987132 | go：217696290 | python：336880185 | 做人要厚道，轉載請注明出處！