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

    1. 显示所有评论
      {% for foo in ques.comments %}
       1 {# 评论列表#}
       2     <h4>评论({{ questions.comments|length }})</h4>
       3     <ul class="new-list" style="margin: 10px">
       4         {% for foo in  questions.comments %}
       5             <li class="list-group-item">
       6                 <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
       7                 <a href="{{ url_for('usercenter',user_id=foo.auhtor.id) }}">{{ foo.author.username }}</a>
       8                 <span class="badge">{{ foo.create_time }}</span>
       9                 <p>{{ foo.detail }}</p>
      10             </li>
      11         {% endfor %}
      12     </ul>
    2. 所有评论排序
      uquestion = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc))
      1 questions=db.relationship('Question',backref=db.backref('comments',order_by=create_time.desc))
    3. 显示评论条数
      {{ ques.comments|length }}
      
      
      <h4>评论({{ questions.comments|length }})</h4>
      
      
    4. 完成个人中心
    
    
     1 {% extends'base.html' %}
     2 
     3 {% block title %}个人中心{% endblock %}
     4 {% block head %}
     5     <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/usercenter.css') }}">
     6 {% endblock %}
     7 
     8 {% block main %}
     9 
    10     <div class="page-header">
    11     <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ username }}<br><small>全部问答<span class="badge"></span></small></h3>
    12     <ul class="list-group">
    13         {% for foo in questions %}
    14             <li class="list-group-item">
    15             <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
    16                 <a href="{{ url_for('usercenter',user_id=foo.author_id )}}">{{ foo.author.username }}</a>
    17             <span class="badge">{{ foo.create_time }}</span>
    18 
    19             <p>{{ foo.detail }}</p>
    20 
    21             </li>
    22         {% endfor %}
    23     </ul>
    24     </div>
    25 
    26     <div class="page-header">
    27     <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ username }}<br><small>全部评论<span class="badge"></span></small></h3>
    28     <ul class="list-group">
    29         {% for foo in comments %}
    30             <li class="list-group-item">
    31             <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
    32                 <a href="{{ url_for('usercenter',user_id=foo.author_id )}}">{{ foo.author.username }}</a>
    33             <span class="badge">{{ foo.create_time }}</span>
    34 
    35             <p>{{ foo.detail }}</p>
    36 
    37             </li>
    38         {% endfor %}
    39     </ul>
    40     </div>
    41 
    42     <div class="page-header">
    43     <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ username }}<br><small>个人信息<span class="badge"></span></small></h3>
    44     <ul class="list-group">
    45         <li class="list-group-item">用户:{{ username }}</li>
    46         <li class="list-group-item">编号:{{ id }}</li>
    47         <li class="list-group-item">昵称:{{ nickname }}</li>
    48         <li class="list-group-item">评论次数:{{ comments|length }}</li>
    49 
    50     </ul>
    51     </div>
    52 
    53 {% endblock %}
    
    
    
    
    

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

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

     1 #用户中心页
     2 @app.route('/usercenter/<user_id>')
     3 @loginFirst
     4 def usercenter(user_id):
     5     user=User.query.filter(User.id==user_id).first()
     6     context={
     7         'username':user.username,
     8         'questions':user.questions,
     9         'comments':user.comments
    10     }
    11     return render_template('usercenter.html',**context)

    3.向前端页面传递参数

    4.页面显示相应数据

    发布的全部问答

    发布的全部评论

    个人信息

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

    首页运行结果:

    评论页运行结果:

    个人中心页运行结果:

     

  • 相关阅读:
    iOS-SetNeedsLayout,layoutNeeded和layoutSubviews方法之间的关系
    iOS-基础知识-assign,copy,retain,strong,weak的区别
    iOS中单例的两种方法
    iOS-项目国际化
    iOS-项目分析,框架搭建
    iOS-项目远程推送1
    iOS-developer.Apple开发账号操作步骤
    iOS系统办公软件ppt等如何转换windows下可以打开的格式
    iOS-Senior18-第三方初级
    iOS-Senior23-科大讯飞语音识别2
  • 原文地址:https://www.cnblogs.com/iamzhuangyuan/p/8026455.html
Copyright © 2011-2022 走看看