用Python打造简易博客系统

在这个信息爆炸的时代，拥有一个属于自己的博客系统，不仅可以记录生活点滴，还能分享技术心得。今天，我们就来聊聊如何用Python制作一个简单的博客系统。

用Python打造简易博客系统

准备工作

首先，确保你已经安装了Python环境。如果没有，可以从Python官网下载并安装。此外，我们还需要一个轻量级的Web框架，这里推荐使用Flask。

pip install Flask

项目结构

一个简单的博客系统主要包括以下几个部分：

前端页面：展示博客内容和提供用户交互。
后端逻辑：处理请求、存储数据等。
数据库：存储博客文章和相关数据。

我们可以将项目结构设计如下：

simple_blog/
│
├── app.py
├── templates/
│   ├── index.html
│   ├── post.html
│   └── edit.html
└── static/
    └── style.css

后端实现

初始化Flask应用

在app.py中，我们首先初始化Flask应用，并配置数据库。

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///blog.db'
db = SQLAlchemy(app)

class Post(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    title = db.Column(db.String(100), nullable=False)
    content = db.Column(db.Text, nullable=False)

@app.before_first_request
def create_tables():
    db.create_all()

@app.route('/')
def index():
    posts = Post.query.all()
    return render_template('index.html', posts=posts)

@app.route('/post/<int:post_id>')
def post(post_id):
    post = Post.query.get_or_404(post_id)
    return render_template('post.html', post=post)

@app.route('/edit', methods=['GET', 'POST'])
def edit():
    if request.method == 'POST':
        title = request.form['title']
        content = request.form['content']
        new_post = Post(title=title, content=content)
        db.session.add(new_post)
        db.session.commit()
        return redirect(url_for('index'))
    return render_template('edit.html')

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

数据库模型

我们使用SQLAlchemy来定义一个简单的博客文章模型。

class Post(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    title = db.Column(db.String(100), nullable=False)
    content = db.Column(db.Text, nullable=False)

前端页面

首页

在templates/index.html中，展示所有博客文章的列表。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Simple Blog</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>Simple Blog</h1>
    <a href="{{ url_for('edit') }}">New Post</a>
    <div class="posts">
        {% for post in posts %}
            <div class="post">
                <h2><a href="{{ url_for('post', post_id=post.id) }}">{{ post.title }}</a></h2>
                <p>{{ post.content }}</p>
            </div>
        {% endfor %}
    </div>
</body>
</html>

文章详情页

在templates/post.html中，展示单篇文章的详情。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ post.title }}</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>{{ post.title }}</h1>
    <p>{{ post.content }}</p>
    <a href="{{ url_for('index') }}">Back</a>
</body>
</html>

编辑页面

在templates/edit.html中，提供创建新文章的表单。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>New Post</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>New Post</h1>
    <form method="post">
        <label for="title">Title:</label>
        <input type="text" id="title" name="title" required>
        <label for="content">Content:</label>
        <textarea id="content" name="

你可能想看：