1. 程式人生 > >評論列表顯示及排序,個人中心顯示

評論列表顯示及排序,個人中心顯示

jpg https wid 排序 default main lock for images

  1. 顯示所有評論
    {% for foo in ques.comments %}
    <ul class="list">
           {% for foo in ques.comments %}
           <li class="post_item">
               <a href="{{ url_for(‘usercenter‘,user_id=foo.author.id) }}" class="light">{{foo.author.username }}</a>
               <br>
               <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>

  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 }}
    <a href="#" class="post_item_foot">評論:({{ foo.comments|length }})</a>
  4. 完成個人中心

1.個人中心的頁面布局(html文件及相應的樣式文件)

2.定義視圖函數def usercenter(user_id):

3.向前端頁面傳遞參數

4.頁面顯示相應數據

發布的全部問答

發布的全部評論

個人信息

@app.route(/usercenter/<user_id>)
@loginFirst
def usercenter(user_id):
    user=User.query.filter(User.id==user_id).first()
    context={
        username:user.username,
        questions:user.question,
        comments:user.comments
    }
    return render_template(usercenter.html,**context)
{% 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://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>
             <li class="post_item">用戶:{{ username }}</li>
             <li class="post_item">編號:</li>
             <li class="post_item">昵稱:</li>
             <li class="post_item">文章數:</li>
    </ul>
    </div>

{% endblock %}

技術分享圖片技術分享圖片技術分享圖片

5.各個頁面鏈接到個人中心

評論列表顯示及排序,個人中心顯示