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.各个页面链接到个人中心

  • 相关阅读:
    strncpy (Strings) – C 中文开发手册
    HTML track label 属性
    Java面试题:常用的Web服务器有哪些?
    鲲鹏920上安装ovs
    基于AC控制器+VXLAN解决方案
    二层MAC学习及BUM报文转发
    基于mac表的vxlan转发
    Agile Controller vxlan
    设置鲲鹏916/920通过pxe安装os
    ovs-vxlan&vlan
  • 原文地址:https://www.cnblogs.com/Sun584125503/p/8026437.html
Copyright © 2011-2022 走看看