首页列表显示全部问答，完成问答详情页布局。
Posted JaTae
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了首页列表显示全部问答，完成问答详情页布局。相关的知识，希望对你有一定的参考价值。
首页列表显示全部问答：
- 将数据库查询结果传递到前端页面 Question.query.all()
- 前端页面循环显示整个列表。
- 问答排序
{% for a in question %}
<ul class="note-list" >
<li class="list-group-item">
{# <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>#}
<a href="#">{{ a.author.username }}</a><br><br>
<a href="#">{{ a.question }}</a>
<span class="badge">{{ a.creat_time }}</span>
<p style="text-indent: 18px">{{ a.questionDetail }}</p>
</li>
</ul>
{% endfor %}
完成问答详情页布局：
- 包含问答的全部信息
- 评论区
- 以往评论列表显示区。
def homepage():
context = {
‘question‘: Question.query.all()
}
return render_template("homepage.html",**context)
在首页点击问答标题，链接到相应详情页。
{{% extends ‘index.html‘ %}
{% block title %}问答详情{% endblock %}
{% block main %}
<body style="url(../image/picture.jpg) no-repeat" >
<div class="container">
<div class="box">
<h3 style="font-family:宋体;text-align: left;font-size: 40px">详情页</h3>
</div>
<h2>question</h2>
<h2>username</h2>
<span class="createtime">create_time</span>
<p class="location">评论</p>
<hr>
<form action="{{ url_for(‘question‘) }}" method="post">
<div>
<textarea class="form-control" id="new_comment" rows="6" placeholder="write your comment"style="height:200px;width:800px" ></textarea><br></div>
<button type="submit" class="fabu"style="width:100px">发布</button>
</form>
<ul class="list-group" style="margin: 10px"></ul>
</div>
</body>
{% endblock %}
以上是关于首页列表显示全部问答，完成问答详情页布局。的主要内容，如果未能解决你的问题，请参考以下文章