评论列表显示及排序,个人中心显示
- 显示所有评论
{% 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.各个页面链接到个人中心
@app.route('/usercenter/<user_id>') @loginFirst def usercenter(user_id): user=User.query.filter(User.id==user_id).first() context={ 'user':user } 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/questiondetail.css') }}"> {% endblock %} {% block main %} <div class="post"> <div class="artical"> <h1 style="text-align: center">{{ ques.title }}</h1> <br><small>用户:{{ ques.author.username }} <span class="badge">{{ ques.create_time }}</span></small> <hr> <p class="lead">{{ ques.detail }}</p> </div> <form action="{{ url_for('comment') }}" method="post" style="align-content: inherit"> <div class="sign-container"> <textarea class="form-control" rows="8" id="QuestionDetail" name="new_comment"></textarea> <input name="question_id" type="hidden" value="{{ ques.id }}"/> <br> <input type="submit" value="评论" style="float: right"> <h4>评论({{ ques.comments|length }})</h4> <hr> </div> </form> <ul class="list-group" style="background-size: contain"> {% for foo in ques.comments %} <li> <span class="glyphicon glyphicon-leaf" 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> <br> <p style="text-indent: 18px">{{ foo.detail }}</p> </li> {% endfor %} </ul> </div> {% endblock %}
{% extends 'base.html' %} {% block title %} 用户中心 {% endblock %} {% block head %} <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/usercenter.css') }}"> {% endblock %} {% block main %} <div class="list-container"> <h1 style="align-content: center">{{ user.username }}</h1> <br> <div class="page-header"> <h3>全部问答</h3> <ul class="list-group" style="background-size: contain"> {% for foo in user.question %} <li class="list-group-item"> <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span> <a href="#" target="_blank">{{ foo.author.username }}</a> <span class="badge">发布时间:{{ foo.create_time }}</span> <p style="text-indent: 18px">{{ foo.detail }}</p> </li> {% endfor %} </ul> </div> <hr> <div class="page-header"> <h3>全部评论</h3> <ul class="list-group" style="background-size: contain"> {% for foo in user.comments %} <li class="list-group-item"> <span class="glyphicon-leaf" aria-hidden="true"></span> <a href="#" target="_blank">{{ foo.author.username }}</a> <span class="badge">发布时间:{{ foo.creat_time }}</span> <p style="text-indent: 18px">{{ foo.detail }}</p> </li> {% endfor %} </ul> </div> <hr> <div class="page-header"> <h3>个人信息</h3> <ul class="list-group"> <li class="list-group-item">用户:{{ user.username }}</li> <li class="list-group-item">编号:{{ user.id }}</li> <li class="list-group-item">昵称:{{ user.nickname }}</li> <li class="list-group-item">文章篇数:</li> </ul> </div> </div> {% endblock %}