码迷,mamicode.com
首页 > 编程语言 > 详细

评论列表显示及排序,个人中心显示

时间:2017-12-13 19:41:10      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:jpg   显示   ase   ati   friend   page   foo   页面   hicon   

  1. 显示所有评论
    {% for foo in ques.comments %}

  2. 所有评论排序
    uquestion = db.relationship(‘Question‘, backref=db.backref(‘comments‘, order_by=creat_time.desc))

  3. 显示评论条数
    {{ ques.comments|length }}
    @app.route(/usercenter/<user_id>)
    @log
    def usercenter(user_id):
        user=User.query.filter(User.id==user_id).first()
        context={
            username:user.username,
            questions:user.questions,
            comments:user.comments
        }
        return render_template(usercenter.html,**context)

     

  4. 完成个人中心
    <h4>评论:({{ ques.comments|length }})</h4><br>
            <ul class="list1">
                {% for foo in ques.comments %}
                <li class="list2">
                   <img style="width: 30px" src="{{ url_for(‘static‘,filename=‘../static/images/friends.jpg‘) }}" >
                    <a href="{{ url_for(‘all‘,user_id=foo.author_id) }}">{{ foo.author.username }}</a>
                    <span class="badge">{{ foo.creat_time }}</span><br>
                    <p class="pinglun">评论:{{ foo.detail }}</p><br>
                </li>
                {% endfor %}
        </ul>

     

1.个人中心的页面布局(html文件及相应的样式文件)

2.定义视图函数def usercenter(user_id):

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

5.各个页面链接到个人中心

{% extends ‘base.html‘ %}
{% block title %}
    个人中心
{% endblock %}
{% block head %}

     <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="align-items: center">
             {% 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.creat_time }}</span>
                      <p style="text-indent: 18px">{{ 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="align-items: center">
             {% 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.creat_time }}</span>
                      <p style="text-indent: 18px">{{ 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="align-items: center">
             <a href="{{ url_for(‘usercenter‘,user_id=foo.author_id)}}">{{ foo.author.username }}</a>
              <li class="list-group-item">用户:{{ username }}</li>
               <li class="list-group-item">编号:{{ username }}</li>
               <li class="list-group-item">昵称:{{ username }}</li>
               <li class="list-group-item">文章篇数:{{ username }}</li>
         </ul>
     </div>
{% endblock %}

 

评论列表显示及排序,个人中心显示

标签:jpg   显示   ase   ati   friend   page   foo   页面   hicon   

原文地址:http://www.cnblogs.com/892356821qqcom/p/8034190.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!