首頁 > web前端 > css教學 > 為什麼我的 Flask 應用程式中沒有載入外部 CSS 檔案?

為什麼我的 Flask 應用程式中沒有載入外部 CSS 檔案?

DDD
發布: 2024-11-26 13:41:10
原創
694 人瀏覽過

Why Isn't My External CSS File Loading in My Flask Application?

CSS 檔案未在 Flask 中載入

問:我正在嘗試使用外部 CSS 檔案來設定 Flask 範本的樣式,但樣式未套用。這是我的文件結構:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /styles
        - mainpage.css
登入後複製

mainpage.html

<html>
    <head>
        <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css">
    </head>
    <body>
        <!-- content --> 
登入後複製

答:要解決此問題,您需要有一個專用的“靜態”資料夾儲存CSS 和JS 檔案。以下是更正後的檔案結構:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css
登入後複製

mainpage.html

<html>
    <head>
        <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">
    </head>
    <body>
        <!-- content --> 
登入後複製

Flask 現在將在static/styles/mainpage.css 下尋找CSS 檔案。

以上是為什麼我的 Flask 應用程式中沒有載入外部 CSS 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板