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

    1. 显示所有评论
      {% for foo in ques.comments %}
        <ul class="list-group"style="margin:10px">
              {% for foo in ques.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="align-content: center">{{ foo.detail }}</p>
      
                  </li>
              {% endfor %}
          </ul>
      

        



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

        



    3. 显示评论条数
      {{ ques.comments|length }}
      <h4>评论:({{ ques.comments|length }})</h4>
      

        



    4. 完成个人中心
      {% extends "myweb.html" %}
      {% block persontitle%}个人中心{% endblock %}
      
      {% block mywebbody %}
          <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="margin:10px">
                  {% for foo in ques.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="align-content: center">{{ 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="margin:10px">
                  {% for foo in ques.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="align-content: center">{{ 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="margin:10px">
                  <li class="list-group-item">用户:{{ username }}</li>
                  <li class="list-group-item">编号:</li>
                  <li class="list-group-item">昵称:</li>
              </ul>
          </div>
      {% endblock %}
      

        

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

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

    3.向前端页面传递参数

    4.页面显示相应数据

    发布的全部问答

    发布的全部评论

    个人信息

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

  • 相关阅读:
    最全QQ空间说说伪装代码
    Office文件找回技巧
    CentOS7安装CMake(arm版)华为云服务器
    centos7修改ssh端口
    CentOS7安装zookeeper(ARM)版——华为服务器
    CentOS7安装JDK1.8
    Centos7安装Docker
    Prometheus+mysqld_exporter
    Prometheus+blackbox_exporter
    Prometheus+node_exporter
  • 原文地址:https://www.cnblogs.com/Sun584125503/p/8026437.html
Copyright © 2011-2022 走看看