Mengapa Apl Flask Saya Tidak Memuatkan Fail CSS Saya?

Aplikasi Tidak Mengambil Fail .css: Panduan untuk Mengubah Suai Struktur Fail Kelalang

Apabila menggayakan helaian gaya luaran dalam aplikasi Kelalang, ia adalah perlu untuk menstruktur fail dengan sewajarnya untuk memastikan gaya digunakan dengan jayanya. Jika gaya tidak digunakan, struktur fail mungkin perlu dilaraskan.

Dalam contoh yang diberikan, helaian gaya luaran terletak di /styles/mainpage.css, manakala templat HTML cuba memuatkannya daripada ../styles/mainpage.css. Laluan yang salah ini berkemungkinan menyebabkan gaya tidak digunakan.

Untuk menyelesaikan isu ini, struktur fail harus diubah suai untuk meletakkan helaian gaya dalam folder "statik" aplikasi. Struktur fail yang dikemas kini sepatutnya kelihatan seperti ini:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css

Seterusnya, templat HTML hendaklah dilaraskan untuk memuatkan fail CSS dengan betul:

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/mainpage.css') }}">

Kod HTML yang diubah suai ini menggunakan fungsi url_for untuk menjana URL yang betul secara dinamik untuk fail CSS, memastikan Flask boleh menemuinya dalam folder "statik". Selepas melaksanakan perubahan ini, gaya luaran kini harus digunakan pada templat yang diberikan.

Atas ialah kandungan terperinci Mengapa Apl Flask Saya Tidak Memuatkan Fail CSS Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!