如何使用 Flask 做一个评论系统

下面我来详细讲解使用 Flask 做一个评论系统的完整攻略。

准备工作

使用 Flask 做一个评论系统需要以下准备工作：

安装 Python 和 Flask
安装 ORM 框架 SQLAlchemy
安装数据库 MySQL

为了方便操作，我们可以使用 Anaconda 环境，这个环境包含了 Python、Flask 和 SQLAlchemy，我们只需要安装 MySQL 数据库即可。

创建 Python 项目

我们可以使用 PyCharm 等 IDE 创建一个 Python 项目，然后在项目根目录下创建一个名为 app.py 的文件，这个文件是 Flask 项目的入口文件。

配置数据库

在 app.py 中，我们需要配置数据库连接，代码示例如下：

from flask_sqlalchemy import SQLAlchemy
from flask import Flask

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://root:password@localhost:3306/comment_system'
db = SQLAlchemy(app)

# 其中的 'root' 是 MySQL 数据库的用户名，'password' 是密码，'comment_system' 是数据库名

创建数据模型

在 Flask 中，我们可以使用 ORM 框架 SQLAlchemy 来创建数据模型。首先在 app.py 中定义数据模型，例如：

class Comment(db.Model):
    __tablename__ = 'comment'
    id = db.Column(db.Integer, primary_key=True)
    content = db.Column(db.String(1000), nullable=False)
    create_time = db.Column(db.DateTime, nullable=False, server_default=db.text('CURRENT_TIMESTAMP'))

上面的代码创建了一个名为 Comment 的数据模型，包含了 id、content 和 create_time 三个字段。

编写视图函数

在 Flask 中，我们需要编写视图函数来处理请求。在 app.py 中编写视图函数，例如：

from flask import request, jsonify

@app.route('/comment', methods=['POST'])
def add_comment():
    content = request.form.get('content')
    if content:
        comment = Comment(content=content)
        db.session.add(comment)
        db.session.commit()
        return jsonify({'message': 'success'})
    else:
        return jsonify({'message': 'error'})

上面的代码创建了一个名为 /comment 的 POST 请求视图函数，用来添加评论。在函数中，我们获取请求参数中的评论内容，然后创建一个 Comment 对象并存储到数据库中。

创建前端页面

在 Flask 中，我们可以使用 Jinja2 模板引擎来创建前端页面。在项目根目录下创建一个名为 templates 的文件夹，然后在文件夹中创建一个名为 index.html 的文件，例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Comment System</title>
</head>
<body>
    <form action="/comment" method="POST">
        <input type="text" name="content"/>
        <button type="submit">Submit</button>
    </form>
</body>
</html>

上面的代码定义了一个表单，用来提交评论内容。当用户填写评论内容后，点击提交按钮，就会向 /comment 接口发送 POST 请求，并将评论内容发送到后台服务器中。

启动 Flask 应用

现在，我们已经完成了 Flask 项目的所有准备工作，可以启动应用了。在 app.py 文件所在的目录下，运行以下命令启动 Flask 应用：

$ flask run

然后在浏览器中打开 http://localhost:5000 地址，就可以看到我们刚刚创建的评论系统页面了。

示例一：展示最近的评论

我们可以在 / 路径下编写一个 GET 请求的视图函数，用来展示最近的评论：

@app.route('/')
def show_comments():
    comments = Comment.query.order_by(Comment.create_time.desc()).limit(10).all()
    return render_template('index.html', comments=comments)

上面的代码中，我们获取最近的 10 条评论，并将它们传递给前端页面进行展示。

同时，在前端页面中需要展示评论列表，可以使用以下代码：

{% for comment in comments %}
    {{ comment.content }}
{% endfor %}

上面的代码使用了 Jinja2 模板引擎的语法，用来展示评论列表。

示例二：分页展示评论

在 show_comments 视图函数中，我们可以使用 Flask 提供的分页插件来展示评论列表，并提供翻页功能，代码示例如下：

from flask_paginate import Pagination, get_page_parameter

@app.route('/')
def show_comments():
    # 分页展示评论列表
    page = request.args.get(get_page_parameter(), type=int, default=1)
    comments = Comment.query.order_by(Comment.create_time.desc())

    pagination = Pagination(page=page, total=comments.count(), css_framework='bootstrap4')

    comments = comments.offset((page - 1) * 10).limit(10).all()

    return render_template('index.html', comments=comments, pagination=pagination)

上面的代码中，我们使用 flask_paginate 插件实现了翻页功能，并将页码、总评论数等信息传递给前端页面进行展示。同时，在前端页面中需要展示翻页功能，可以使用以下代码：

{% if pagination %}
    <div class="pagination justify-content-center">
        {{ pagination.links }}
    </div>
{% endif %}

上面的代码使用了 Bootstrap 的分页样式，用来展示翻页功能。

以上就是使用 Flask 做一个评论系统的完整攻略，包含了数据模型、视图函数、前端页面和分页示例等内容，希望对你有所帮助。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：如何使用 Flask 做一个评论系统 - Python技术站