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

Posted 2020-10-17 林丹宜

1. 显示所有评论
   {% for foo in ques.comments %}
   
   
2. 所有评论排序
   uquestion = db.relationship(‘Question‘, backref=db.backref(‘comments‘, order_by=creat_time.desc))
   
   
3. 显示评论条数
   {{ ques.comments|length }}
   

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

    

4. 完成个人中心

   <h4>评论：({{ ques.comments|length }})</h4><br>
           <ul class="list1">
               {% for foo in ques.comments %}
               <li class="list2">
                  <img style="width: 30px" src="{{ url_for(‘static‘,filename=‘../static/images/friends.jpg‘) }}" >
                   <a href="{{ url_for(‘all‘,user_id=foo.author_id) }}">{{ foo.author.username }}</a>
                   <span class="badge">{{ foo.creat_time }}</span><br>
                   <p class="pinglun">评论:{{ foo.detail }}</p><br>
               </li>
               {% endfor %}
       </ul>

    

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

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

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

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

{% extends ‘base.html‘ %}
{% block title %}
    个人中心
{% endblock %}
{% block head %}

     <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="align-items: center">
             {% for foo in questions %}
                  <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="text-indent: 18px">{{ 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="align-items: center">
             {% for foo in questions %}
                  <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="text-indent: 18px">{{ 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="align-items: center">
             <a href="{{ url_for(‘usercenter‘,user_id=foo.author_id)}}">{{ foo.author.username }}</a>
             　<li class="list-group-item">用户：{{ username }}</li>
               <li class="list-group-item">编号：{{ username }}</li>
               <li class="list-group-item">昵称：{{ username }}</li>
               <li class="list-group-item">文章篇数：{{ username }}</li>
         </ul>
     </div>
{% endblock %}