Python Web靜態資源管理：在Flask中正確引入CSS和JS文件
本文介紹在Flask中引入CSS和JS等靜態資源的方法。靜態資源包括CSS（樣式）、JS（交互）及圖片等，需放在項目根目錄的`static`文件夾（Flask自動映射爲`/static/`路徑），模板文件存於`templates`文件夾。 項目結構需包含`static`和`templates`，靜態資源可按類型放子文件夾（如`css/`、`js/`）。在模板中通過`url_for('static', filename='路徑')`引入，例如： ```html <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> <script src="{{ url_for('static', filename='js/script.js') }}"></script> ``` 常見問題：路徑錯誤（如文件名拼寫、子文件夾遺漏）會導致404，需檢查`static`存在性及文件名正確性。核心要點：靜態資源放`static`，用`url_for`引入，規範結構避免問題。
閱讀全文手把手教你：Flask路由與視圖函數，10分鐘搭建第一個Web頁面
Flask是輕量級Python Web框架，簡單靈活，適合初學者，支持按需擴展。安裝需Python 3.6+，執行`pip install flask`即可，驗證用`flask --version`。 基礎應用核心：導入Flask類並實例化`app`對象；通過`@app.route('/')`定義根路由，綁定視圖函數`home()`，函數返回內容（如“Hello, Flask!”）；`app.run()`啓動開發服務器（默認端口5000）。 進階支持動態路由，如`/user/<username>`，視圖函數接收參數實現個性化響應，支持`int`、`float`等類型。 核心概念：路由綁定URL與函數，視圖函數處理請求並返回內容，`app.run()`啓動服務。關鍵技巧：`if __name__ == '__main__'`確保腳本直接運行時啓動服務，動態路由增強頁面靈活性。
閱讀全文