プログラミング

Flaskで作るCMSシステム

最終更新： 26/03/2025
1 分の読み

Flask CMS: 完全かつ包括的なガイド

Flaskは、Pythonで開発された軽量なウェブフレームワークとして非常に人気があり、シンプルさと柔軟性が特徴です。その特徴を活かして、コンテンツ管理システム（CMS）をFlaskで構築することができます。本記事では、Flaskを使用してCMSを作成する方法について、ステップバイステップで説明します。

関連記事

Flask CMSとは？

Flask CMSは、Flaskフレームワークを使用して構築されたコンテンツ管理システムです。CMSは、ウェブサイトのコンテンツ（テキスト、画像、ビデオなど）を簡単に管理・編集できるシステムです。通常、Flask CMSは管理者向けのインターフェースを提供し、コンテンツを簡単に作成、編集、削除、公開することができます。Flaskは、そのシンプルで拡張可能な設計により、CMSの構築に最適なフレームワークとなっています。

Flask CMSの構築方法

Flask CMSを構築する際には、まず基本的なFlaskアプリケーションをセットアップし、その上にCMSの機能を追加していきます。以下はその基本的な手順です。

1. Flaskのインストール

まず、Flaskをインストールする必要があります。Pythonのパッケージ管理ツールであるpipを使用して、Flaskをインストールします。

bash
pip install Flask

2. 基本的なFlaskアプリケーションの設定

次に、Flaskアプリケーションを作成します。新しいディレクトリを作成し、その中にapp.pyというファイルを作成します。

python
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return "Flask CMSへようこそ！"

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

このコードでは、Flaskアプリケーションを作成し、/というURLパスにアクセスした際に「Flask CMSへようこそ！」というメッセージを表示する簡単なWebアプリケーションを作成しています。

3. CMSの基本機能の追加

次に、コンテンツ管理を行うための基本的な機能を追加します。一般的なCMSには、コンテンツの作成、編集、削除、表示などの機能があります。ここでは、Flaskに加えて、データベースを使用してコンテンツを管理します。

3.1 データベースの設定

Flaskでは、SQLAlchemyというORM（オブジェクトリレーショナルマッピング）を使用してデータベース操作を行うのが一般的です。まず、SQLAlchemyをインストールします。

bash
pip install Flask-SQLAlchemy

次に、app.pyファイルを以下のように修正して、データベースを設定します。

python
from flask import Flask, render_template
from flask_sqlalchemy import SQLAlchemy

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

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

    def __repr__(self):
        return f'{self.title}>'

@app.route('/')
def home():
    contents = Content.query.all()
    return render_template('home.html', contents=contents)

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

ここでは、Contentというモデルを作成し、タイトルと本文を保存するためのカラムを定義しています。SQLiteデータベースを使用してコンテンツを保存します。

3.2 コンテンツの作成機能

次に、コンテンツを作成するフォームを作成します。Flask-WTFを使ってフォームを作成することが一般的です。まず、Flask-WTFをインストールします。

bash
pip install Flask-WTF

その後、app.pyにコンテンツ作成用のフォームを追加します。

python
from flask import Flask, render_template, redirect, url_for
from flask_wtf import FlaskForm
from wtforms import StringField, TextAreaField
from wtforms.validators import DataRequired

app.config['SECRET_KEY'] = 'mysecret'

class ContentForm(FlaskForm):
    title = StringField('Title', validators=[DataRequired()])
    body = TextAreaField('Body', validators=[DataRequired()])

@app.route('/create', methods=['GET', 'POST'])
def create_content():
    form = ContentForm()
    if form.validate_on_submit():
        content = Content(title=form.title.data, body=form.body.data)
        db.session.add(content)
        db.session.commit()
        return redirect(url_for('home'))
    return render_template('create_content.html', form=form)

ContentFormクラスは、タイトルと本文を入力するためのフォームです。このフォームを使って新しいコンテンツを作成し、データベースに保存します。

4. コンテンツの表示

作成したコンテンツを表示するために、home.htmlテンプレートを作成します。これには、データベースから取得したコンテンツのリストをループして表示します。

html
html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Flask CMStitle>
head>
<body>
    <h1>Flask CMSh1>
    <a href="{{ url_for('create_content') }}">新しいコンテンツを作成a>
    <ul>
        {% for content in contents %}
            <li>
                <h2>{{ content.title }}h2>
                <p>{{ content.body }}p>
            li>
        {% endfor %}
    ul>
body>
html>

ここでは、homeルートで取得したコンテンツをリストとして表示しています。各コンテンツのタイトルと本文を表示するために{{ content.title }}や{{ content.body }}を使っています。

5. コンテンツの編集と削除機能

次に、作成したコンテンツを編集したり削除したりする機能を追加します。これには、edit_contentやdelete_contentという新しいルートを作成します。

5.1 編集機能
python
@app.route('/edit/', methods=['GET', 'POST'])
def edit_content(id):
    content = Content.query.get_or_404(id)
    form = ContentForm()
    if form.validate_on_submit():
        content.title = form.title.data
        content.body = form.body.data
        db.session.commit()
        return redirect(url_for('home'))
    form.title.data = content.title
    form.body.data = content.body
    return render_template('create_content.html', form=form)

このルートでは、コンテンツを取得し、フォームにその内容を事前に表示しています。フォームが送信されると、データベースの内容を更新します。

5.2 削除機能
python
@app.route('/delete/', methods=['GET', 'POST'])
def delete_content(id):
    content = Content.query.get_or_404(id)
    db.session.delete(content)
    db.session.commit()
    return redirect(url_for('home'))

ここでは、指定されたIDのコンテンツをデータベースから削除します。

Flask CMSの拡張

Flaskを使用したCMSは非常に柔軟であり、さまざまな機能を追加することができます。例えば、ユーザー認証、画像アップロード、コンテンツのカテゴリー分けなどです。また、Flaskには豊富な拡張機能があり、これらを活用することで、CMSの機能をさらに強化できます。

結論

Flaskを使ってCMSを構築することは、シンプルで効率的な方法です。Flaskの柔軟性を活かし、必要に応じて拡張することで、自分だけのCMSを作成することができます。データベース操作やフォームの作成など、基本的なFlaskの機能を活用し、コンテンツ管理システムを構築する際に役立つでしょう。

最終更新： 26/03/2025
1 分の読み
Back to top button