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

    1、显示所有评论

    <ul class="list-group" style="margin: 10px">
            {% for foo in pos.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>

    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)页面显示相应数据

           (1) 发布的全部问答

           (2)发布的全部评论

           (3)个人信息

    {% extends 'jianshu.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="">
                {% for foo in post %}
                    <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="">{{ foo.detail }}</p>
                    </li>
                {% endfor %}
            </ul>
        </div>
    
        <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="">
                {% for foo in comment %}
                    <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="">{{ 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="">
                <li class="list-group-item">用户:{{ username }}</li>
                <li class="list-group-item">编号:{{ id }}</li>
                <li class="list-group-item">昵称:{{ username }}</li>
            </ul>
        </div>
    {% endblock %}

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

     {% for foo in post %}
           <li class="list-group-item" >
               <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
    {#           <a href="#">{{ foo.author.username }}</a>#}
               <br>
               <a href="{{url_for('detail',post_id=foo.id)}}">{{foo.title}}</a>
               <a href="{{ url_for('usercenter',user_id=foo.author_id) }}"><br>{{ foo.author.username }}<br>评论:({{ foo.comments|length }})</a><br>
               <span class="badge">{{ foo.creat_time }}</span>
               <p style="">{{ foo.detail }}</p>
    
           </li>
        {% endfor %}
     <ul class="list-group" style="margin: 10px">
            {% for foo in pos.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>

  • 相关阅读:
    [Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
    [Swift]LeetCode921.使括号有效的最少添加 | Minimum Add to Make Parentheses Valid
    [Swift实际操作]八、实用进阶-(5)通过间接代理进行对象间的消息传递
    [Swift]LeetCode927. 三等分 | Three Equal Parts
    [Swift]LeetCode928. 尽量减少恶意软件的传播 II | Minimize Malware Spread II
    我是大牛,我自豪
    程序员拓展人脉的重要性
    程序员拓展人脉的重要性
    2013年总结(3)-活动篇
    2013年总结(3)-活动篇
  • 原文地址:https://www.cnblogs.com/lintingting/p/8027248.html
Copyright © 2011-2022 走看看