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

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

时间:2017-12-13 00:06:29      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:页面布局   定义   phi   问答   type   tail   col   index   css   

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

 usercenter.html

{% extends‘base.html‘ %}
{% block title %}
    个人中心
{% endblock %}
{% block head %}
<link rel="stylesheet" href="{{ url_for(‘static‘,filename=‘css/usercenter.css‘) }}" type="text/css">
{% endblock %}
{% block main %}
    <body id="myBody">
    <div class="total">
    <div class="page-header" style="text-align: left">
        <h3 style="font-family: 楷体;color: #c879ff;"><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>{{ username }}<br>
            <small>全部问答><span class="badge"></span></small>
        </h3>
        <ul class="list-group">
            {% for foo in questions %}
                <li class="list-group-item">
                    <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                    <a href="#" style="font-family: 幼圆;color: cornflowerblue">读者:{{ foo.author.username }}</a><br>
                    <span class="badge" style="font-family: 幼圆;color: cornflowerblue">发布时间:{{ foo.creat_time }}</span><br>
                    <p style="font-family: 幼圆;color: #002D54;">{{ foo.detail }}</p>
                </li>
            {% endfor %}
        </ul>

    </div>
    <div class="page-header" style="text-align: left">
        <h3 style="font-family: 楷体;color: #c879ff;"><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>{{ user }}<br>
            <small>全部评论><span class="badge"></span></small>
        </h3>
        <ul class="list-group">
            {% for foo in comments %}
                <li class="list-group-item">
                    <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                    <a href="#" style="font-family: 幼圆;color: cornflowerblue">读者:{{ foo.author.username }}</a><br>
                    <span class="badge" style="font-family: 幼圆;color: cornflowerblue">发布时间:{{ foo.creat_time }}</span><br>
                    <p style="font-family: 幼圆;color: #002D54;">{{ foo.detail }}</p>
                </li>
            {% endfor %}
        </ul>
    </div>
    <div class="page-header" style="text-align: left">
        <h3 style="font-family: 楷体;color: #c879ff;"><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>{{ user }}<br>
            <small>个人信息><span class="badge"></span></small>
        </h3>
        <ul class="list-group" style="font-family: 幼圆;color: #002D54;">
            <li class="list-group-item">用户:{{ username }}</li>
            <li class="list-group-item">编号:</li>
            <li class="list-group-item">昵称:</li>
            <li class="list-group-item">文章篇:</li>
        </ul>
    </div>
    </div>
    </body>
    </html>
{% endblock %}

detail.html:

<a href="{{ url_for(‘usercenter‘,user_id = foo.author.id) }}" style="font-family: 楷体;color: #c879ff;text-align: left">作者:{{ foo.author.username }

index.html:

<a href="{{ url_for(‘usercenter‘,user_id = foo.author_id) }}">{{ foo.author.username }}评论({{ foo.comments|length }})</a>

python:

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

技术分享图片

技术分享图片技术分享图片

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

标签:页面布局   定义   phi   问答   type   tail   col   index   css   

原文地址:http://www.cnblogs.com/jzx-089/p/8027165.html

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