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

  1. 首页列表显示全部问答：
    1. 将数据库查询结果传递到前端页面 Question.query.all()
    2. 前端页面循环显示整个列表。
    3. 问答排序
  2. 完成问答详情页布局：
    1. 包含问答的全部信息
    2. 评论区
    3. 以往评论列表显示区。
  3. 在首页点击问答标题，链接到相应详情页。 
    @app.route('/detail')
def detail():
    return render_template("detail.html")
    @app.route('/first')
    def first():
        context={
            "question":Question.query.all()
        }
        return render_template("first.html",**context)
    {% extends 'base.html' %}
{% block title %}
首页
{% endblock %}
{% block head %}
   <link href="../static/css/first.css" rel="stylesheet" type="text/css">
    <script src="{{url_for("static",filename="js/change.js")}}"> </script>
{% endblock %}
{% block main %}

    <body id="myBody">
    {% for foo in question %}
    <div id="list-container">
        <ul class="note">
            <li>
                <div class="content">
                    <div class="author">
                        <a class="nickname" target="_blank" href="{{ url_for("detail") }}">{{ foo.author.username }}</a>
                        <span class="time">{{ foo.create_time }}</span>
                        </div>
                    </div>
                    <a class="title" target="_blank" href="{{ url_for("detail") }}">标题：{{ foo.title }}</a>
                    <p class="abstract">详情：{{ foo.detail }}</p>

            </li>
        </ul>
    </div>
     {% endfor %}

    <div class="box">
        <a href="" class="nav"><span>关于我们</span></a>
        <a href="" class="nav"><span>意见反馈</span></a>
        <a href="" class="nav"><span>安全保障</span></a>
    </div>
{% endblock %}
    {% extends "base.html" %}
{% block title%}问答详情{% endblock %}

{% block main %}
<body bgcolor="#696969">
    <div class="">
        <a href="#">username</a><br>
        <a class="" href="#">title</a><br>
        <span class="createtime">create_time</span>
        <p class="location">评论</p>
        <textarea  style="width: 400px"  id="xiang" rows="10" name="detail"></textarea><br>
        <input  type="submit" value="发送"style="width:65px;height:25px;font-size:15px">
    </div>

</body>
{% endblock %}

     

posted @ 2017-12-05 16:53  100彭楚殷  阅读(77)  评论(0)  编辑  收藏  举报