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

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

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

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

完成个人中心
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 %}
@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 %}

 

posted on 2017-12-13 19:04  083李笑晴  阅读(126)  评论(0编辑  收藏  举报

导航