码迷,mamicode.com
首页 > 编程语言 > 详细

评论列表显示及排序,个人中心显示

时间:2017-12-13 23:53:17      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:传递参数   method   head   action   style   query   前端   链接   orm   

 

  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>)
@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)

 

 

{% 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 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>

 

 

<div class="page-header">
        <h3>Title {{ ques.title }}<br><small>{{ ques.author.username }} <span class="badge">{{ ques.creat_time }}</span></small>></h3>
    </div>
    <p class="lead">detail{{ ques.detail }}</p>
    <hr>

    <form action="{{ url_for(‘comment‘) }}"method="post" style="...">
        <div class="form-group">
            <textarea name="new_comment" id="new-comment" class="form-control" rows="3"
                      placeholder="write your comment"></textarea>
            <input type="hidden" name="question_id" value="{{ ques.id }}">
        </div>
        <button type="submit" class="btn btn-default">发送</button>
    </form>
    <h4>评论:({{ ques.comments|length }})</h4>>
    <ul class="list-group" style="margin:10px"></ul>>


   <ul class="list-group" style="...">
       {% for foo in questions %}
           <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‘,question_id=foo.id) }}">{{ foo.title }}</a>
           <span class="badge">{{ foo.creat_time }}</span>
           <p style="...">{{ foo.detail }}</p>

           </li>

       {% endfor %}
   </ul>

 

评论列表显示及排序,个人中心显示

标签:传递参数   method   head   action   style   query   前端   链接   orm   

原文地址:http://www.cnblogs.com/nigongbin/p/8034437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!