Django html设置

问题描述 投票:0回答:1

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

我有一个包含home.html的'aboutme'应用程序(主网站)

{%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>

最后,我还有一个名为“blog”的应用程序,位于该应用程序的模板/博客目录中: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%}的任何地方(但它似乎只在页面底部工作) )。

如何让博客文章出现在bootstrap网站的“关于我”部分?

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

html django web
1个回答
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

© www.soinside.com 2019 - 2024. All rights reserved.