Mengapa Aplikasi Flask Saya Tidak Mengecam Fail CSS Luaran Saya?-tutorial css-php.cn

Mengapa Aplikasi Flask Saya Tidak Mengecam Fail CSS Luaran Saya?

Patricia Arquette

Lepaskan： 2024-12-08 20:40:11

asal

826 orang telah melayarinya

Why Isn't My Flask Application Recognizing My External CSS File?

Fail CSS Tidak Dikenali dalam Aplikasi Flask: Menyelesaikan Masalah Struktur Fail

Apabila cuba menggayakan templat menggunakan fail CSS luaran dalam Flask, ia adalah penting untuk memastikan struktur fail anda betul. Jika gaya anda tidak digunakan, pertimbangkan perkara berikut:

Struktur Fail:

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

Salin selepas log masuk

Penanda HTML:

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

Salin selepas log masuk

Isu:

Anda Fail CSS terletak di luar folder "statik", yang Flask gunakan untuk menyampaikan fail statik seperti CSS dan JavaScript.

Penyelesaian:

Untuk menyelesaikan masalah ini, gerakkan anda Fail CSS di bawah folder "statik", dan kemas kini fail HTML anda sewajarnya:

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

Salin selepas log masuk

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

Salin selepas log masuk

Penjelasan:

Flask mencari fail statik di bawah folder "statik", membenarkan anda menyampaikan fail CSS tanpa mengurus failnya laluan secara eksplisit. Dengan menggunakan pendekatan ini, aplikasi anda kini akan menggunakan gaya yang ditakrifkan dalam fail "mainpage.css" luaran anda dengan betul.

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