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

    • 显示所有评论 {% for foo in ques.comments %}
    {% 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 %}
    
    • 所有评论排序 uquestion = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc))
    question = db.relationship('Question', backref=db.backref('comments'),order_by=creat_time.desc)
    
    • 显示评论条数 {{ ques.comments|length }}
     <h4>评论:({{ sen.comments|length }})</h4>
    
    • 完成个人中心

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

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

    3.向前端页面传递参数

    4.页面显示相应数据

    {% extends 'navigation.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.creat_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.creat_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 style="padding-left: 0px;margin-bottom: 0px;">
                <li class="list-group-item" style=" 900px">用户:{{ username }}</li>
                <li class="list-group-item" style=" 900px">编号:</li>
                <li class="list-group-item" style=" 900px">昵称:</li>
            </ul>
        </div>
    
    {% endblock %}
    
    @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)
  • 相关阅读:
    在React中使用Redux数据流
    开发中经常遇到的一些css样式问题
    记录一下CSS outline-width 属性
    使用git stash命令保存和恢复进度
    一分钟搭建好webpack通用坏境
    二维码生成(QRCode.js)
    IE6浏览器有哪些常见的bug,缺陷或者与标准不一致的地方,如何解决
    如何进行网站性能优化
    JavaScript深拷贝与浅拷贝的理解
    新问题: 两个样式对同一个元素操作,为什么最新的样式没有起作用?(已解决)
  • 原文地址:https://www.cnblogs.com/hegui/p/8034494.html
Copyright © 2011-2022 走看看