Flask - Bootstrap | 界面加載緩慢問題優化

• Flask-Bootstrap是Flask的一個頁面樣式類插件，通常我們使用pip進行安裝并導入使用。

  pip install flask-bootstrap
             

  當我們在Flask工程中使用flask_bootstrap時，其實每次通路頁面的時候它還是在動态向bootstrap源進行請求并下載下傳，由于這些資源連接配接都是非國内鍊，是以一般會比較慢，甚至會逾時。但其實這些資源早在國内都有相應的CND鍊，是以我們隻需要把引用切換到國内指向即可。

1. 預設使用時可能會逾時，界面狂轉，看一下前台，瞬間明白了：

   

   

2. 我們一個參數(BOOTSTRAP_SERVE_LOCAL)，讓它加載本地的資源包

   app = Flask(__name__)
    app.config['BOOTSTRAP_SERVE_LOCAL'] = True
    app.run()
              

   我們會發現，它直接加載本地的資源了，速度“嘎”的以下就上來了，當然也要注意一點，它加載的還是python第三方庫flask-bootstrap中的static内容，并不需要我們去下載下傳上傳指定路徑，見下圖：

   

   

3. 到2其實就可以了，當然你可以不用2的方法，而直接改bootstrap的各類資源連結源：

   找到Pyhton資源包中的bootstrap，并将__init__.py中的内容做調整

   # bootstrap = lwrap(
   #    WebCDN('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/%s/' %
   #            BOOTSTRAP_VERSION), local)
   #
   # jquery = lwrap(
   #     WebCDN('//cdnjs.cloudflare.com/ajax/libs/jquery/%s/' %
   #            JQUERY_VERSION), local)
   #
   # html5shiv = lwrap(
   #     WebCDN('//cdnjs.cloudflare.com/ajax/libs/html5shiv/%s/' %
   #            HTML5SHIV_VERSION))
   #
   # respondjs = lwrap(
   #     WebCDN('//cdnjs.cloudflare.com/ajax/libs/respond.js/%s/' %
   #            RESPONDJS_VERSION))
   
   bootstrap = lwrap(
       WebCDN('//cdn.bootcss.com/bootstrap/%s/' % BOOTSTRAP_VERSION), local)
   
   jquery = lwrap(
       WebCDN('//cdn.bootcss.com/jquery/%s/' % JQUERY_VERSION), local)
   
   html5shiv = lwrap(
       WebCDN('//cdn.bootcss.com/html5shiv/%s/' % HTML5SHIV_VERSION))
   
   respondjs = lwrap(
       WebCDN('//cdn.bootcss.com/respond.js/%s/' % RESPONDJS_VERSION))
              

   

   就這麼多，有需要的記得點個收藏，不然就找不到了