演習課題「jobsテーブルのデータをtableタグで表示する」
右の環境には、FlaskでMySQLからjobsテーブルのデータを表示するプログラムが作成してあります。
テンプレートのview.htmlを修正して、以下のカラムをtableタグで表示してください。
- id
- job_name
- vitality
- strength
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
※ 採点時は、フォームにアクセスできる状態にしてください。
#06:データをtableタグで表示する
ここでは、Flaskでデータベースの値を表示する時の見栄えを整えます。そのために、HTMLのtableタグを使って、データを表示しましょう。
myapp/hello.pyfrom 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 players.id, name, level, job_name FROM players LEFT JOIN jobs ON jobs.id = players.job_id"
cursor = connection.cursor()
cursor.execute(sql)
players = cursor.fetchall()
cursor.close()
connection.close()
return render_template('view.html', message = message, players = players)
myapp/templates/view.html{% extends "layout.html" %}
{% block content %}
<h1>Hello SQL</h1>
<p>{{ message }}</p>
<table>
{% for player in players %}
<tr>
<td>{{ player.id }}</td>
<td>{{ player.name }}</td>
<td>{{ player.job_name }}</td>
<td>{{ player.level }}</td>
</tr>
{% endfor %}
</table>
{% endblock %}