Как исправить проблему наследования, которая не работает для стилси в флебкте - PullRequest
Новая
       16

Как исправить проблему наследования, которая не работает для стилси в флебкте

1 голос
/ 02 мая 2019

Я пытаюсь дополнить веб-приложение питоном и флягой.У меня есть «страница поиска» и «страница результатов».На странице результатов, когда пользователь нажимает «isbn», он переходит на «страницу сведений».Я использую наследование в фляге для генерации htmls на основе моего "layput.html", но проблема заключается в том, что styles.css не работает для моей страницы сведений, в то время как она работает для других страниц.Вот вывод терминала (таблица стилей работает для аутентификации и поиска, но не работает для страницы сведений); 

     127.0.0.1 - - [01/May/2019 22:06:15] "GET / HTTP/1.1" 200 -
     127.0.0.1 - - [01/May/2019 22:06:20] "POST /authentication HTTP/1.1"    200 -
     127.0.0.1 - - [01/May/2019 22:06:23] "POST /search HTTP/1.1e" 200 -
     127.0.0.1 - - [01/May/2019 22:06:44] "GET /search/0375706860 HTTP/1.1" 200 -
     127.0.0.1 - - [01/May/2019 22:06:44] "GET /static/styles.css HTTP/1.1" 404 -

Это мой базовый шаблон "layout.html" 

<!DOCTYPE html>
<html>

    <head>
      {% block head %}
      <!-- Required meta tags -->
      <meta charset="utf-8">

      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

      <!-- Custom Styles -->
      <link rel="stylesheet" href="static/styles/styles.css">

      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Montserrat+Alternates" rel="stylesheet">

      <title>BookReview</title>
      {% endblock %}
    </head>

    <body>
      <div class="container-fluid">
        <nav class="navbar navbar-expand-sm">
          <!--Links-->
          <ul class="nav navbar-nav ml-auto">
            <li class="nav-item">
              <form class="" action="{{ url_for('logout') }}" method="POST">
                <input type="submit" class="btn btn-link" name="logoutButton" value="Log Out">
              </form>
            </li>
          </ul>
        </nav>
      </div>
      <div class="container-fluid headTitle">
        <h1>Meet your next favorite book!</h1>
        <h4>See bunch of book reviews and discussions to decide what to read next.</h4>
      </div>
      {% block body %}{% endblock %}
    </body>

</html>

А здесьтакое страница сведений html; 

{% extends "layout.html" %}

{% block body %}
  <div class="container-fluid searchContainer">
    <table class="table">
      <thead>
        <tr>
          <th scope="col">Isbn</th>
          <th scope="col">Author</th>
          <th scope="col">Title</th>
          <th scope="col">Year</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>{{ bookDetails.isbn }}</td>
          <td>{{ bookDetails.author }}</td>
          <td>{{ bookDetails.title }}</td>
          <td>{{ bookDetails.year }}</td>
        </tr>
      </tbody>
    </table>
  </div>
{% endblock %}

Что мне не хватает?

1 Ответ

1 голос
/ 03 мая 2019

Кажется, здесь есть несоответствие ERROR 404 это "PAGE NOT FOUND ERROR", ваша ссылка на href такая же, как в "layout.html". 

 <!-- Custom Styles -->
      <link rel="stylesheet" href="static/styles/styles.css">

static 
|_styles
   |_styles.css

НО, в вашей ошибке это показывает, GET /static/styles.css HTTP/1.1" 404 Что означает, что это ожидает, 

static
|_styles.css

Исправьте это, и ваша ошибка должна быть решена. Вы это заметили?

Я предполагаю, что ваш styles.css используется только на странице design.html, поэтому при поиске styles.css выдается ошибка, так как местоположение не найдено.

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

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

...