2017-02-21 74 views
1

我正在嘗試對以下兩頁進行模板繼承,並且所有內容都正在繼承,但我的頁面的標題。我已經嘗試了幾種將標題放置在不同位置的變體,但仍然沒有任何變化。順便說一句,我在我的本地主機上工作。爲什麼不是爲我加載忍者繼承的頭部?

這裏是我的代碼:

base.html文件

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    {% block head %} 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width,initial-scale=1"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <title>{% block title %}{% endblock %} - My Webpage</title> 
     <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cerulean/bootstrap.min.css" rel="stylesheet" integrity="sha384-zF4BRsG/fLiTGfR9QL82DrilZxrwgY/+du4p/c7J72zZj+FLYq4zY00RylP9ZjiT" crossorigin="anonymous"> 
    {% endblock %} 
</head> 
<body> 
    <div class="container"> 
     {% block content %} {% endblock %} 
    </div> 
</body> 
</html> 

的login.html

{% extends "base.html" %} 
{% block head %}{% endblock %} 
{% block title %} Log In {% endblock %} 
{% block content %} 
    <h2>Log In</h2> 
    <a href="/signup">Sign Up</a> 
    <form method="post"> 
     <label for="username">Username:</label> 
     <input id="username" type="text" name="username" value="{{username}}"> 
     {{username_error}} 
     {{user_not_found}} 
     <br> 
     <label for="pass">Password:</label> 
     <input id="pass" type="password" name="password" value=""> 
     {{incorrect_password}} 
     {{password_error}} 
     <br> 
     <button>Submit</button> 
    </form> 
{% endblock %} 

回答

0

原來我剛拿出的頭塊頭和標題部分加載。之所以我沒有這麼做是因爲我有另一個模板,不得不使用標題中的某個特定的css。

{% extends "base.html" %} 
{% block title %} Log In {% endblock %} 
{% block content %} 
    <h2>Log In</h2> 
    <a href="/signup">Sign Up</a> 
    <form method="post"> 
     <label for="username">Username:</label> 
     <input id="username" type="text" name="username" value="{{username}}"> 
     {{username_error}} 
     {{user_not_found}} 
     <br> 
     <label for="pass">Password:</label> 
     <input id="pass" type="password" name="password" value=""> 
     {{incorrect_password}} 
     {{password_error}} 
     <br> 
     <button>Submit</button> 
    </form> 
{% endblock %}