Bagaimanakah Saya Memautkan Fail CSS Luaran dengan Betul dalam Aplikasi Flask Saya?

Cara Menggabungkan Fail CSS dalam Aplikasi Flask

Apabila menggayakan templat dalam aplikasi Flask menggunakan helaian gaya luaran, adalah penting untuk memahami fail yang betul struktur. Dalam konteks ini, mesej ralat yang diberikan menunjukkan isu dengan aplikasi tidak mendapatkan semula fail CSS.

Struktur direktori harus menyusun fail seperti berikut:

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

Pastikan direktori /styles berada dalam /statik.

Untuk menentukan helaian gaya dalam templat, gunakan yang berikut sintaks:

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

Laluan ini mengarahkan Flask untuk mencari fail CSS dalam lokasi "static/styles/mainpage.css".

Dengan mematuhi struktur fail dan sintaks templat ini, anda boleh berjaya memautkan fail CSS luaran ke aplikasi Flask anda, memastikan penggayaan yang betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Memautkan Fail CSS Luaran dengan Betul dalam Aplikasi Flask Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!