Rumah >hujung hadapan web >tutorial css >Mengapa Fail CSS Luaran Saya Tidak Dimuatkan dalam Aplikasi Kelalang Saya?

Mengapa Fail CSS Luaran Saya Tidak Dimuatkan dalam Aplikasi Kelalang Saya?

DDD
DDDasal
2024-11-26 13:41:10710semak imbas

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

Fail CSS Tidak Dimuatkan dalam Kelalang

S: Saya cuba menggunakan fail CSS luaran untuk menggayakan templat Flask saya, tetapi gaya tidak digunakan . Berikut ialah struktur fail saya:

/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 --> 

J: Untuk menyelesaikan isu ini, anda perlu mempunyai folder 'statik' khusus untuk menyimpan fail CSS dan JS anda. Berikut ialah struktur fail yang diperbetulkan:

/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 kini akan mencari fail CSS di bawah static/styles/mainpage.css.

Atas ialah kandungan terperinci Mengapa Fail CSS Luaran Saya Tidak Dimuatkan dalam Aplikasi Kelalang Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn