完成评论功能

最新推荐文章于 2024-05-25 11:37:13 发布

awsau6326

最新推荐文章于 2024-05-25 11:37:13 发布

阅读量75

点赞数

文章标签：前端数据库 ViewUI

原文链接：http://www.cnblogs.com/Qzlhxxx/p/8006918.html

版权

完成评论功能

1.定义评论的视图函数
@app.route('/comment/',methods=['POST'])
def comment()：
读取前端页面数据，保存到数据库中

@app.route('/comment/',methods=['POST'])
@loginFirst
def comment():
        detail=request.form.get('detail')
        author_id = User.query.filter(User.username == session.get('user')).first().id
        question_id = request.form.get('question_id')
        comment = Comment(author_id=author_id,question_id=question_id,detail=detail)
        db.session.add(comment)  # 保存到数据库
        db.session.commit()  # 提交
        return redirect(url_for('detail',question_id=question_id))

2.用<input type="hidden" 方法获取前端的"question_id"

3.显示评论次数

4.要求评论前登录

5.尝试实现详情页面下的评论列表显示

{% extends 'base.html' %}
{% block title %}问答详情{% endblock %}

{% block main %}
    <div class="page-header">
        <h3>Title {{ ques.title }}<br><small>{{ ques.author.username }} <span class="badge">{{ ques.creat_time }}</span></small>></h3>
    </div>
    <p class="lead">detail{{ ques.detail }}</p>
    <hr>

    <form action="{{ url_for('comment') }}"method="post" style="...">
        <div class="form-group">
            <textarea name="new_comment" id="new-comment" class="form-control" rows="3"
                      placeholder="write your comment"></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"></ul>>
{% endblock %}