首页列表显示全部问答，完成问答详情页布局。

首页列表显示全部问答：
1. 将数据库查询结果传递到前端页面 Question.query.all()
2. 前端页面循环显示整个列表。
3. 问答排序
完成问答详情页布局：
1. 包含问答的全部信息
2. 评论区
3. 以往评论列表显示区。

在首页点击问答标题，链接到相应详情页。

@app.route('/')
def shouye():
    context={
        'question':Question.query.all()
    }
    return render_template('shouye.html',**context)

{% extends'base.html' %}
{% block title %}
    首页
{% endblock %}
{% block head %}
    <link rel="stylesheet" href="{{ url_for('static',filename='css/shouye.css')}}" type="text/css">
{% endblock %}
{% block main %}
<body>
<div class="content">
<p class="biaoti">发布的内容</p>
<ul class="list-group">
    {% for foo in question %}
      <li class="list-group-item">
        <span class="glyphicon-leaf" aria-hidden="true"></span>
      <img id="qu" src="{{ url_for('static',filename='images/title.png')}}">
        <a href = "#" onclick="window.location.replace({{url_for('detail')}})">{{ foo.title }}</a>

        <p style="text-align: left">{{ foo.detail }}</p>
           <img id="qu" src="{{ url_for('static',filename='images/question.jpg')}}"> <a href = "">{{ foo.author.username }}</a>
    <br>
               <span class="badge" style="float: right;background-color: wheat;border-radius: 5px">{{ foo.create_time }}</span>
</li>
    {% endfor %}
   
</ul>
</div>
{% endblock %}

{% extends'base.html' %}
{% block title %}
    详情页面
{% endblock %}
{% block head %}
    <link rel="stylesheet" href="{{ url_for('static',filename='css/detail.css')}}" type="text/css">
{% endblock %}
{% block main %}
<body>
<div class="content">
<ul class="list-group">
 {% for foo in question %}
      <li class="list-group-item">
  <span class="glyphicon-leaf" aria-hidden="true"></span>
    <a style="font-size: 35px" href = "{{url_for('detail')}})">{{ foo.title }}</a><br>
           <img id="qu" src="{{ url_for('static',filename='images/question.jpg')}}"> <a href = "">{{ foo.author.username }}</a>
          <BR>
       <span class="badge" style="float: right;background-color: wheat;border-radius: 5px">{{ foo.create_time }}</span>
      </li>
      <li class="list-group-item">
     <p style="text-align: left;font-size: 24px">{{foo.detail }}</p>
      </li>
          {% endfor %}
       <textarea class="comment" rows="8" name="title" placeholder="写下你的评论："></textarea>
    <button class="button">发布 </button>
<span class="tcomment">评论：</span>
    <div class="neirong">
        <span>(2)</span>
    </div>

</ul>
</div>

</body>
</html>
{% endblock %}

posted on 2017-12-05 21:56 087陆倩霞阅读(176) 评论(0) 收藏举报

刷新页面返回顶部

陆倩霞

首页列表显示全部问答，完成问答详情页布局。

导航

公告