Flask是一個(gè)輕量級(jí)的Web框架,它提供了許多方便的功能,其中之一就是加載靜態(tài)文件,包括CSS,在Flask中,你可以通過以下步驟來加載文件夾中的CSS文件:
1、確保你的CSS文件被正確地放置在一個(gè)名為static
的文件夾中,這個(gè)文件夾通常位于你的Flask應(yīng)用的根目錄下。
2、在你的Flask應(yīng)用中,使用url_for
函數(shù)來引用靜態(tài)文件,你可以使用url_for('static', filename='style.css')
來引用一個(gè)名為style.css
的CSS文件。
3、將上述代碼插入到你的HTML模板中,例如index.html
,這樣,當(dāng)Flask渲染HTML模板時(shí),它會(huì)自動(dòng)將CSS文件的內(nèi)容插入到相應(yīng)的位置。
以下是一個(gè)簡(jiǎn)單的示例,展示如何在Flask應(yīng)用中加載CSS文件:
from flask import Flask, url_for app = Flask(__name__) @app.route('/') def index(): return ''' <!DOCTYPE html> <html> <head> <title>Flask App</title> <link rel="stylesheet" type="text/css" href="{}"> </head> <body> <h1>Hello, World!</h1> </body> </html> '''.format(url_for('static', filename='style.css')) if __name__ == '__main__': app.run(debug=True)
在這個(gè)示例中,style.css
文件應(yīng)該位于Flask應(yīng)用的根目錄下的static
文件夾中,當(dāng)訪問應(yīng)用的主頁時(shí),瀏覽器會(huì)自動(dòng)從Flask服務(wù)器加載CSS文件,并將其應(yīng)用到HTML頁面上。