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

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

时间:2017-12-13 23:18:58      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:jpg   blog   http   ali   com   href   ref   ons   区域   

  1. 显示所有评论
    {% for foo in ques.comments %}
    <h4>评论:({{ ques.comments|length }})</h4>
            <ul class="list-unstyled">
                {% for foo in ques.comments %}
                    <li class="list-group-item">
                        <a href="{{ url_for(‘selfinfo‘,user_id = foo.author.id) }}">{{ foo.author.username }}</a>
                        <span class="badge pull-right">{{ foo.create_time }}</span>
                        <p>{{ foo.detail }}</p>
                        <br>
                    </li>
                {% endfor %}
            </ul>

     

  2. 所有评论排序
    uquestion = db.relationship(‘Question‘, backref=db.backref(‘comments‘, order_by=creat_time.desc))
    class Comment(db.Model):
        __tablename__ = comment
        id = db.Column(db.Integer, primary_key=True, autoincrement=True)
        author_id = db.Column(db.Integer, db.ForeignKey(user.id))
        question_id = db.Column(db.Integer, db.ForeignKey(question.id))
        create_time = db.Column(db.DateTime,default=datetime.now)
        detail = db.Column(db.Text, nullable=False)
        question = db.relationship(Question,backref=db.backref(comments,order_by=create_time.desc))
        author = db.relationship(User,backref=db.backref(comments))

     



  3. 显示评论条数
    {{ ques.comments|length }}
    <div class="col-md-8 column" id="rgba1">
                    <h3 align="center">问答区域</h3>
                    <ul>
                        {% for foo in question %}
                            <li>
                                <span><img src="../static/img/linf.jpg " width="30px" alt=""></span><a href="{{ url_for(‘selfinfo‘,user_id = foo.author_id) }}">{{ foo.author.username }}</a>
                                <br>
                                <p>题目:<a href="{{ url_for(‘detail‘,question_id=foo.id) }}">{{ foo.title }}</a></p>
                                <br>
                                <p>内容:{{ foo.detail }}</p>
                                <span>评论数: ({{ foo.comments|length }})</span>
                                <span class="badge pull-right">{{ foo.create_time }}</span>
                                <hr>
                            </li>
                        {% endfor %}
                    </ul>
                </div>

     



  4. 完成个人中心

1.个人中心的页面布局(html文件及相应的样式文件)

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

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

5.各个页面链接到个人中心

{% extends‘base.html‘ %}
{% block title %}个人中心 {% endblock %}
 
{% block head %}
<link rel="stylesheet" type="text/css" href="{{ url_for(‘static‘,filename=‘css/detail.css‘) }}">
{% endblock %}
{% block main %}
    <div class="post">
    <h3 class="title "><span>{{ username }}<br><small>全部问答</small></span></h3>
    <ul class="list">
         {% for foo in questions %}
       <li class="post_item">
           <a href="#" class="light">{{foo.author.username }}</a>
           <img width="48" height="48" class="pf" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4066191998,32277144&fm=27&gp=0.jpg" alt="">
           <p class="post_item">{{ foo.detail }}</p>
           <span class="foot">发布于  {{ foo.create_time }}</span>
       </li>
       <hr>
{% endfor %}
    </ul>
    </div>
 
    <div class="post">
    <h3 class="title "><span></span>{{ user }}<br><small>全部评论  <span></span></small></h3>
    <ul class="list">
         {% for foo in comments %}
       <li class="post_item">
           <a href="#" class="light">{{foo.author.username }}</a>
           <img width="48" height="48" class="pf" src"https://p.ssl.qhimg.com/d/dy_8c1555bbc688b929b0131259a28680c7.jpg"alt="">
           <p class="post_item">{{ foo.detail }}</p>
           <span class="foot">发布于  {{ foo.create_time }}</span>
       </li>
       <hr>
{% endfor %}
    </ul>
    </div>

 

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

标签:jpg   blog   http   ali   com   href   ref   ons   区域   

原文地址:http://www.cnblogs.com/linf/p/8034730.html

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