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

    1. 显示所有评论
      {% for foo in ques.comments %}

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

    3. 显示评论条数
      {{ ques.comments|length }}

    4. 完成个人中心

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

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

    3.向前端页面传递参数

    4.页面显示相应数据

    发布的全部问答

    发布的全部评论

    个人信息

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

    usercenter.html:

    {% extends 'daohang.html' %}
    {% block title %}个人中心{% endblock %}
    {% block main %}
        <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 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.create_time }}</span>
                        <p>{{ 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 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.create_time }}</span>
                        <p>{{ 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 %}

    py:

    @app.route('/usercenter/<user_id>')
    @loginFirst
    def usercenter(user_id):
        user=User.query.filter(User.id==user_id).first()
        context={
            'username':user.username,
            'question':user.question,
            'comments':user.comments
        }
        return render_template('usercenter.html',**context)

    detail.html:

    <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="{{ url_for('usercenter',user_id=foo.author.id) }}">{{ foo.author.username }}</a>
                     <span class="badge">{{ foo.creat_time }}</span>
                     <p>{{ foo.detail }}</p>
    
    
    
            </li>
    
        {% endfor %}
        </ul>

  • 相关阅读:
    leetcode33. Search in Rotated Sorted Array
    pycharm 设置sublime text3 monokai主题
    django class Meta
    leetcode30, Substring With Concatenation Of All Words
    Sublime text3修改tab键为缩进为四个空格,
    sublime text3 python打开图像的问题
    安装上imesupport输入法依然不跟随的解决办法,
    sublime text3 的插件冲突弃用问题,
    sublime text3 BracketHighlighter括号匹配的设置
    windows 下wget的使用
  • 原文地址:https://www.cnblogs.com/chenhuafei/p/8027131.html
Copyright © 2011-2022 走看看