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

  1. 显示所有评论
    {% for foo in ques.comments %}

  2. 所有评论排序
    uquestion = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc))

  3. 显示评论条数
    {{ ques.comments|length }}

  4. 完成个人中心

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

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

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

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

 评论:

{% extends "myweb.html" %}
{% block detailtitle%}问答详情{% endblock %}

{% block detailhead %}
{% endblock %}

{% block mywebbody %}

    <div class="page-header" style="color: black" align="center">
        <h3>{{ ques.title }}<br><small>{{ ques.author.username }} <span class="badge">{{ ques.creat_time }}</span> </small></h3>


    </div>
    <p class="lead">{{ ques.detail }}</p>
    <hr>

    <form action="{{ url_for('comment') }}"method="post">请评论
        <div class="form-group">
            <textarea name="new_comment"class="form-control"rows="3"id="new-comment"placeholder=""></textarea>
            <input type="hidden" name="question_id" value="{{ ques.id }}">
        </div>
        <button type="submit"class="btn btn-default">发送</button>
    </form>
    <h4>评论:({{ ques.comments|length }})</h4>

    <ul class="list-group"style="margin:10px">
        {% for foo in ques.comments %}
        <li class="list-group-item">
            <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
            <a href="{{url_for('usercenter',user_id=foo.author.id)}}">{{foo.author.username }}</a>
            <span class="badge">{{foo.creat_time}}</span>
            <p style="">{{foo.detail}}</p>
        </li>
{% endfor %}
    </ul>

{% endblock %}

  定义usercenter

@app.route('/usercenter/<user_id>')
@loginfirst
def usercenter(user_id):
    user=User.query.filter(User.id==user_id).first()
    mycontext={
        'username':user.username,
        'questions':user.question,
        'comments':user.comments,
    }
    return render_template('usercenter.html',**mycontext)

  个人中心

{% extends 'myweb.html' %}
{% block title %}个人中心 {% endblock%}
{% block main%}

<div class="page-header">
    <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
    {{username}} <br> <small>全部问答><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>个人信息><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>个人信息><span class="badge"></span> </small></h3>
      <ul class="list-group" style="">
          <li class="list-group-item">用户:{{username}}</li>
          <li class="list-group-item">编号:</li>
          <li class="list-group-item">昵称:</li>
          <li class="list-group-item">文章篇:</li>
      </ul>
</div>

{% endblock %}

  

原文地址:https://www.cnblogs.com/YyYyYy11/p/8026612.html