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.各个页面链接到个人中心

    @app.route('/usercenter/<user_id>')
    
    def usercenter(user_id):
        user = User.query.filter(User.id == user_id).first()
        context = {
            'username': user.username,
            'wenda': user.wenda,
            'comments': user.comment
    
        }
        return  render_template('usercenter.html',**context)
    {% block switchbody %}
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-4 column">
            </div>
            <div class="col-md-4 column">
                {% for foo in wenda  %}
    
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <a href="{{ url_for('detail',question_id=foo.id)}}">标题:{{foo.title }}</a><br>
                        </h3>
                        <a href="{{ url_for('usercenter',user_id=foo.id)}}">{{ foo.author.username }}</a>
                    </div>
    
                    <div class="panel-body">
                      <a href="#">内容:{{foo.detail }}</a><br>
                    </div>
                    <div class="panel-footer">
                         <span class="badge" style="margin-left: 60%">{{foo.creat_time }}发布时间</span>
                    </div>
                </div>
              {% endfor %}
            </div>
            <div class="col-md-4 column">
            </div>
        </div>
    </div>
    
    
    
    {% endblock %}
    
    </body>
    </html>
    {% extends 'switch.html' %}
    {% block usercentertitle %}个人中心{% endblock %}
    {% block usercenterhead %}{% endblock %}
    
    {% block switchbody %}
        <div class="col-md-6 column ">
            <div class="page-header"> {% for foo in wenda %}
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <a href="{{ url_for('detail',question_id=foo.id) }}">标题:{{ foo.title }}</a><br>
                        </h3>
                        <a href="{{ url_for('usercenter',user_id=foo.author_id) }}">作者:{{ foo.author.username }}</a>
                    </div>
    
                    <div class="panel-body">
                        <a href="#">内容:{{ foo.detail }}</a><br>
                    </div>
                    <div class="panel-footer">
                        <span class="badge" style="margin-left: 60%">{{ foo.creat_time }}发布时间</span>
                    </div>
                </div>
            {% endfor %}
            </div>
        </div>
    
        <div class="col-md-6 column ">
        <div class="page-header">{% for foo in comments %}
            <li class="list-group-item">
                <a href="{{ url_for('usercenter',user_id=foo.author_id) }}">{{ foo.author.username }}</a>
                <span class="badge pull-right">{{ foo.create_time }}</span>
                <p>{{ foo.detail }}</p>
                <br>
            </li>
    
        {% endfor %}
        </div>
  • 相关阅读:
    ASP.NET MVC的过滤器
    EasyUi 合并单元格占列显示
    Ajax异步请求阻塞情况的解决办法
    AutoFac使用总结
    CodeFirst迁移注意点
    DataTable与实体类互相转换
    mysql中注释的添加修改
    MySql修改数据表的基本操作(DDL操作)
    MySql中的约束
    如何使用单例模式返回一个安全的Connection
  • 原文地址:https://www.cnblogs.com/GAODASHANG/p/8033099.html
Copyright © 2011-2022 走看看