<ul class="list-group"style="margin:10px"> {%for foo in ques.comments%} <li class="list-group-item"> <span class="glyphicon lgyphicon-heart-empty" aira-hidden="true"></span> <a href="{{url_for('usercenter',user_id=foo.author_id)}}">{{foo.author.username}}</a> <span class="badge">{{foo.create_time}}</span> <p>{{foo.detail}}</p> </li> {%endfor%} </ul> {% endblock %}
question=db.relationship('Question',backref=db.backref('comments',order_by=create_time.desc))
<h4>评论:({{ ques.comments|length }})</h4>
1.我的中心的页面布局(html文件及相应的样式文件)html
2.定义视图函数def usercenter(user_id):前端
3.向前端页面传递参数app
4.页面显示相应数据函数
发布的所有问答布局
发布的所有评论url
我的信息spa
5.各个页面连接到我的中心code
@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 main%}
<div class="page-header">
<h3> <span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{username}}<br><small>所有问答<span class="bagde"></span></small>
</h3>
<ul class="list-group" style="">
{%for foo in questions%}
<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.create_time}}</span>
<p>文章标题:{{ foo.title }}</p>
<p>文章内容:{{foo.detail}}</p>
</li>
{% endfor %}
</ul>
</div>
<div class="page-header" >
<h3> <span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{username}}<br><small>所有评论<span class="bagde"></span></small>
</h3>
<ul class="list-group" style="">
{%for foo in 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.create_time}}</span>
<p>文章标题:{{ foo.title }}</p>
<p>评论内容:{{foo.detail}}</p>
</li>
{% endfor %}
</ul>
</div>
<div class="page-header" style="">
<h3> <span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{username}}<br><small>我的信息<span class="bagde"></span></small>
</h3>
<ul class="list-group">
<li class="list-group-item">用户:{{ username }}</li>
<li class="list-group-item">编号:</li>
<li class="list-group-item">昵称:</li>
<li class="list-group-item">评论条数:{{ questions|length }}</li>
</ul>
</div>
{% endblock %}