Django html设置为

时间:2017-12-15 18:57:37

标签: html django web

我有一个使用Django设置的基本网站,并且一直在关注sentdex教程。我无法弄清楚如何在引导程序中包含博客帖子(我假设这可能是blog.html或post.html),关于'部分,我已经重命名为博客。基本上,我希望博客帖子(来自数据库)出现在' about'在bootstrap中,而不是在底部或单独的页面中。

我有一个' aboutme'包含 home.html

的应用(主网站)
{%extends "aboutme/header.html" %}

{%block content%}
<p>Welcome to this "about" page that is all about the website: 

{%include "aboutme/includes/mysnippet.html"%}
{% endblock %}


{%block blogcontent%}
{% endblock %}

..和 header.html ,其中包含bootstrap网站本身的整个index.html。以下是关于/ blog部分的 bootstrap websit 的大概部分,其中包括django模板逻辑(块内容)

<!-- About Section (Blog)-->
<section class="bg-primary text-white mb-0" id="about">
  <div class="container">
    <h2 class="text-center text-uppercase text-white">Blog</h2>
    <hr class="star-light mb-5">
    <div class="row">
      <div class="col-lg-4 ml-auto">
        <p class="lead">This is the blog section</p>
        {%block blogcontent%}
        {%endblock %}

      </div>
      <div class="col-lg-4 mr-auto">
        <p class="lead">The blogs outlined in the models section and stored in the database, are going to be displayed here.</p>

      </div> 
    </div>
    <div class="text-center mt-4">
      <a class="btn btn-xl btn-outline-light" href="#">
        <i class="fa fa-download mr-2"></i>
        Download Now!
      </a>
    </div>
  </div>
</section>

最后,我有一个名为“博客”的应用程序,并且位于该应用的模板/博客目录中: post.html和blog.html

blog.html

 {% extends "aboutme/header.html" %}

{%block content %}
    {% for post in object_list %}
        <h5>{{post.date|date:"Y-m-d"}}<a href="/blog/{{post.id}}">{{post.title}}</a></h5>
    {% endfor %}
{% endblock %}

post.html

{% extends "aboutme/header.html" %}

{%block content %}
    <h3>{{post.title}}</h3>
    <h6>on{{post.date}}</h6>
    {{post.body|safe|linebreaks}}
{% endblock %}

在我输入http://127.0.0.1:8000/blog时...博客帖子显示在页面底部,或者我放置{%block content%} {%endblock%}的任何地方(但它似乎只是在页面底部工作)。

如何让博客文章显示在关于我的#39;引导网站的一部分?

我也喜欢解释home.html页面的确切内容,并且可以将其命名为任何内容,或者是否必须是“家庭”。是否所有内容都根据显示的内容进行定义,以及它如何工作?

1 个答案:

答案 0 :(得分:0)

编辑/设计您的代码:

索引或aboutme / header.html

的Html内容
// codes here 

{% block blogcontent %}
    {% include 'path/blog.html' %}
{% enblock %}

// codes here 

{% block postcontent %}
    {% include 'path/post.html' %}
{% enblock %}


<!-- end  -->

当你拨打127.0.0.1:8000时,一切都将在那里可用。 对于其他链接,如果您不想显示博客或帖子块, 只需使用{%block blogcontent%} {%endblock%} {%block postcontent%} {%endblock%} whitout any inside