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

1、显示所有评论

<ul class="list-group" style="margin: 10px">
        {% for foo in pos.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>{{ foo.detail }}</p>
            </li>
        {% endfor %}
    </ul>

 

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)页面显示相应数据

       (1) 发布的全部问答

       (2)发布的全部评论

       (3)个人信息

{% extends 'jianshu.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 post %}
                <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>{{ username }}<br>
            <small>全部评论<span class="badge"></span></small>
        </h3>
        <ul class="list-group" style="">
            {% for foo in comment %}
                <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">编号:{{ id }}</li>
            <li class="list-group-item">昵称:{{ username }}</li>
        </ul>
    </div>
{% endblock %}

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

 {% for foo in post %}
       <li class="list-group-item" >
           <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
{#           <a href="#">{{ foo.author.username }}</a>#}
           <br>
           <a href="{{url_for('detail',post_id=foo.id)}}">{{foo.title}}</a>
           <a href="{{ url_for('usercenter',user_id=foo.author_id) }}"><br>{{ foo.author.username }}<br>评论:({{ foo.comments|length }})</a><br>
           <span class="badge">{{ foo.creat_time }}</span>
           <p style="">{{ foo.detail }}</p>

       </li>
    {% endfor %}
 <ul class="list-group" style="margin: 10px">
        {% for foo in pos.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>{{ foo.detail }}</p>
            </li>
        {% endfor %}
    </ul>

 

posted on 2017-12-12 13:08  025林婷婷  阅读(250)  评论(0编辑  收藏  举报