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

  1. 显示所有评论
    {% for foo in ques.comments %}

    <ul class="list">
           {% for foo in ques.comments %}
           <li class="post_item">
               <a href="{{ url_for(‘usercenter‘,user_id=foo.author.id) }}" class="light">{{foo.author.username }}</a>
               <br>
               <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>
  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 }}

    <a href="#" class="post_item_foot">评论:({{ foo.comments|length }})</a>
  4. 完成个人中心

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

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

3.向前端页面传递参数

4.页面显示相应数据

发布的全部问答

发布的全部评论

个人信息

@app.route(‘/usercenter/<user_id>‘)
@loginFirst
def usercenter(user_id):
    user=User.query.filter(User.id==user_id).first()
    context={
        ‘username‘:user.username,
        ‘questions‘:user.question,
        ‘comments‘:user.comments
    }
    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/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://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>
             <li class="post_item">用户:{{ username }}</li>
             <li class="post_item">编号:</li>
             <li class="post_item">昵称:</li>
             <li class="post_item">文章数:</li>
    </ul>
    </div>

{% endblock %}

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

时间: 2024-08-08 03:45:27

评论列表显示及排序,个人中心显示的相关文章

Flask实战第65天:帖子按照发布时间和评论数量等排序

排序,我们需要在前端传递参数, 编辑front_index.html 编辑front.views.py from apps.models import HighlightPostModel from sqlalchemy.sql import func ... @bp.route('/') def index(): banners = BannerModel.query.order_by(BannerModel.priority.desc()).all() boards = BoardModel

mongo数据排序和分页显示

数据排序 使用sort()1 升序-1 降序自然排序 数据插入的顺序$natural db.stu.drop(); db.stu.insert({"name":"张三","sex":"男","age":18,"score":70,"address":"河南"}); db.stu.insert({"name":"李四&q

如何对sharepoint图片库的文件夹的图片按照时间排序并分页显示

/// <summary> /// 获取图片库第一层文件夹--根据文件夹名称排序 /// </summary> /// <param name="siteUrl"></param> /// <param name="weburl"></param> /// <param name="listID"></param> /// <returns>

使用jquery脚本获取随笔、文章和评论的统计数,自定义显示位置

为了这个问题,花了好些时间去摸索,无奈没有搞定.于是,我就到博问去提问,终于搞定! 在此,非常感谢SeayXu的热心帮助. 1.在需要的位置添加一个标签 <div id="stats_count_show"></div> 2.首页html页面添加js代码 <script type="text/javascript"> $(function() { setTimeout(getAllCount, 3000); function ge

智能评论排序

我们在网上购物或者逛一些论坛.社区时往往都会发现购物时会参考其他用户是如何评价这个商品的.逛社区,如知乎之类时我们看一些东西往往只会看排在前几个的答案,而基本会忽略掉后面众多的答案.除非你是瞎混时间,如玩豆瓣,一层层楼扒,不落下任何词句. 然而,很多购物网站.社区各自评论排列是不一样的规则,有的仅仅按照评论.答案更新时间排序,或者因为各自规则不同而导致我们会错过一些对我们决策的有用信息.就拿购物来说,可能最终会影响到我们是否下单,下单转化率降低,用户体验不佳. 那么,我们可以如何让有效的,优秀的

Android布局之View.measure()动态量取高度并设置布局--(例:动态计算评论高度并显示)

需求是这样的: 在应用程序的详情介绍时,有评论的版块,该页评论最多显示5条,而每条最大字数是140个字符,每条评论可能根据字数不同,所占据的高度也不一样,如有的是1行,有的是2.3行,且评论可以翻页. 图片效果如下: 如何解决这样的问题呢? 首先必须知道的是评论控件不要固定不变,而是需要动态计算并动态添加到显示面板中的. 下面通过实例来说一下. 1.定义布局 定义布局的时候,可以用AbsoluteLayout,因为高度是动态量取的,所以具体坐标是可以求得的.参考如下: <AbsoluteLayo

首页列表显示全部问答,完成问答详情页布局。

首页列表显示全部问答: 将数据库查询结果传递到前端页面 Question.query.all() 前端页面循环显示整个列表. 问答排序 PY文件: @app.route('/') def index(): context={ 'touGao':Tougao.query.order_by('-time').all() } return render_template("index.html",**context) HTML: <div class="container&q

博客项目实现文章评论功能(重点是评论回复)

我开发的博客网站的地址:http://118.89.29.170/RiXiang_blog/ 博客项目代码github:https://github.com/SonnAdolf/sonne_blog 有了我的已成型的项目和代码,可以更容易理解这篇文章. 本篇文章记录下自己博客项目评论功能实现的全过程,重点其实是评论回复功能. [一,写评论] 写评论部分我没有使用富文本编辑器,只是单纯地使用了textarea标签,所以后台不需要作html标签的白名单检验(关于防范xss攻击,可以看我之前的一篇文章

首页列表显示全部问答,完成问答详情页布局。在首页点击问答标题,链接到相应详情页。

1.首页列表显示全部问答: 将数据库查询结果传递到前端页面 Question.query.all() 前端页面循环显示整个列表. 问答排序 py文件: @app.route('/') def moban(): context = { 'wenda': Wenda.query.order_by('creat_time').all() } return render_template('moban.html',**context) html文件: <ul class="news-list&qu