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

  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={
        'user':user
    }
    return render_template('usercenter.html',**context)
{% extends'base.html' %}

{% block title %}
    问答详情
{% endblock %}

{% block head %}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/questiondetail.css') }}">
{% endblock %}

{% block main %}
    <div class="post">
    <div class="artical">
        <h1 style="text-align: center">{{ ques.title }}</h1>
        <br><small>用户:{{ ques.author.username }} <span class="badge">{{ ques.create_time }}</span></small>
        <hr>
        <p class="lead">{{ ques.detail }}</p>
    </div>
        <form action="{{ url_for('comment') }}" method="post" style="align-content: inherit">
            <div class="sign-container">
                    <textarea class="form-control" rows="8" id="QuestionDetail" name="new_comment"></textarea>
                    <input name="question_id" type="hidden" value="{{ ques.id }}"/>
                <br>
                <input type="submit" value="评论" style="float: right">
                <h4>评论({{ ques.comments|length }})</h4>
                <hr>
            </div>
        </form>
        <ul class="list-group" style="background-size: contain">
            {% for foo in ques.comments %}
            <li>
                <span class="glyphicon glyphicon-leaf" 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>
                <br>
                <p style="text-indent: 18px">{{ foo.detail }}</p>
            </li>
            {% endfor %}
    </ul>
    </div>
{% endblock %}
{% extends 'base.html' %}

{% block title %}
    用户中心
{% endblock %}

{% block head %}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/usercenter.css') }}">
{% endblock %}

{% block main %}
    <div class="list-container">
    <h1 style="align-content: center">{{ user.username }}</h1>
    <br>
    <div class="page-header">
        <h3>全部问答</h3>
        <ul class="list-group" style="background-size: contain">
            {% for foo in user.question %}
            <li class="list-group-item">
                <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                <a href="#" target="_blank">{{ foo.author.username }}</a>
                <span class="badge">发布时间:{{ foo.create_time }}</span>
                <p style="text-indent: 18px">{{ foo.detail }}</p>
            </li>
            {% endfor %}
        </ul>
    </div>
    <hr>
    <div class="page-header">
        <h3>全部评论</h3>
        <ul class="list-group" style="background-size: contain">
            {% for foo in user.comments %}
            <li class="list-group-item">
                <span class="glyphicon-leaf" aria-hidden="true"></span>
                <a href="#" target="_blank">{{ foo.author.username }}</a>
                <span class="badge">发布时间:{{ foo.creat_time }}</span>
                <p style="text-indent: 18px">{{ foo.detail }}</p>
            </li>
            {% endfor %}
        </ul>
    </div>
    <hr>
    <div class="page-header">
        <h3>个人信息</h3>
        <ul class="list-group">
            <li class="list-group-item">用户:{{ user.username }}</li>
            <li class="list-group-item">编号:{{ user.id }}</li>
            <li class="list-group-item">昵称:{{ user.nickname }}</li>
            <li class="list-group-item">文章篇数:</li>
        </ul>
    </div>
    </div>

{% endblock %}

 

posted @ 2017-12-13 13:10  088郑淑莹  阅读(86)  评论(0编辑  收藏  举报