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

Posted 咖啡coffee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了评论列表显示及排序,个人中心显示相关的知识,希望对你有一定的参考价值。

  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.各个页面链接到个人中心

 

技术分享图片
@app.route(‘/usercenter/<user_id>‘)

def usercenter(user_id):
    user = User.query.filter(User.id == user_id).first()
    context = {
        ‘username‘: user.username,
        ‘wenda‘: user.wenda,
        ‘comments‘: user.comment

    }
    return  render_template(‘usercenter.html‘,**context)
技术分享图片
技术分享图片
{% block switchbody %}
<div class="container">
    <div class="row clearfix">
        <div class="col-md-4 column">
        </div>
        <div class="col-md-4 column">
            {% for foo in wenda  %}

            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <a href="{{ url_for(‘detail‘,question_id=foo.id)}}">标题:{{foo.title }}</a><br>
                    </h3>
                    <a href="{{ url_for(‘usercenter‘,user_id=foo.id)}}">{{ foo.author.username }}</a>
                </div>

                <div class="panel-body">
                  <a href="#">内容:{{foo.detail }}</a><br>
                </div>
                <div class="panel-footer">
                     <span class="badge" style="margin-left: 60%">{{foo.creat_time }}发布时间</span>
                </div>
            </div>
          {% endfor %}
        </div>
        <div class="col-md-4 column">
        </div>
    </div>
</div>



{% endblock %}

</body>
</html>
技术分享图片
技术分享图片
{% extends ‘switch.html‘ %}
{% block usercentertitle %}个人中心{% endblock %}
{% block usercenterhead %}{% endblock %}

{% block switchbody %}
    <div class="col-md-6 column ">
        <div class="page-header"> {% for foo in wenda %}
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <a href="{{ url_for(‘detail‘,question_id=foo.id) }}">标题:{{ foo.title }}</a><br>
                    </h3>
                    <a href="{{ url_for(‘usercenter‘,user_id=foo.author_id) }}">作者:{{ foo.author.username }}</a>
                </div>

                <div class="panel-body">
                    <a href="#">内容:{{ foo.detail }}</a><br>
                </div>
                <div class="panel-footer">
                    <span class="badge" style="margin-left: 60%">{{ foo.creat_time }}发布时间</span>
                </div>
            </div>
        {% endfor %}
        </div>
    </div>

    <div class="col-md-6 column ">
    <div class="page-header">{% for foo in comments %}
        <li class="list-group-item">
            <a href="{{ url_for(‘usercenter‘,user_id=foo.author_id) }}">{{ foo.author.username }}</a>
            <span class="badge pull-right">{{ foo.create_time }}</span>
            <p>{{ foo.detail }}</p>
            <br>
        </li>

    {% endfor %}
    </div>
技术分享图片









以上是关于评论列表显示及排序,个人中心显示的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

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

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

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