プログラミング

【Python】Flask-WTFを使ってみる①

投稿日:2020年12月29日 更新日:

今回は「Flask-WTF」について紹介していきます。
これはFlaskでアプリを作成する際に、簡単に「フォーム(Form)」を作成できるものです。
実際に試していきたいと思います。

Flask-WTFを使ってみよう

実行環境

  • Python(Anaconda3)
  • Jupyter Notebook(Anaconda3)
  • Anaconda Navigator(Anaconda3)

「Flask」についてはこちら。

flask-wtfをインストールしよう

まず「Anaconda Navigator」で「falsk-wtf」をインストールしましょう。

「Anaconda Navigator」の使い方はこちら。

flask_wtfをインポートしよう

では「Jupyter Notebook」を開いて、「flask_wtf」をインポートしていきましょう。
今回作成するファイル名は「forms.py」とします。

from flask import Flask, render_template
from flask_wtf import FlaskForm

コードをコピーして貼り付けましょう。

from flask import Flask, render_template
from flask_wtf import FlaskForm
-----------------------------------------------
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret'

@app.route('/form')
def form():
   return render_template('form.html')

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

form.htmlを作ろう

今回「フォーム(Form)」を作成する「HTMLファイル」を作成します。「HTMLファイル」は「templates」の中に作るんでしたよね。

これで、OK。

ローカルサーバにアクセスしてみよう

「forms.py」を起動してローカルサーバーにアクセスしてみましょう。

「forms.py」を起動する方法はこちら。

エラーなくアクセスできました。

まとめ

ここまでは「Flask」で掲示板を作成した時と同じですね。
復習をしました。
次回は「Flask-wtf」を使って「form.html」の中身を作っていきます。

「Flaskで掲示板作成」はこちら。

-プログラミング
-

執筆者:


  1. […] 【Python】Flask-WTFを使ってみる① […]

  2. […] 【Python】Flask-WTFを使ってみる① (adsbygoogle = window.adsbygoogle || []).push({}); […]

  3. […] 【Python】Flask-WTFを使ってみる① […]

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

【HTML】表示・非表示切り替えスイッチ

WEBページを作ってる上で「初めのうちは非表示にしておきたい。」と思ったときに、便利なのが「表示と非表示を切り替えられるスイッチ」です。自分はページのデザイン的に、非表示にしておいた方がスリムだな。と …

【Python】画像のサイズを変えてみよう

前回は「OpenCV」を使って、画像を読み込ませてみました。今回は、読み込んだ画像のサイズを変えてみたいと思います。 画像のサイズを変えてみよう 前回のコードに追記する形で、進めていきます。 前回の「 …

【Python】ログイン機能を作る「Flask-Login」③

「Flask-Login」を使って「ログイン機能」を作っていきます。これでPart3になりますね。今回は「ログインが必要なページ」を作っていきたいと思います。 「@login_required」を使っ …

【エクセル】で「ちょこっとプログラミング」基礎編#1

プログラミングをしたことのない人向けにExcelでできる「ちょこっとプログラミング」を紹介します。今回は【基礎】として「セルとは?」と「セルの値を取得する」を題材にやっていきます。 セルとは エクセル …

【Python】Excelに画像を貼り付けてみよう

前回は「openpyxl」を使って、セルに値を入力することができました。今回は、セルに値ではなく、「画像」を貼り付けてみたいと思います。 openpyxlで画像を貼り付けてみよう 「openpyxl」 …

YouTube