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

Posted 2020-10-17 056林锋

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

   <h4>评论:({{ ques.comments|length }})</h4>
           <ul class="list-unstyled">
               {% for foo in ques.comments %}
                   <li class="list-group-item">
                       <a href="{{ url_for(‘selfinfo‘,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 %}
           </ul>

    

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

   class Comment(db.Model):
       __tablename__ = ‘comment‘
       id = db.Column(db.Integer, primary_key=True, autoincrement=True)
       author_id = db.Column(db.Integer, db.ForeignKey(‘user.id‘))
       question_id = db.Column(db.Integer, db.ForeignKey(‘question.id‘))
       create_time = db.Column(db.DateTime,default=datetime.now)
       detail = db.Column(db.Text, nullable=False)
       question = db.relationship(‘Question‘,backref=db.backref(‘comments‘,order_by=create_time.desc))
       author = db.relationship(‘User‘,backref=db.backref(‘comments‘))

    

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

   <div class="col-md-8 column" id="rgba1">
                   <h3 align="center">问答区域</h3>
                   <ul>
                       {% for foo in question %}
                           <li>
                               <span><img src="../static/img/linf.jpg " width="30px" alt=""></span><a href="{{ url_for(‘selfinfo‘,user_id = foo.author_id) }}">{{ foo.author.username }}</a>
                               <br>
                               <p>题目：<a href="{{ url_for(‘detail‘,question_id=foo.id) }}">{{ foo.title }}</a></p>
                               <br>
                               <p>内容：{{ foo.detail }}</p>
                               <span>评论数: ({{ foo.comments|length }})</span>
                               <span class="badge pull-right">{{ foo.create_time }}</span>
                               <hr>
                           </li>
                       {% endfor %}
                   </ul>
               </div>

    

   
   
   
4. 完成个人中心

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

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

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

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

{% extends‘base.html‘ %}
{% block title %}个人中心 {% endblock %}
 
{% block head %}
<link rel="stylesheet" type="text/css" href="{{ url_for(‘static‘,filename=‘css/detail.css‘) }}">
{% endblock %}
{% block main %}
    <div class="post">
    <h3 class="title "><span>{{ username }}<br><small>全部问答</small></span></h3>
    <ul class="list">
         {% for foo in questions %}
       <li class="post_item">
           <a href="#" class="light">{{foo.author.username }}</a>
           <img width="48" height="48" class="pf" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4066191998,32277144&fm=27&gp=0.jpg" alt="">
           <p class="post_item">{{ foo.detail }}</p>
           <span class="foot">发布于  {{ foo.create_time }}</span>
       </li>
       <hr>
{% endfor %}
    </ul>
    </div>
 
    <div class="post">
    <h3 class="title "><span></span>{{ user }}<br><small>全部评论  <span></span></small></h3>
    <ul class="list">
         {% for foo in comments %}
       <li class="post_item">
           <a href="#" class="light">{{foo.author.username }}</a>
           <img width="48" height="48" class="pf" src"https://p.ssl.qhimg.com/d/dy_8c1555bbc688b929b0131259a28680c7.jpg"alt="">
           <p class="post_item">{{ foo.detail }}</p>
           <span class="foot">发布于  {{ foo.create_time }}</span>
       </li>
       <hr>
{% endfor %}
    </ul>
    </div>