zoukankan      html  css  js  c++  java
  • 首页列表显示全部问答,完成问答详情页布局

    首页列表显示全部问答:

    1. 将数据库查询结果传递到前端页面 Question.query.all()
    2. 前端页面循环显示整个列表。
    3. 问答排序
    @app.route('/')
    def myweb():
        mycontext = {
            'questions':Question.query.order_by('-creat_time').all()
        }
        return render_template("myweb.html",**mycontext)
    

    完成问答详情页布局:

    1. 包含问答的全部信息
    2. 评论区

             3. 以往评论列表显示区。

    {% extends "myweb.html" %}
    {% block title%}问答详情{% endblock %}
     
    {% block head %}
    <!-- 引入 Bootstrap -->
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    {% endblock %}
     
    {% block main %}
    <div class="page-header">
        <h3>Title{{ques}}<br><small>author r</small></h3>
    </div>
    <p class="lead">detail</p>
    <hr>
     
    <form action="{{url_for('question')}}"method="post">
        <div class="form-group">
            <textarea name="new_comment"class="form-control"rows="3"id="new-comment"placeholder="write your comment"></textarea>
        </div>
        <button type="submit"class="btn btn-default">发送</button>
    </form>
    <ul class="list-group"style="margin:10px">
        {% endblock %}
    </ul>
    
  • 相关阅读:
    5个排序算法
    原生侧边栏sidebar
    静态方法、实例方法、继承
    函数作用域之闭包与this!
    OOP面向对象编程(下)
    数组方法篇二
    对象
    nginx windows负载均衡入门
    NVelocity
    python3简单爬虫
  • 原文地址:https://www.cnblogs.com/YyYyYy11/p/7941495.html
Copyright © 2011-2022 走看看