- 模板即html文件,在學習本篇之前需要了解下前端知識(js啊,html啊,css啊),當然,夠聰明邊學邊補也是ok噠,遇到不懂的問百度
開始開車
-
模板連接,如下圖
image.png -
模板實現,如下圖,主要是帶參的那個模板,index模板隨意整
image.png -
展示 ,如下截圖
image.png
模板進階, 嵌入bootstrap,使界面更友好,開發更簡單
- 學此之前需要知道下bootstrap的知識http://getbootstrap.com/docs/4.1/components/navbar/
上面鏈接為bootstrap中navbar的官網文檔,英語不好的只看里面的例子就好
image.png -
也需要知道下flask的模板繼承
模板繼承和類繼承差不多,其目的都是將多個文件可公用的部分提取出來,使代碼利用率高,代碼可讀性和可維護性增加。
簡單實現如下面截圖
image.png
image.png
image.png
路由跳轉
image.png
在瀏覽器中的效果
image.png
bootstrap開始開車
- 安裝 pip install flask-bootstrap
- 使用