Невозможно связать CSS и JavaScript с HTML - PullRequest
Новая
       3

Невозможно связать CSS и JavaScript с HTML

1 голос
/ 29 февраля 2020

Я использую flask для создания сайта, HTML отлично работает, сайт загружается, но по какой-то причине HTML и CSS просто не будут ссылаться:

Я использую команда url_for Flask, но она все еще не работает, когда я открываю сайт и проверяю его, похоже, что ссылка работает, но папки css, javascript, et c ... пусты

HTML: 

<!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>

ОТЛАДКА: 

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 -

Ответы [ 3 ]

0 голосов
/ 29 февраля 2020

Все Css и Js файлы рассматриваются как файлы Stati c и должны быть помещены вами в папку с именем Stati c, чтобы он работал правильно.

0 голосов
/ 01 марта 2020

Насколько мне известно, даже если вы используете правильный каталог с файлами, поскольку вы используете Jinja, вы можете просто использовать каталог файлов без функции url_for. Поэтому вместо {{url_for ('stati c', имя файла = 'style / assets / dollar.jpeg')}} просто сделайте style / assets / dollar.jpeg. Надеюсь, это поможет

0 голосов
/ 29 февраля 2020

Flask не находит вашу папку c. Где он находится? Если вы не изменили свой план, flask будет искать папку sati c на том же уровне вашего основного приложения.

Итак, допустим, у вас есть файл .py, который запускает ваше приложение - flask_server. py на примере ниже - внутри первого уровня каталога «web», flask будет искать папку stati c на том же уровне - то же самое верно и для папки шаблонов:

enter image description here

Надеюсь, он вам подходит. :)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...