完成评论功能

Posted 2020-10-17 J芷璇

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了完成评论功能相关的知识，希望对你有一定的参考价值。

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

python：

{% 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 %}

以上是关于完成评论功能的主要内容，如果未能解决你的问题，请参考以下文章

解决方案电影标题中缺少代码的片段，完成挑战更多[关闭]

从零开始配置vim(27)——代码片段

完成评论功能