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

  1. 首页列表显示全部问答：
    1. 将数据库查询结果传递到前端页面 Question.query.all()
    2. 前端页面循环显示整个列表。
    3. 问答排序
  2. 完成问答详情页布局：
    1. 包含问答的全部信息
    2. 评论区
    3. 以往评论列表显示区。
  3. 在首页点击问答标题，链接到相应详情页 
    @app.route('/')
def shouye():
    context={
        'question':Question.query.all()
    }
    return render_template('shouye.html',**context)
    </nav>
{% block main %}    <p>{{ username }}xyjie</p>
{% endblock %}

 <link rel="stylesheet" type="text/css" href="xyjie.css">
 
 <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body id="mybody">

<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">首页</a>
        </div>
        <div>
    {% extends 'base.html' %}

{% block title %}问答{% endblock %}
{% block head %}
    <link type="text/css" rel="stylesheet" href="{{ url_for('static',filename='css/label.css') }}">
    <script src="{{ url_for('static',filename='js/label.js') }}"></script>
{% endblock %}

{% block main %}
   <div class="label">
    <h1 style="color:pink",align="center"> 发布问答</h1>
        <div class="q">
            <label for="question">问题</label>
            <textarea id="question" cols="50" rows="1"></textarea>
        </div>
        <div class="form-group">
            <label for="questionDetail">内容</label>
            <textarea class="form-control" id="questionDetail" cols="50" rows="5"></textarea>
        </div>
       <br>
        <div class="input-area">
            <button onclick="fnQuestion">发布问答</button>
        </div>
    </div>
{% endblock %}

     

posted @ 2017-12-06 20:33  073徐英杰  阅读(136)  评论(0)  编辑  收藏  举报