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

    1.首页列表显示全部问答:

      a.将数据库查询结果传递到前端页面 Question.query.all()

      b.前端页面循环显示整个列表。

      c.问答排序

    @app.route('/')
    def index():
        context = {
            'questions': Question.query.order_by('-creat_time').all()
        }
        return render_template('base.html',**context)

    2.完成问答详情页布局:

      a.包含问答的全部信息

      b.评论区

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

    {% extends 'base.html' %}
    {% block title %}问答详情{% endblock %}
    {% block main %}
        <div class="page-header">
           <h3>题目:{{ questions.title }}<br><small>作者:{{ questions.author }} 发布时间:{{ questions.create_time }}</small></h3>
        </div>
        <p class="lead">detail{{ questions.detail }}</p>
        <hr>
        <form action="{{ url_for('questions') }}" 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"></ul>
    
    {% endblock %}

    3.在首页点击问答标题,链接到相应详情页。

    {% block main%}
    <p>{{user}} context</p>
    <ul class="list-group">
    {% for foo in questions %}
        <li class="list-group-item">
            <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
            <a href="#">{{ foo.author.username }}</a>
            <br>
            <a href="{{ url_for('detail',question_id=foo.id) }}">{{ foo.title }}</a>
            <span class="badge">{{ foo.creat_time }}</span>
            <p style="color:black">{{ foo.detail }}</p>
        </li>
    {% endfor %}
    </ul>
    {% endblock %}
  • 相关阅读:
    node.js前后台交互示例 -- 使用node.js实现用户注册功能
    window对象
    ajax模仿iframe
    判断浏览器是否支持某些新属性---placeholder兼容问题解决
    jQuery简单tab按钮切换
    js函数的解析与执行过程
    js全局的解析与执行过程
    OKR解读
    《富爸爸穷爸爸》读书笔记【2020207-19】
    《金字塔原理》读书笔记【2020111-30】一读+二读
  • 原文地址:https://www.cnblogs.com/cch-1007/p/7944419.html
Copyright © 2011-2022 走看看