zoukankan      html  css  js  c++  java
  • 评论列表显示及排序,个人中心显示

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

     评论:

    {% 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">
                <textarea name="new_comment"class="form-control"rows="3"id="new-comment"placeholder=""></textarea>
                <input type="hidden" name="question_id" value="{{ ques.id }}">
            </div>
            <button type="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,
        }
        return render_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">
                    <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                    <a href="#">{{foo.author.username }}</a>
                    <span class="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">
                    <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                    <a href="#">{{foo.author.username }}</a>
                    <span class="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 %}
    

      

  • 相关阅读:
    实训9.4.前端:url、href、src,link和@import
    实训9.2.作业1.写一个10次循环,每次得到一个随机数,放进一个集合中,如果这个数已经存在集合中则跳过,最后打印集合中的数字.
    实训9.3. SQL——STRUCTURED QUERY LANGUAGE(结构化查询语言 )
    实训9.2.类集,Collection接口
    实训9.2.IDEA ——java编程语言开发的集成环境(集成开发工具)
    实训9.2. JDK——java语言的软件开发工具包(JAVA的运行环境(JVM+Java系统类库)和JAVA工具) 【java开发的核心】
    从键盘输入数据
    error
    ubuntu 14.04, Command "/usr/bin/python -u -c "import setuptools, tokenize;__file__='
    用Python徒手写线性回归
  • 原文地址:https://www.cnblogs.com/YyYyYy11/p/8026612.html
Copyright © 2011-2022 走看看