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

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

    <ul class="list-group" style="margin: 10px">
            <a>{% for foo in ques.comments %}</a>
                <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 style="">{{ foo.detail }}</p><br>
        </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=create_time.desc))

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

    <h4>评论:({{ ques.comments|length }})</h4>

    4.完成个人中心

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

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

    3.向前端页面传递参数

    4.页面显示相应数据、发布的全部问答、发布的全部评论、个人信息

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

    @app.route('/usercenter/<user_id>')
    @loginFirst
    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)

    html文件:

    {% extends 'base.html' %}
    {% block title %}个人中心{% endblock %}
    {% block main %}
    
        <div class="page-header">
            <h3><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>{{ username }} <br>
                <small>全部问答<span class="badge"></span></small>
            </h3>
            <ul class="list-group" style="margin: 10px">
                {% for foo in user.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-heart-empty" aria-hidden="true"></span>{{ user.username }} <br>
                <small>全部评论<span class="badge"></span></small>
            </h3>
            <ul class="list-group" style="margin: 10px">
                {% for foo in user.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-heart-empty" aria-hidden="true"></span>{{ user.username }} <br>
                <small>个人信息<span class="badge"></span></small>
            </h3>
            <ul class="list-group" style="margin: 10px">
                <li class="list-group-item">用户:{{ user.username }}</li>
                <li class="list-group-item">编号:{{ user.id }}</li>
                <li class="list-group-item">昵称:</li>
                <li class="list-group-item">文章:</li>
            </ul>
        </div>
    {% endblock %}
  • 相关阅读:
    const char * 和 std::string.c_str()是个危险的东西!
    原先360商店有msnlite这个软件,后来估计因为被小米收购的原因下架了
    C++ Notes: Table of Contents
    强烈推荐:C++ manpages C++函数查询文档_Dasm_百度空间
    爱上MVC3~实体级标准验证
    Js+MVC~公用API的设计,返回jsonp后使ajax的error属性生效!
    爱上MVC3系列~PartialView()与View()真的一样吗?
    Js~对Boxy弹出框进行封装,提供弹出后自动隐藏与自动跳转功能
    爱上MVC3系列~手动向路由表扔数据,不影响当前URL路由配对
    c# webservice生成客户端及使用时碰到decimal类型时的特殊处理
  • 原文地址:https://www.cnblogs.com/Green-/p/8027084.html
Copyright © 2011-2022 走看看