代码改变世界

评论列表显示及排序,个人中心显示

2017-12-13 14:03  082何晓琳  阅读(175)  评论(0编辑  收藏  举报
  1. 显示所有评论
    {% for foo in ques.comments %}
    {% for each in comments %}
                              <li class="list-group-item" >
                              <a  class="author" href="">{{ each.author.username }}</a>
                              <br>
                                  <br>
                                  <span >{{ each.create_time }}</span>
                          <p class="abstract">{{ each.detail }}</p>
                              </li>
                              {% endfor %}
  2. 所有评论排序
    uquestion = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc))
    question = db.relationship('Question', backref=db.backref('comment', order_by=create_time.desc()))
  3. 显示评论条数
    {{ ques.comments|length }}
    <h2>评论:({{ ques.comment|length }})</h2>
  4. 完成个人中心

1.个人中心的页面布局(html文件及相应的样式文件)

2.定义视图函数def usercenter(user_id):

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

5.各个页面链接到个人中心

@app.route('/userCenter/<user_id>', methods=['GET'])
def userCenter(user_id):
    user = User.query.filter(User.id == user_id).first()
    context = {
        'username': user.username,
        'questions': user.question,
        'comments': user.comment
    }
    return render_template('userCenter.html', **context)
{% extends 'fumoban.html' %}
{% block title %}个人中心 {% endblock%}
{% block main%}
 
<div class="page-header">
    <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
    {{username}} <br> <small>detail comment<span class="badge"></span> </small></h3>
    <ul class="list-group" style="">
        {% for foo in user.question %}
            <li class="list-group-item">
                <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                <a href="#">{{foo.author.username }}</a>
                <span class="badge">{{foo.creat_time}}</span>
                <p style="">{{foo.detail}}</p>
            </li>
    {% endfor %}
    </ul>
</div>
 
<div class="page-header">
     <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
    {{user}} <br> <small>personal information<span class="badge"></span> </small></h3>
    <ul class="list-group" style="">
          {% for foo in user.comments %}
            <li class="list-group-item">
                <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                <a href="#">{{foo.author.username }}</a>
                <span class="badge">{{foo.creat_time}}</span>
                <p style="">{{foo.detail}}</p>
            </li>
    {% endfor %}
    </ul>
</div>
 
<div class="page-header">
     <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
    {{user}} <br> <small>personal information<span class="badge"></span> </small></h3>
      <ul class="list-group" style="">
          <li class="list-group-item">user:{{username}}</li>
          <li class="list-group-item">time:</li>
          <li class="list-group-item">nick:</li>
          <li class="list-group-item">context:</li>
      </ul>
</div>
 
{% endblock %}