zoukankan      html  css  js  c++  java
  • 评论列表显示及排序,个人中心显示

    1. 显示所有评论
      {% for foo in ques.comments %}
      {% for each in comments %}
                                <li class="list-group-item" >
                                <a  class="author" href="">{{ each.author.username }}</a>
                                <br>
                                    <br>
                                    <span >{{ each.create_time }}</span>
                            <p class="abstract">{{ each.detail }}</p>
                                </li>
                                {% endfor %}
    2. 所有评论排序
      uquestion = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc))
      question = db.relationship('Question', backref=db.backref('comment', order_by=create_time.desc()))
    3. 显示评论条数
      {{ ques.comments|length }}
      <h2>评论:({{ ques.comment|length }})</h2>
    4. 完成个人中心

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

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

    3.向前端页面传递参数

    4.页面显示相应数据

    发布的全部问答

    发布的全部评论

    个人信息

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

    @app.route('/userCenter/<user_id>', methods=['GET'])
    def userCenter(user_id):
        user = User.query.filter(User.id == user_id).first()
        context = {
            'username': user.username,
            'questions': user.question,
            'comments': user.comment
        }
        return render_template('userCenter.html', **context)
    {% extends 'fumoban.html' %}
    {% block title %}个人中心 {% endblock%}
    {% block main%}
     
    <div class="page-header">
        <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
        {{username}} <br> <small>detail comment<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>personal information<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>personal information<span class="badge"></span> </small></h3>
          <ul class="list-group" style="">
              <li class="list-group-item">user:{{username}}</li>
              <li class="list-group-item">time:</li>
              <li class="list-group-item">nick:</li>
              <li class="list-group-item">context:</li>
          </ul>
    </div>
     
    {% endblock %}
  • 相关阅读:
    C# Socket编程
    C# Socket编程
    Android基础入门教程
    Android基础入门教程
    SQL Server查询事务
    SQL Server查询事务
    SQL事务用法begin tran,commit tran和rollback tran的用法
    SQL事务用法begin tran,commit tran和rollback tran的用法
    SQL Server Insert操作中的锁
    SQL Server Insert操作中的锁
  • 原文地址:https://www.cnblogs.com/hxl316/p/8031735.html
Copyright © 2011-2022 走看看