首頁列表顯示所有問答,完成問答詳情頁佈局

首頁列表顯示所有問答:html

              將數據庫查詢結果傳遞到前端頁面 Question.query.all()前端

             前端頁面循環顯示整個列表。數據庫

             問答排序app

 

複製代碼
@app.route('/admin')
def admin():
context = {
'questions': Question.query.order_by('-creat_time').all()
# 'user':'mis111',
# 'title':'gyugu',
# 'title':'gyugu',
# 'creat_time':'2017-12.01',
# 'detail':'bjgj'
}
return render_template('admin.html',**context)
 
 
複製代碼

 

複製代碼
{% block body %}

    <p>{{ user }}context</p>

    <div class="col-md-4 column">
        <ul>
            {% for foo in questions %}
                <li>
                    <a href="#">{{ foo.author.username }}</a><br>
                    <a href="#">{{ foo.title }}</a><br>
                    <span>{{ foo.creat_time }}</span>
                    <p>{{ foo.detail }}</p>
                </li>
            {% endfor %}
        </ul>
    </div>

    
{% endblock %}
複製代碼

 

完成問答詳情頁佈局:佈局

            包含問答的所有信息spa

            評論區      code

             以往評論列表顯示區。orm

複製代碼
{% block body %}

<h1>提問詳情</h1>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h3 class="text-center">
                title
            </h3>
            <p class="text-center">
                 detail
            </p>
            <form role="form">
                <div class="form-group">
                     <label for="exampleInputEmail1">Write down your answer~~</label><input type="email" class="form-control" id="exampleInputEmail1" />
                </div>
                 <button type="submit" class="btn btn-default">Submit</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}
複製代碼

 

 

在首頁點擊問答標題,連接到相應詳情頁。htm

@app.route('/detail/<question_id>')
def detail(question_id):
    quest = Question.query.filter(Question.id == question_id).first()

    return render_template('detail.html',quest = quest)
相關文章
相關標籤/搜索