J'utilise flask pour créer un site Web, le HTML fonctionne bien 'le site Web se charge mais pour une raison quelconque, HTML et CSS ne sont tout simplement pas liés:
J'utilise la commande url_for Flask mais cela ne fonctionne toujours pas, lorsque j'ouvre le site et l'inspecte semble que le lien fonctionne mais les dossiers de css, javascript, etc ... sont vides
127.0.0.1 - - [29/Feb/2020 19:35:00] "GET /?__debugger__=yes&cmd=resource&f=style.css HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:35:00] "GET /?__debugger__=yes&cmd=resource&f=jquery.js HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:35:00] "GET /?__debugger__=yes&cmd=resource&f=debugger.js HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:35:00] "GET /?__debugger__=yes&cmd=resource&f=console.png HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:35:00] "GET /?__debugger__=yes&cmd=resource&f=ubuntu.ttf HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:35:00] "GET /?__debugger__=yes&cmd=resource&f=console.png HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:35:09] "POST / HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:35:09] "GET /static/style/bootstrap/css/bootstrap.min.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:35:09] "GET /static/style/style.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:35:09] "GET /static/app/app.js HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:35:10] "POST / HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:37:04] "GET / HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:37:04] "GET /static/style/bootstrap/css/bootstrap.min.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:37:04] "GET /static/style/style.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:37:04] "GET /static/app/app.js HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:37:07] "POST / HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:38:56] "GET / HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:38:56] "GET /static/style/style.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:38:56] "GET /static/style/bootstrap/css/bootstrap.min.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:38:56] "GET /static/app/app.js HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:38:58] "GET / HTTP/1.1" 200 - 127.0.0.1 - - [29/Feb/2020 19:38:58] "GET /static/style/bootstrap/css/bootstrap.min.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:38:58] "GET /static/style/style.css HTTP/1.1" 404 - 127.0.0.1 - - [29/Feb/2020 19:38:58] "GET /static/app/app.js HTTP/1.1" 404 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StoreScan</title>
<link rel="icon" href="{{url_for('static', filename='style/assets/dollars.jpeg')}}">
<link rel="stylesheet" href="{{url_for('static', filename='style/bootstrap/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{url_for('static', filename='style/style.css')}}">
<script defer src="{{url_for('static', filename='app/app.js')}}"></script>
{% block head %}{% endblock %}
</head>
<body>
<h1 class="display-1 text-center mt-4">
<u>StoreScan</u>
</h1>
<div class="mt-5 row d-flex justify-content-center">
<div class="card bg-light" style="width: 22rem;">
<div class="card-header">Authentication</div>
<div class="card-body">
<h5 class="card-title">Welcome Back!</h5>
<p class="card-text"></p>
<button class="btn btn-light btn-outline-dark">Login</button>
<h6 class="mt-3">New here? </h6>
<button class="btn btn-light btn-outline-dark">Register</button>
</div>
</div>
<div class="card bg-light ml-5" style="width: 22rem;">
<div class="card-header">Search</div>
<div class="card-body">
<h5 class="card-title">What do you want to find?</h5>
<p class="card-text"></p>
<form class="form-inline" method="POST">
<div class="form-group mt-3">
<input class="form-control mr-2" name="content" id="content" type="text" placeholder="Your item.">
<button class="btn btn-light btn-outline-dark">Search</button>
</div>
<p>
<input type="radio" name="options" value="ebay" id="option1" method="POST"> Ebay <br>
<input type="radio" name="options" value="amazon" id="option2" method="POST"> Amazon <br>
</p>
</form>
</div>
</div>
</div>
{% block body %}{% endblock %}
</body>
</html>
3 Réponses :
Flask ne trouve pas votre dossier statique. Où est-il situé? Sauf si vous avez modifié votre plan, Flask recherchera le dossier satic au même niveau de votre application principale.
Disons que vous avez votre fichier .py qui exécute votre application - flask_server.py dans l'exemple ci-dessous - dans le premier niveau du répertoire "web", flask recherchera le dossier statique au même niveau - le même est vrai pour le dossier des modèles:
J'espère que cela vous va bien. :)
Tous les fichiers Css et Js sont considérés comme des fichiers statiques et doivent être placés dans un dossier nommé Static par vous pour qu'il fonctionne correctement.
À ma connaissance, même si votre répertoire de fichiers est correct puisque vous utilisez Jinja, vous voudrez peut-être simplement utiliser le répertoire de fichiers sans la fonction url_for. Donc, au lieu de {{url_for ('static', filename = 'style / assets / dollars.jpeg')}}, faites simplement 'style / assets / dollars.jpeg'. J'espère que cela aide