建立一個基本的Flask web頁面,你需要創建一個Flask應用,定義一個或多個路由以及它們的視圖函數。HTML頁面通常會使用模板來生成,Flask默認使用的是Jinja2模板引擎。
以下是一個基礎的Flask應用,使用Jinja2模板引擎渲染一個Web頁面的示例:
首先,創建一個新的Flask應用。假設我們的文件名叫app.py:
python
Copy code
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def home():
return render_template('home.html')
if __name__ == '__main__':
app.run(debug=True)
在這里,我們通過@app.route('/')裝飾器,定義了一個新的路由,這個路由對應的URL是'/',也就是網站的首頁。而home( )函數則是這個路由的視圖函數,當用戶訪問'/'時,這個函數就會被調用。視圖函數返回的是render_template('home.html'),也就是渲染一個叫'home.html'的模板,并返回結果。
接下來,我們創建模板文件。一般,模板文件都放在一個叫"templates"的目錄下。所以,你需要創建這個目錄,然后再其中創建名為"home.html"的文件。我們的項目目錄結構如下:
Copy code
/your-project
/templates
home.html
app.py
假設我們要創建一個非常簡單的頁面,我們可以在"home.html"中寫入以下HTML代碼:
html
Copy code
<!DOCTYPE html>
<html>
<body>
<h1>Welcome to My Homepage</h1>
<p>This is a paragraph.</p>
</body>
</html>
然后,你可以在命令行中運行你的Flask應用,命令是:python app.py。你的Web服務器將在localhost的5000端口啟動,你可以在瀏覽器中打開http://localhost:5000/來看到你的頁面。
- 前言
- 1.入門篇
- Python介紹
- 安裝與使用
- Python開發利器之VS Code
- 模塊安裝
- 命令行
- 一次Python無法安裝模塊的問題探索與解決之旅
- 命令運行
- Conda
- 下載地址
- 2.基礎篇
- 基礎語法
- 輸入與輸出
- with as的用法
- 注釋
- Python命令行參數
- 編碼
- 變量類型
- 列表遍歷
- 運算符
- 表達式語句
- 條件
- 循環
- 日期和時間
- 函數
- 高級語法
- @符號-裝飾器
- 模塊和包
- name
- init.py
- 錯誤和異常
- 面向對象
- 3.專題篇
- 常用功能
- Python 字符串連接
- python web
- Python CGI編程
- Python OAuth2
- 認證 Flask-HTTPAuth
- 常用命令
- 內置函數
- dir()
- print(f)
- 標準模塊
- sys
- pickle-數據序列化
- os
- IO(輸入輸出)
- 鍵盤輸入
- 文件讀寫
- 測試
- Python測試框架之pytest快速入門
- pytest-bdd快速示例和問題解決
- 基于pytest-bdd的項目目錄結構和命名規范
- python BDD 的相關概念
- Behave介紹和快速示例
- Python BDD之Behave測試報告
- Python BDD 框架比較之 pytest-bdd vs behave
- pytest進階
- Flask + pytest測試
- 參考網址
- pytest-bdd進階
- hehave進階
- 測試路徑
- python + selunium
- HTML 根據多層CSS 查找元素
- 等待執行
- 使用text 查找 span
- pytest如何在控制臺輸出
- 4.問題篇
- pip pip3 及區別
- TypeError: can only concatenate str (not "NoneType") to str
- 5.實戰篇
- matplotlib-繪圖包
- 導入類
- 命名規范
- 模塊查找
- 6.進階篇
- Flask
- Flask介紹
- Flask擴展模塊
- Flask-Login
- 問題
- Jinja2
- Flask-RESTful
- Flask-JWT-Extended
- WSGI
- Flask-SQLAlchemy
- 部署
- Flask VS Django
- Flask Web
- Flask + Vue
- Flask實戰
- Flask 標準目錄結構
- Blueprints
- 參考
- FastAPI 測試
- https 證書 Caused by SSLError(SSLCertVerificationError(1, '[SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: unable to get local issuer certificate