評論列表顯示及排序,個人中心顯示
阿新 • • 發佈:2017-12-12
jpg https wid 排序 default main lock for images
- 顯示所有評論
{% 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
- 所有評論排序
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(‘
- 顯示評論條數
{{ ques.comments|length }}<a href="#" class="post_item_foot">評論:({{ foo.comments|length }})</a>
- 完成個人中心
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.各個頁面鏈接到個人中心
評論列表顯示及排序,個人中心顯示