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

    1. 显示所有评论
      {% for foo in ques.comments %}
      <ul class="note-list" style="padding-left: 0px;">
              {% for foo in comments %}
              <li class="list-group-item">
                 <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                  <a href="{{  url_for('usercenter',user_id=foo.author.id) }} ">{{ foo.author.username }}</a>
                  <span class="badge" >{{ foo.time }}</span>
                  <br>
                  <p>{{ foo.detail }}</p>
      
              </li>
              {% endfor %}
          </ul>
    2. 所有评论排序
      uquestion = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc))
      question = db.relationship('Question', backref=db.backref('comments',order_by=time.desc))
    3. 显示评论条数
      {{ ques.comments|length }}
      <a href="{{ url_for('detail',question_id=foo.id) }}">评论:({{ foo.comments|length }})</a>
    4. 完成个人中心

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

    {% extends 'user.html' %}
    
    {% block user %}
        <div style="padding-left: 300px;padding-right: 300px">
            <div class="page-header">
                <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ username }} <br>
                    <small>全部问答</small>
                </h3>
                <ul class="note-list" style="padding-left: 0px;">
                    {% for foo in questions %}
                        <li class="list-group-item">
                            <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                            <a href="#">{{ foo.author.username }}</a>
                            <br>
                            <a href="{{ url_for('detail',question_id=foo.id) }}">{{ foo.title }}</a>
                            <span class="badge">{{ foo.time }}</span>
                            <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>全部评论</small>
                </h3>
                <ul class="note-list" style="padding-left: 0px;">
                    {% for foo in comments %}
                        <li class="list-group-item">
                            <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                            <a href="#">{{ foo.author.username }}</a>
                            <span class="badge">{{ foo.time }}</span>
                            <br>
                            <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>个人信息</small>
                </h3>
                <ul>
                    <li>姓名</li>
    
                </ul>
    
    
            </div>
        </div>
    {% endblock %}

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

    # 个人中心
    @app.route('/usercenter/<user_id>')
    @loginFrist
    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)

    3.向前端页面传递参数

    4.页面显示相应数据

    发布的全部问答

    <div class="page-header">
                <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ username }} <br>
                    <small>全部问答</small>
                </h3>
                <ul class="note-list" style="padding-left: 0px;">
                    {% for foo in questions %}
                        <li class="list-group-item">
                            <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                            <a href="#">{{ foo.author.username }}</a>
                            <br>
                            <a href="{{ url_for('detail',question_id=foo.id) }}">{{ foo.title }}</a>
                            <span class="badge">{{ foo.time }}</span>
                            <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>全部评论</small>
                </h3>
                <ul class="note-list" style="padding-left: 0px;">
                    {% for foo in comments %}
                        <li class="list-group-item">
                            <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                            <a href="#">{{ foo.author.username }}</a>
                            <span class="badge">{{ foo.time }}</span>
                            <br>
                            <p>{{ foo.detail }}</p>
    
                        </li>
                    {% endfor %}
                </ul>
    
            </div>

    个人信息

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

  • 相关阅读:
    打开一个网页,以html代码保存于txt文件中
    用C查看系统任务管理器中运行的程序
    常见两种LINK错误
    怎么把下载的dll和def生成lib,以用于编程
    建立一个不能打开的文件(占坑)C语言高级API调用
    [转]软件版本命名格式
    回调函数编写和注重点
    ubuntu linux mysql 开发模式与连接编译
    创建一个进程和两个管道,实现与进程通信
    hdoj 1115 Lifting the Stone (求多边形重心)
  • 原文地址:https://www.cnblogs.com/liminghui3/p/8034779.html
Copyright © 2011-2022 走看看