Flask入門編3:Flaskでデータベースから表示しよう

#02:Flaskでデータベースから表示しよう

ログインすると実技課題の採点等ができるようになります

from flask import Flask, render_template
import pymysql
app = Flask(__name__)

def getConnection():
    return pymysql.connect(
        host='localhost',
        db='mydb',
        user='root',
        password='',
        charset='utf8',
        cursorclass=pymysql.cursors.DictCursor
    )

@app.route('/')
def select_sql():

    connection = getConnection()
    message = "Hello world"

    sql = "SELECT * FROM jobs"
    cursor = connection.cursor()
    cursor.execute(sql)
    results = cursor.fetchall()

    cursor.close()
    connection.close()

    return render_template('view.html', message = message, results = results)

from flask import Flask, render_template
import pymysql
app = Flask(__name__)

def getConnection():
    return pymysql.connect(
        host='localhost',
        db='mydb',
        user='root',
        password='',
        charset='utf8',
        cursorclass=pymysql.cursors.DictCursor
    )

@app.route('/')
def select_sql():

    connection = getConnection()
    message = "Hello world"

    sql = "SELECT * FROM jobs"
    cursor = connection.cursor()
    cursor.execute(sql)
    results = cursor.fetchall()

    cursor.close()
    connection.close()

    return render_template('view.html', message = message, results = results)

{% extends "layout.html" %}
{% block content %}
    <h1>Hello SQL</h1>
    <p>{{ message }}</p>

    <!-- この下に、受け取ったデータを表示するコードを書く -->
    {% for result in results %}
        <p>{{ result }}</p>
    {% endfor %}

{% endblock %}

{% extends "layout.html" %}
{% block content %}
    <h1>Hello SQL</h1>
    <p>{{ message }}</p>

    <!-- この下に、受け取ったデータを表示するコードを書く -->
    {% for result in results %}
        <p>{{ result }}</p>
    {% endfor %}

{% endblock %}

★ 実技1
★ 実技2

実技課題「jobsテーブルのデータを表示する」

右の環境には、FlaskでMySQLからplayersテーブルのデータを表示するプログラムが作成してあります。
このファイルを修正して、jobsテーブルの全データを表示してください。

採点して、すべてのジャッジに正解すれば、演習課題クリアです！
※ 採点時は、フォームにアクセスできる状態にしてください。

実技課題「jobsテーブルのデータをテンプレートで表示する」

右の環境には、FlaskでMySQLからjobsテーブルのデータを表示するプログラムが作成してありますが、
テンプレートのview.htmlが未完成のために、正しくデータが表示されません。

view.htmlを修正して、jobsテーブルの全データを表示してください。

採点して、すべてのジャッジに正解すれば、演習課題クリアです！
※ 採点時は、フォームにアクセスできる状態にしてください。

ここでは、MySQLから読み込んだデータをFlaskを使って表示します。Flaskで表示できるようになれば、Webアプリケーションを開発する時にも、データベースを扱えるようになります。

Flaskで、データベースに接続するコード

myapp/hello.py

from flask import Flask, render_template
import pymysql
app = Flask(__name__)

def getConnection():
    return pymysql.connect(
        host='localhost',
        db='mydb',
        user='root',
        password='',
        charset='utf8',
        cursorclass=pymysql.cursors.DictCursor
    )

@app.route('/')
def select_sql():
    connection = getConnection()
    message = "Hello world"

    sql = "SELECT * FROM players"
    cursor = connection.cursor()
    cursor.execute(sql)
    players = cursor.fetchall()

    cursor.close()
    connection.close()

    return render_template('view.html', message = message, players = players)

Flaskで取り出したデータを表示するテンプレート

myapp/templates/view.html

{% extends "layout.html" %}
{% block content %}
    <h1>Hello SQL</h1>
    <p>{{ message }}</p>

    {% for player in players %}
        <p>{{ player }}</p>
    {% endfor %}

{% endblock %}

Flaskを起動する

$ FLASK_APP=hello.py FLASK_ENV=development flask run

参考になるWebページ

FW:Flask
http://flask.pocoo.org/

Flask - Wikipedia
https://ja.wikipedia.org/wiki/Flask

Flaskへようこそ — Flask v0.5.1 documentation
https://a2c.bitbucket.io/flask/

Flaskの簡単な使い方 - Qiita
https://qiita.com/zaburo/items/5091041a5afb2a7dffc8

ウェブアプリケーションフレームワーク Flask を使ってみる - Qiita
https://qiita.com/ynakayama/items/2cc0b1d3cf1a2da612e4

[Python] Flask 入門 - ゾンビでもわかるPythonプログラミング
http://python.zombie-hunting-club.com/entry/2017/11/03/223503

Python3でMySQLを操作する - 端っこプログラマーの手帳
http://kzhishu.hatenablog.jp/entry/2017/06/03/162911

[Python] MySQLに接続してデータ操作を行う - YoheiM .NET
https://www.yoheim.net/blog.php?q=20151102

有料プランで現役エンジニアに相談可能！

プログラミング学習 > Python3 > Webアプリ開発入門 Flask編 > Flask入門編3:Pythonでデータベースの基本を理解しよう > Flaskでデータベースから表示しよう

採点する

コード判定結果

実技課題 「jobsテーブルのデータを表示する」

実技課題 「jobsテーブルのデータをテンプレートで表示する」

Flaskで、データベースに接続するコード

Flaskで取り出したデータを表示するテンプレート

Flaskを起動する

参考になるWebページ

実技課題「jobsテーブルのデータを表示する」

実技課題「jobsテーブルのデータをテンプレートで表示する」