プログラミング

【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

メールアドレスが公開されることはありません。

関連記事

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

「Flask-Login」を使って「ログイン機能を作る」【Part4】になります。今回は「ログインページ(login.html)」に入力フォームを作っていきたいと思います。「Flask-WTF」を使っ …

プログラミング学習のツール

緊張しながら初めての投稿です。現在までHTML、CSS、PHPの基礎を勉強しています。 今回は自分が使用している学習ツールについてご紹介します。 ドットインストール 自分はドットインストールというもの …

【Python】Flaskで掲示板を作ってみよう①

前回「Flask」の動作を確認することができたので「掲示板」の作成をやっていきたいと思います。今回は「index.html」を表示させるところまでいきたいと思います。 前回の記事はこちら 【Pytho …

【Python】顔を検出してみよう

これまで「OpenCV」で画像を読み込んだり、加工してきました。今回は、「顔」の検出をやってみようと思います。 Pythonで顔を検出してみよう コードを真似しよう import cv2 face_c …

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

以前に「Flask」を使って掲示板を作成してみました。次のチャレンジとして、「ログイン機能」を作成していきたいと思います。 Flaskでログイン機能を作ろう 今回は「Flask ログイン機能」で調べて …

YouTube