Rumah >hujung hadapan web >tutorial css >Mengapa Aplikasi Flask Saya Tidak Mengecam Fail CSS Luaran Saya?
Mengapa Aplikasi Flask Saya Tidak Mengecam Fail CSS Luaran Saya?
- Patricia Arquetteasal
- 2024-12-08 20:40:11813semak imbas
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
Penanda HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../styles/mainpage.css">
</head>
<body>
<!-- content -->
</body>
</html>
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
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/mainpage.css') }}">
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!