首頁列表顯示全部問答：

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

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

問答排序

完成問答詳情頁布局：

包含問答的全部信息

評論區

以往評論列表顯示區。

在首頁點擊問答標題，鏈接到相應詳情頁。

@app.route('/base2') def base2():context={'question':Question.query.all()}return render_template('base2.html',**context)@app.route('/detail/') def detail():return render_template("detail.html") 復制代碼 {% for foo in question%}<div id="header" style="background-color: antiquewhite;width:400px "><h2 align="center" style="margin-bottom:0;">評論大雜燴</h2></div><div id="content" style="background-color: beige;height:150px;width:400px;float: left;"><div class="listbox"><ul class="alist"><li id='001' class="list"><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span><a href="#">NAME:{{ foo.author.username }}</a><br><a href="#">TITLE:{{ foo.title }}</a><br><a href="#">COMMENT:{{ foo.detail }}</a><span class="badge" style="margin-left: 60%">{{ foo.create_time }}</span><p style="margin-left: 25%"></p></li></ul></div></div><div id="footer" style="background-color: bisque;clear: both;text-align: center;width:400px "><i>版權 @Doublewhere</i></div></div>{% endfor %} % extends 'base.html' %} {% block title %}DETAIL{% endblock %} {% block head %}{% endblock %} {% block main %}<div id="question-feedback" style="width:400px "><div id="header" style="background-color: antiquewhite; "><h2 align="center" style="margin-bottom:0;"> 詳細評論 </h2></div><form id="content" style="background-color: beige;height:200px;width:400px;float: left;"><form action="{{ url_for('question') }}" method="post" ><div class="question-control"><div><label for="question">評論標題：</label><br></div><div><label for="questionDetail">問答：</label><br><textarea class="form-control" rows="6" id="questionDetail" placeholder="請輸入詳細問答"style="height: 120px;width: 320px" name="detail"></textarea></div><div class="submit-button" ><button type="submit" style="float:left" id="submit-button">提交</button></div><div id="footer" style="background-color: bisque;clear: both;text-align: center;"><i>版權 @Doublewhere</i></div></div></form></form></div>{% endblock %}

?

轉載于:https://www.cnblogs.com/0058kyle/p/7989015.html

總結

以上是生活随笔為你收集整理的首页列表显示全部问答，完成问答详情页布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。