FlaskでSQLite内の情報を表示する
出典：
■構成
├── app.py
└── templates
└── index.html
■サンプル画面（index.html）
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
■PythonーFlask側のコード
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
import sqlite3
from flask import Flask,render_template,request,g
app = Flask(__name__)
def get_db():
if 'db' not in g:
# データベースをオープンしてFlaskのグローバル変数に保存
g.db = sqlite3.connect('TestDB.db')
return g.db
@app.route('/')
def index():
# データベースを開く
con = get_db()
# テーブル「商品一覧」の有無を確認
cur = con.execute("select count(*) from sqlite_master where TYPE='table' AND name='商品一覧'")
for row in cur:
if row[0] == 0:
# テーブル「商品一覧」がなければ作成する
cur.execute("CREATE TABLE 商品一覧(コード INTEGER PRIMARY KEY, 商品名 STRING, 値段 REAL)")
# レコードを作る
cur.execute(
"""INSERT INTO 商品一覧(コード, 商品名, 値段)
values(1, '苺のショートケーキ', 350),
(2, 'チョコケーキ', 380),
(3, 'パインケーキ', 380),
""")
con.commit()
# 商品一覧を読み込み
cur = con.execute("select * from 商品一覧 order by コード")
data = cur.fetchall()
con.close()
return render_template('index.html', data = data)
@app.route('/result', methods=["POST"])
def result_post():
# テンプレートから新規登録する商品名と値段を取得
name = request.form["name"]
price = request.form["price"]
# データベースを開く
con = get_db()
# コードは既に登録されているコードの最大値＋１の値で新規登録を行う
cur = con.execute("select MAX(コード) AS max_code from 商品一覧")
for row in cur:
new_code = row[0] + 1
cur.close()
# 登録処理
sql = "INSERT INTO 商品一覧(コード, 商品名, 値段)values({},'{}',{})".format(new_code, name, price)
con.execute(sql)
con.commit()
# 一覧再読み込み
cur = con.execute("select * from 商品一覧 order by コード")
data = cur.fetchall()
con.close()
return render_template('index.html', data = data)
if __name__ == '__main__':
app.debug = True
app.run(host='localhost')
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
■HTML側のコード
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="UTF-8">
<title>商品一覧ページ</title>
</head>
<body>
<div>
<table>
<thead>
<tr>
<th>コード</th>
<th>商品名</th>
<th>値段</th>
</tr>
</thead>
<tbody>
{% for item in data %}
<tr>
<th>{{item[0]}}</th>
<th>{{item[1]}}</th>
<th>{{item[2]}}</th>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<form action='/result'>
<p>＜新規登録＞</p>
<label>
商品名
<input type="text" name="name">
</label>
<label >
値段
<input type="text" name="price">
</label>
<button type="submit" formmethod="POST">登録</button>
</form>
</body>
</html>