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

時間 2019-11-20

標籤首頁列表顯示所有問答完成詳情佈局简体版

原文原文鏈接

首頁列表顯示所有問答：css

將數據庫查詢結果傳遞到前端頁面 Question.query.all()
前端頁面循環顯示整個列表。
問答排序

# 遍歷首頁
@app.route('/')
def base():
    context = {
        'username': Sent.query.all(),
    }
    return render_template('shouye.html',**context)

完成問答詳情頁佈局：html

包含問答的所有信息
評論區

以往評論列表顯示區。

<!DOCTYPE html>
<html lang="en">
<head>
    {% extends 'index.html' %}
    <meta charset="UTF-8">
    <title>
        {% block title %}
            詳情
        {% endblock %}
    </title>
    {% block head %}
        <link rel="stylesheet" href="../static/css/detail.css">
    {% endblock %}

</head>
<body>
{% block body %}
    <div class="all">
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="page-header">
                        <h1>
                            標題:{{ sen }}
                            <br>
                            <small>做者：r</small>
                        </h1>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <p>
                        Git 是一個分佈式的版本控制系統，最初由 Linus Torvalds
                        編寫，用做Linux內核代碼的管理。在推出後，Git在其它項目中也取得了很大成功八十八歲結婚時間愛回家撒便可驕傲和健康，尤爲是在
                        Ruby
                        社區中。
                    </p>
                </div>
            </div>
            <div>
                <form role="form" action="{{ url_for('sent') }}" method="post">
                    <textarea placeholder="寫出你的評論" class="form-control" rows="10" id="comment"
                              name="comment">

                    </textarea>
                    <div class="button">
                        <button type="submit">發佈</button>

                    </div>
                </form>
            </div>

        </div>
    </div>
{% endblock %}

</body>
</html>

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

          <a class="title" target="_blank" href="{{ url_for('detail') }}">{{ foo.title }}</a>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。