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

本文介绍了一个基于Python Flask框架的问答系统实现细节,包括如何展示问题详情、处理用户评论及构建个人中心页面,涉及模板继承、路由设置、数据库查询等关键技术。
1.评论

{% extends "myweb.html" %}
{% block detailtitle%}问答详情{% endblock %}
 
{% block detailhead %}
{% endblock %}
 
{% block mywebbody %}
 
    <div class="page-header" style="color: black" align="center">
        <h3>{{ ques.title }}<br><small>{{ ques.author.username }} <span class="badge">{{ ques.creat_time }}</span> </small></h3>
 
 
    </div>
    <p class="lead">{{ ques.detail }}</p>
    <hr>
 
    <form action="{{ url_for('comment') }}"method="post">请评论
        <div class="form-group">
            <textareaname="new_comment"class="form-control"rows="3"id="new-comment"placeholder=""></textarea>
            <input type="hidden" name="question_id" value="{{ ques.id }}">
        </div>
        <buttontype="submit"class="btn btn-default">发送</button>
    </form>
    <h4>评论:({{ ques.comments|length }})</h4>
 
    <ul class="list-group"style="margin:10px">
        {% for foo in ques.comments %}
        <li class="list-group-item">
            <span class="glyphicon glyphicon-heart-empty" 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>
            <p style="">{{foo.detail}}</p>
        </li>
{% endfor %}
    </ul>
 
{% endblock %}
 
定义usercenter
@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,
    }
    returnrender_template('usercenter.html',**mycontext)
 
个人中心
{% extends 'myweb.html' %}
{% block title %}个人中心 {% endblock%}
{% block main%}
 
<div class="page-header">
    <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
    {{username}} <br> <small>全部问答><span class="badge"></span> </small></h3>
    <ul class="list-group" style="">
        {% for foo in user.question %}
            <li class="list-group-item">
                <spanclass="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                <a href="#">{{foo.author.username }}</a>
                <spanclass="badge">{{foo.creat_time}}</span>
                <p style="">{{foo.detail}}</p>
            </li>
    {% endfor %}
    </ul>
</div>
 
<div class="page-header">
     <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
    {{user}} <br> <small>个人信息><span class="badge"></span> </small></h3>
    <ul class="list-group" style="">
          {% for foo in user.comments %}
            <li class="list-group-item">
                <spanclass="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                <a href="#">{{foo.author.username }}</a>
                <spanclass="badge">{{foo.creat_time}}</span>
                <p style="">{{foo.detail}}</p>
            </li>
    {% endfor %}
    </ul>
</div>
 
<div class="page-header">
     <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
    {{user}} <br> <small>个人信息><span class="badge"></span> </small></h3>
      <ul class="list-group" style="">
          <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>
 
{% endblock %}

 

转载于:https://www.cnblogs.com/0542054ghgf/p/8034748.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值