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

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

index.html

{% extends'base.html' %}
    {% block title %}
    首页
    {% endblock %}
{% block head %}

    <script src="{{url_for('static',filename='js/base.js') }}" type="text/javascript"></script>
    <link href="{{ url_for('static' ,filename='css/base.css') }}"  rel="stylesheet" type="text/css">
    {% endblock %}
    {% block main %}

    {% for foo in question %}
<body id="myBody">
        <div id="gufeng">
        <a href="{{ url_for('usercenter',user_id = foo.author_id) }}">{{ foo.author.username }}评论({{ foo.comments|length }})</a>
       <ul class="list" >
             <li>用户名:{{ foo.author.username }}</li>
          <a href="{{ url_for("detail",question_id=foo.id) }}">标题:{{ foo.title }}</a>
           <li class="">问题:{{ foo.detail }}</li>
           <li class="">时间:{{ foo.time }}</li>
       </ul>
        </div>
    {% endfor %}
    <footer>
        <div class="footer_box">
            Copyright@2017-2027 个人版权,版权所有 作者:JZX telephone:0000-1234567 mobile phone:11111111111
        </div>
    </footer>
{% endblock %}

 detail.html

% extends "base.html" %}
{% block title%}详细内容{% endblock %}

{% block main %}
<body bgcolor="#ffd700">
    <div class="GuFeng">
        <a href="{{ url_for('usercenter',user_id = foo.author.id) }}">{{ foo.author.username }}</a>
        {   <form action="{{ url_for('/detail/<question_id>') }}" method="post">}
      <h2>标题:{{ ques.title }}</h2><br>
      <h3>用户名:{{ ques.author.username }}</h3><br>
      <h3> 发布时间:{{ ques.create_time }}</h3>
      <p>内容:{{ ques.detail }}</p>
        <hr>
        <textarea class='comment'rows="10"id="detail"name="detail"></textarea>
        <br><input  type="submit" value="发布"style="width:100px;height:50px;font-size:50px">
        <input name="question_id" type="hidden" value="{{ ques.id }}"/>
        <p>评论:</p>
        <table border=5 style="background: gold"width="50">
            <tr><td>评论内容</td></tr>
            <tr><td>评论内容</td> </tr>
            <tr><td>评论内容</td></tr>
            </tr>
        </table>
    </div>
</body>
{% endblock %}

 usercenter.html

{% extends'base.html' %}
{% block title %}
    个人中心
{% endblock %}
{% block head %}
    <link rel="stylesheet" href="{{ url_for('static',filename='css/user.css')}}" type="text/css">
{% endblock %}
{% block main %}
<div class="all question">
     <h2><a href="{{ url_for('usercenter',user_id=user.id) }}"> {{ user.username }}</a>全部问答</h2>
      <ul class="wenda" style="width: auto">
          {% for foo in user.question %}
             <li class="wenti">
                 <a href="#">{{ foo.author.username }} </a>
                <span>{{ foo.creat_time }}</span><br>
                <a class="title" href="{{ url_for('detail',question_id=foo.id) }}">{{ foo.title }}</a><br>
                <p>{{ foo.detail }}</p>
             </li>
           {% endfor %}
      </ul>
</div>

<div class="all detail" >
    <h2><a href="{{ url_for('usercenter',user_id=user.id) }}"> {{ user.username }}</a>全部评论</h2>
    <ul class="pinglun" style="width: auto">
        {% for foo in user.comments %}
        <li class="comment">
             <a href="#">{{ foo.author.username }} </a>
                <span>{{ foo.creat_time }}</span><br>
                <p>{{ foo.detail }}</p>
        </li>
        {% endfor %}
    </ul>
</div>

<div class="usercenter">
     <h2><a href="{{ url_for('usercenter',user_id=user.id) }}"> {{ user.username }}</a>个人中心</h2>
     <ul class="yonghu" style="width: auto">
            <li><p>用户:{{ user.username }}</p></li>
            <li><p>编号:{{ user.id }}</p></li>
            <li><p>昵称:{{ user.nickname}}</p></li>
            <li><p>文章篇数:{{ user.question|length }}</p></li>
     </ul>
</div>
{% endblock %}

 py

@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('center.html',**context)

 

posted @ 2017-12-13 18:10  064曾志彬  阅读(186)  评论(0编辑  收藏  举报