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

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

时间:2017-12-14 00:05:19      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:http   ges   tail   定义   lun   href   route   es2017   center   

  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文件及相应的样式文件)

<div class="list-container">
    <div class="wenda">
        <h3>{#<span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>#}{{ username1 }}<br><small>全部问答:</small></h3>
        <ul class="news-list">
                {% for foo in questions %}
                    <li style="padding-left: 0px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 0px;">
                        <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                        <a href="#">{{ foo.author.username }}</a>
                        <span class="badgs">{{ foo.creat_time }}</span>
                        <br>
                        <a href=" #">{{ foo.title }}</a>
                        <p>{{ foo.detail}}</p>
                    </li>
                {% endfor %}
            </ul>
    </div>
    <div class="pinlun">
        <h3>{#<span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>#}{{ username1 }}<br><small>全部评论:</small></h3>
        <ul class="news-list">
        {% for foo in comments %}
            <li style="padding-left: 0px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 0px;">
                <span class="glyphicon glyphicon-leaf" aria-hidden="true" ></span>
                <a href="#">{{ foo.author.username }}</a>
                <br>
                <span class="badgs">{{ foo.creat_time }}</span>
                <p>{{ foo.detail}}</p>
            </li>
        {% endfor %}
    </ul>
    </div>

    <div class="per">
        <h3><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>{{ username1 }}<br><small>个人信息:</small></h3>
        <ul class="news-list">
            {#<li style="padding-left: 0px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 0px;">#}
            <li class="list-group-item">用户:{{ username }}</li>
            <li class="list-group-item">编号:{{ user_id }}</li>
            <li class="list-group-item">昵称:</li>
            <li class="list-group-item">文章篇数:</li>

        </ul>
    </div>
</div>

 

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

#用户中心
@app.route(/usercenter/<user_id>/)
@loginFirst
def usercenter(user_id):
    user = User.query.filter(User.id==user_id).first()
    context={
        username1:user.username,
        questions:user.question,
        comments:user.comments
    }
    return render_template(usercenter.html,**context)

 

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

5.各个页面链接到个人中心技术分享图片

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

标签:http   ges   tail   定义   lun   href   route   es2017   center   

原文地址:http://www.cnblogs.com/wk15/p/8034230.html

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