3、flask-模板渲染

little小新發表於2024-07-06

模板渲染其實就是靜態檔案的展示

app.py

import os

from flask import Flask, render_template, jsonify

app = Flask(__name__)

@app.route('/')
def home():
        return 'flask home2'

@app.route('/index/')
def index():
        # #返回字串
        # return '<b>flask home2</b>'

        # #模板渲染
        return render_template('index.html', name='小新')

        # # #返回json
        # # jsonify: 將字典轉換為json格式
        # return jsonify({'name': '小新', 'age': 18})




if __name__ == '__main__':
    # print(f"Starting server on port {os.environ.get('FLASK_RUN_PORT', 'not set')}")
    # app.run(debug=True, port=5001, host='0.0.0.0')
    port = 8884
    print(f"Starting Flask server on port {port}")
    app.run(debug=True, port=port, host='0.0.0.0')

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板渲染</title>

{#匯入css檔案、這裡css檔名最好和html檔名一致#}
{#3種匯入靜態檔案的方式#}
{#    <link rel="stylesheet" href="../static/index.css">#}
{#    <link rel="stylesheet" href="/static/index.css">#}
    <link rel="stylesheet", href="{{ url_for('static', filename='index.css') }}">

</head>
<body>

<h1>模板渲染</h1>
<hr>


{#name 變數是從app.py中return 傳過來的變數名#}
<h2>{{ name }}</h2>




</body>
</html>

index.css

/*這裡h2是指在html中的h2標籤,html中使用h2標籤中的內容會變成紅色*/
h2 {
    color: red;
}

3、flask-模板渲染

相關文章