基本例子
from flask import Flask
app = Flask(__name__)
@app.route('/')#檢查訪問的網址,根路徑走這里
def hello_world():return 'hello world'#返回hello worldif __name__ == '__main__':# 綁定到指定的IP地址和端口app.run(host='0.0.0.0', port=1000, debug=True)##綁定端口1000;打開調試模式;#‘0.0.0.0’表示所有網段都可訪問,‘127.0.0.1’表示只有本地可以訪問
運行腳本,即可訪問1000端口
返回一個html頁面
python
from flask import Flask,render_template
app = Flask(__name__,template_folder='html')#這里指明html存放路徑為html目錄下,默認是在template目錄下
@app.route('/')
def hello_world():return render_template('main.html')if __name__ == '__main__':# 綁定到指定的IP地址和端口app.run(host='0.0.0.0', port=1024, debug=True)
html,需要放在html目錄下,名字為main.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Flask App</title>
</head>
<body><h1>Welcome to My Flask App</h1><p>This is a sample HTML page.</p>
</body>
</html>
Html 簡單知識
HTML(超文本標記語言)是一種用于創建網頁的標記語言。它由一系列標簽組成,這些標簽描述了網頁中的內容的結構和語義。HTML 是 Web 頁面的基礎,用于定義頁面的結構、內容和布局。
HTML 使用標簽來描述頁面中的各種元素,例如標題、段落、鏈接、圖像等。每個標簽都由尖括號 < 和 > 包圍,并且可以包含屬性和屬性值。標簽通常成對出現,分為起始標簽和結束標簽,結束標簽在標簽名前添加一個斜杠 /。
<!DOCTYPE html>
:聲明 HTML 的文檔類型。
<html>
:HTML 文檔的根元素。
<head>
:包含文檔的元數據,如標題、樣式表和腳本。
<title>
:定義頁面的標題,顯示在瀏覽器的標題欄中。
<body>
:包含頁面的主要內容,如文本、圖像、鏈接等。
<h1>
:定義一個一級標題。
<p>
:定義一個段落。
<a>
:定義一個鏈接。
<img>
:定義一個圖像。
返回一個含有圖片的靜態界面
python
from flask import Flask,render_template, send_from_directoryapp = Flask(__name__,template_folder='html')# 注冊新的靜態文件目錄
@app.route('/html/photo/<path:filename>')
def custom_static(filename):return send_from_directory('html/photo', filename)#這里我修改了圖片存在的路徑,默認路徑是static@app.route('/')
def hello_world():return render_template('main.html')if __name__ == '__main__':# 綁定到指定的IP地址和端口app.run(host='0.0.0.0', port=1024, debug=True)
這里圖片要放到 html/photo下,代碼中修改了路徑
html: html/main.html
<!DOCTYPE html>
<html>
<head><title>頁面標題</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body><h1>這是一個標題</h1><p>這是一個段落。</p><a href="http://127.0.0.1:1024/">這是一個超鏈接</a><img src="{{ url_for('custom_static', filename='image.jpg') }}" alt="image" width="800" height="600">
</body>
</html>
{{ url_for(‘custom_static’, filename=‘image.jpg’) }} 這個表示自動去獲取路徑,文件名為 image.jpg
<meta name="viewport" content="width=device-width, initial-scale=1.0">
這個用來標識頁面在不同設備中顯示用的,關鍵字viewport; 設置寬度為設備寬度,設置縮放比例為1;不縮放