プログラミング学習

【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」⑦

「ログイン機能を作る」【Part7】。前回は「データベース」の設定を追加しました。今回は「ログイン処理」の部分を変更していこうと思います。 ログイン処理を変更しよう 「名前」に「ANDoblog」,「 …

【Python】VBAをPythonで再現してみる①

以前に「エクセル」で出来るプログラミングとして「VBA」を紹介しましたが今回は「Python」でその中身を再現していきたいと思います。 VBAをPythonで再現してみよう 「VBA(Visual B …

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

「ログイン機能を作る」も【Part6】となりました。前回は「ログインできる機能」を追加しました。今回は「データベース」の設定を追加していこうと思います。 データベースを使っていこう 前回は、決められた …

【Python】クラスってなんだ?

Pythonを学ぶ上で「クラスってなんだ?」と思ったことはありますか?調べてみると、あるものに例えられていて分かりやすいものがありました。今回はそちらを参考に「クラス」とはなにかを紹介したいと思います …

【毎日投稿】4ヵ月達成

ブログを解説して、毎日投稿を続け「4ヵ月」を迎えました。今回は、今までの「Python」に関する記事をまとめて紹介したいと思います。 毎日投稿4ヵ月を迎えて おかげさまで4ヵ月目を迎えることができまし …