0

シンプルな django/python アプリがあり、1 ページの create.html を取得しました。したがって、このページを拡張して index.html を使用したいと考えています。すべてが機能し (エラーなし)、ページがロードされると、create.html からのすべてのデータと index.html からのすべてのテキストが存在しますが、フォーマットは使用できません。index.html からロードする必要がある画像と css はロードされません。ブラウザに index.html をロードすると問題ないように見えます。誰かが私を助けることができますか?

ありがとう!

テンプレートのコードは次のとおりです。

create.html

    {% extends "index.html" %}

{% block title %}Projects{% endblock %}

{% block content %}
    {% if projects %}
        <table  border="1">
            <tr>
                <td align="center">Name</td>
                <td align="center">Description</td>
                <td align="center">Priority</td>
                <td align="center">X</td>
            </tr>
            {% for p in projects %}
            <tr>
                <td> <a href="/tasks/{{p.id}}/">{{p.Name}}</a> </td>
                <td>{{p.Description}} </td>
                <td> {{p.Priority.Name}} </td>
                <td> <a href="/editproject/{{p.id}}/">Edit</a> <a href="/deleteproject/{{p.id}}/">Delete</a> </td>
            <tr>
            {% endfor %}
        </table>
    {% else %}
        <p>No active projects.</p>
    {% endif %}
{% endblock %}

および index.html:

    <html>
    <head>
        {% block title %}{% endblock %}

        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    </head>
    <body>
    {% block content %}{% endblock %}

<div class="PostContent">

<img class="article" src="images/spectacles.gif" alt="an image" style="float: left" />
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>Lorem ipsum dolor sit amet,
<a href="#" title="link">link</a>, <a class="visited" href="#" title="visited link">visited link</a>, 
 <a class="hover" href="#" title="hovered link">hovered link</a> consectetuer 
adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, 
velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl 
in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.</p>

    ....
    </body>
    </html>  
4

3 に答える 3

1

index.html ではなく、base.html を拡張しているようです。

于 2009-09-11T18:41:33.877 に答える
1

具体的には、content.html の最初の行を見てください。

  {% extends "base.html" %}

これをに変更

  {% extends "index.html" %}

(または、index.html の名前を base.html に変更します)

于 2009-09-11T18:50:36.273 に答える