【python】Bottleフレームワークで簡単なWebアプリを作る(その3)
2018-08-26
こんにちは。今回のテーマは『【python】Bottleフレームワークで簡単なWebアプリを作る(その3)』です。BottleというシンプルなWebフレームワークを使って簡単なwebアプリを作ってみる企画の3回目です。今回は登録した書籍の一覧画面を作成していきます。編集機能と削除機能を有する単純な一覧画面を作っていきます。 ※本記事はpython製フレームワークBottleで簡単なWebアプリを作る(その2)の続きとして書かれていますので、初めての方はまずコチラをご覧になることをオススメします。 (2018-12-15)加筆修正しました。また、ソース全体が見渡せるようにGitHubにソースコードをUPしました。 [adsense02] 【目次】 一覧表示画面の作成 削除機能の追加
一覧表示画面の作成
BDに登録された書籍の一覧を表示する画面を作っていきます。 一覧画面用の関数をroutes.pyに登録します。中身は非常に単純でDBから取得した書籍一覧のオブジェクトとヘッダー配列をテンプレートに渡しています。 list関数(views.py) [python] @app.route(‘/list’) def list(): # DBから書籍リストの取得 bookList = session.query(Books.name, Books.volume, Books.author, Books.publisher, Books.memo, Books.id_)\ .filter(Books.delFlg == 0).all() headers = [‘書名’, ‘巻数’, ‘著者’, ‘出版社’, ‘メモ’,‘操作’] return template(‘list.html’, bookList=bookList, headers=headers) [/python] テンプレート テンプレートも渡されたヘッダー配列とオブジェクトをループで表示するだけです。base.htmlを継承しています。詳しくはpython製フレームワークBottleで簡単なWebアプリを作る(その1)を参照くださいね。 template/list.html [text] {% extends ‘base.html’ %} {% block title %}
読書リスト
編集・削除機能の追加
一覧画面から内容を編集機能と削除機能を行える機能を付けていきます。テンプレートにはすでにボタンを追加してあるのでroutes.pyに関数を追加します。
編集機能
編集に関しては既存のadd関数を再利用します。追加ボタンを押下した際にGETパラメータでIDを渡してやります。 add関数(views.py) [python] @app.route(‘/add’, method=[‘POST’,‘GET’]) def add(): view = "" registId = "" form = {} kind = “登録” # GETされた場合 if request.method == ‘GET’: # id指定された場合 # ここの部分を追加 if request.query.get(‘id’) is not None: book = session.query(Books).filter(Books.id_==request.query.get(‘id’)).first() form[‘name’] = book.name form[‘volume’] = book.volume form[‘author’] = book.author form[‘publisher’] = book.publisher form[‘memo’] = book.memo registId = book.id_ kind = “編集” # ここまで # 以下省略 [/python]
削除機能
一覧画面の削除ボタンが押された場合の削除機能はURL指定された書籍IDの書籍を論理削除することにします。(サンプルのため論理削除の是非については議論しません) delete関数(views.py) [python] @app.route(‘/delete/
最後に
とりあえずBottleを使用した簡単なウェブアプリの紹介を終えます。正直Bottleの機能の中でもルーティング機能しか紹介できず、あまり参考にならない記事になってしまったなと反省しています。ただBottleも専用の便利なプラグインが開発されており実用的なWebアプリケーションの作成にも耐えられる用になってきています。もう少しその辺りをお伝え出来る記事を書くべきでしたが、力不足でした。また機会があればチャレンジしたいと思っています。 <2018-12-15追記> 全体が見えず分かりづらいというお声を多数いただきまして、申し訳ありません。ソースコードをGitHubにアップしましたので記事と照らし合わせて参考にしていただければ幸いです。本記事がみなさんにプログラミングの楽しさを伝えられれば幸いです。 【関連記事】 python製フレームワークBottleで簡単なWebアプリを作る(その1) python製フレームワークBottleで簡単なWebアプリを作る(その2) [adsense]