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

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

1.首页列表显示全部问答：

python代码如下：

@app.route('/',methods=['GET','POST'])
def index():
    # context = {
    #     'userName' : "AllianceHacker",
    #     'toTime' : '11小时前',
    #     'title' : 'PHP是世界是最好的语言',
    #     'context' : 'PHP是世界是最好的语言,这是一个不需要有疑问的问题，谁不服可以来战啊！！！'
    # }
    context = {
        'books' : Book.query.order_by('-createdate').all(),
    }
    return render_template('home.html',**context)

html代码如下：

<div class="context">
        <div class="index index-left"></div>
        <div class="index index-center">
            <div class="picture">
                <div class="layui-carousel" id="test1">
                    <div carousel-item>
                        <div><img src="{{ url_for('static', filename='img/index_p1.png') }}" width="100%"/></div>
                        <div><img src="{{ url_for('static', filename='img/index_p1.png') }}" width="100%"/></div>
                        <div><img src="{{ url_for('static', filename='img/index_p1.png') }}" width="100%"/></div>
                        <div><img src="{{ url_for('static', filename='img/index_p1.png') }}" width="100%"/></div>
                        <div><img src="{{ url_for('static', filename='img/index_p1.png') }}" width="100%"/></div>
                    </div>
                </div>

            </div>
            <br><br>
            <div class="index-question">
                <div class="question-left">
                    <ul>
                        <li>
                            <div class="item-one">
                                <div class="author">
                                    <a class="avatar" target="_blank" href="#">
                                        <img src="http://www.bookmarkye.com/alliance.png" width="64px">
                                    </a>
                                    <div class="info">
                                        <a class="nickname" target="_blank" href="#">赵苏七sukie</a>
                                        <span class="time">5小时前</span>
                                    </div>
                                </div>
                                <div class="title">
                                    <a target="_blank"
                                       href="#">我是男性，假如我在泰坦尼克号上，我不会让妇女先走</a>
                                </div>
                                <div class="abstract">
                                    <p>
                                        最近一个很火的社区出了一篇帖子，发帖者是一位男性。
                                        他说，每次看泰坦尼克号上让妇女小孩先走类似的情节，我都很郁闷。凭什么男人就该死？我宁愿抓阄，公平。要不就让头等舱先走，毕竟...
                                    </p>
                                </div>
                                <div class="meta">
                                    <a class="collection-tag" target="_blank" href="#">社会热点</a>
                                    <a target="_blank" href="#">
                                        <span>　浏览： 4462</span>
                                    </a>
                                    <a target="_blank" href="#">
                                        <span>　评论： 101</span>
                                    </a>
                                    <span>　点赞： 134</span>
                                </div>
                            </div>
                        </li>
                        {% for book in books %}
                        <li>
                            <div class="item-one">
                                <div class="author">
                                    <a class="avatar" target="_blank" href="#">
                                        <img src="http://www.bookmarkye.com/5.jpg" width="64px;">
                                    </a>
                                    <div class="info">
                                        <a class="nickname" target="_blank" href="#">{{ book.authorClass.title }}</a>
                                        <span class="time">{{ book.createdate }}</span>
                                    </div>
                                </div>
                                <div class="title">
                                    <a target="_blank"
                                       href="{{ url_for('poi',book_id=book.id) }}">{{ book.title }}</a>
                                </div>
                                <div class="abstract">
                                    <p>
                                        {{ book.content }}
                                    </p>
                                </div>
                                <div class="meta">
                                    <a class="collection-tag" target="_blank" href="#">社会热点{{ book.classificationClass.name }}</a>
                                    <a target="_blank" href="#">
                                        <span>　浏览： 99999+</span>
                                    </a>
                                    <a target="_blank" href="#">
                                        <span>　评论： 51428</span>
                                    </a>
                                    <span>　点赞： 6666</span>
                                </div>
                            </div>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
                <div class="question-right">
                    <div class="picture">
                        <img src="{{ url_for('static', filename='img/index_p2.png') }}" width="100%"/>
                    </div>
                    <div class="picture">
                        <img src="{{ url_for('static', filename='img/index_p3.png') }}" width="100%"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="index index-right"></div>
    </div>

运行结果如下：