完成评论功能

时间：2017-12-08 14:28:07 阅读：190 评论：0 收藏：0 [点我收藏+]

标签：link action ima order nts new 图片 default sheet

定义评论的视图函数
@app.route(‘/comment/‘,methods=[‘POST‘])
def comment()：
读取前端页面数据，保存到数据库中
用<input type="hidden" 方法获取前端的"question_id"
显示评论次数
要求评论前登录
尝试实现详情页面下的评论列表显示

python：

技术分享图片

html:

{% extends‘base.html‘ %}
{% block title %}
    问答详情
{% endblock %}
{% block head %}
    <link rel="stylesheet" href="{{ url_for(‘static‘,filename=‘css/detail.css‘) }}" type="text/css">
{% endblock %}
{% block main %}
    <body id="myBody">
    <div class="total">
        <div class="page-header" style="text-align: left">
            <h3 style="font-family: 楷体;color: #c879ff;">{{ ques.title }}<br>
                <small>作者：{{ ques.author.username }}&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span
                        class="badge"
                        style="border: hidden;background-color: darkgray;border-radius: 10px">{{ ques.creat_time }}</span>
                </small>
            </h3>
            <hr>
        </div>
        <p class="lead">{{ ques.detail }}</p>
        <hr>
        <form method="post" action="{{ url_for(‘comment‘) }}">
            <div class="form-group" style="text-align: left">
                <textarea name="new_comment" class="form-control" rows="3" placeholder="Write your comment"
                          id="new_comment"></textarea>
                <input name="question_id" type="hidden" value="{{ ques.id }}"/>
            </div>
            <button type="submit" class="btn btn-default" style="border-radius: inherit;font-family: 幼圆">发送</button>
        </form>


        <h3 style="text-align: left">评论：({{ ques.comments|length }})</h3>
        <ul class="list-group">
            {% for foo in ques.comments %}
                <li class="list-group-item">
                    <span class="glyphicon glyphicon-left" aria-hidden="true"></span>
                    <br>
                    <a href="#" style="font-family: 楷体;color: #c879ff;text-align: left">作者：{{ foo.author.username }}</a>&nbsp&nbsp&nbsp&nbsp&nbsp
                    <span class="badge"
                          style="font-family: 楷体;color: #c879ff;text-align: right">评论时间:{{ foo.creat_time }}</span>
                    <p style="text-align: left">{{ foo.detail }}
                    </p>
                </li>
            {% endfor %}
        </ul>
    </div>
    </body>
    </html>
{% endblock %}

技术分享图片

完成评论功能

标签：link action ima order nts new 图片 default sheet

原文地址：http://www.cnblogs.com/jzx-089/p/8004813.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行