评论列表显示及排序,个人中心显示
- 显示所有评论
{% 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 %}
定义usercenter
@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 %}