flask之模板篇

  • 模板即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
  • 使用
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容