Python打造简易博客评论系统

在互联网时代，博客作为信息分享和交流的平台，其互动性尤为重要。一个简易的博客评论系统不仅能增强用户体验，还能促进内容创作者与读者之间的互动。今天，我们将使用Python来打造一个简易的博客评论系统。

Python打造简易博客评论系统

项目准备

首先，我们需要准备以下工具和库：

Python环境（建议使用Python 3.8及以上版本）
Flask框架（用于构建Web应用）
SQLite数据库（用于存储评论数据）

安装Flask

打开终端或命令提示符，执行以下命令安装Flask：

pip install Flask

创建项目结构

在项目根目录下创建以下文件和文件夹：

blog-comment-system/
│
├── app.py
├── templates/
│   └── index.html
└── static/
    └── style.css

编写代码

app.py

这是我们的主程序文件，负责路由和业务逻辑。

from flask import Flask, render_template, request, redirect, url_for
import sqlite3

app = Flask(__name__)

# 初始化数据库
def init_db():
    conn = sqlite3.connect('comments.db')
    c = conn.cursor()
    c.execute('''CREATE TABLE IF NOT EXISTS comments
                 (id INTEGER PRIMARY KEY, name TEXT, comment TEXT)''')
    conn.commit()
    conn.close()

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        name = request.form['name']
        comment = request.form['comment']
        conn = sqlite3.connect('comments.db')
        c = conn.cursor()
        c.execute("INSERT INTO comments (name, comment) VALUES (?, ?)", (name, comment))
        conn.commit()
        conn.close()
        return redirect(url_for('index'))

    conn = sqlite3.connect('comments.db')
    c = conn.cursor()
    c.execute("SELECT * FROM comments")
    comments = c.fetchall()
    conn.close()
    return render_template('index.html', comments=comments)

if __name__ == '__main__':
    init_db()
    app.run(debug=True)

templates/index.html

这是我们的前端页面，用于展示评论和提交表单。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客评论系统</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>博客评论</h1>
    <form method="post">
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name" required>
        <label for="comment">评论:</label>
        <textarea id="comment" name="comment" required></textarea>
        <button type="submit">提交</button>
    </form>
    <h2>评论列表</h2>
    <ul>
        {% for comment in comments %}
        <li><strong>{{ comment[1] }}</strong>: {{ comment[2] }}</li>
        {% endfor %}
    </ul>
</body>
</html>

static/style.css

这是我们的样式文件，用于美化页面。

body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

h1, h2 {
    color: #333;
}

form {
    margin-bottom: 20px;
}

label {
    display: block;
    margin-top: 10px;
}

input, textarea {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
}

button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    margin-bottom: 10px;
}