演習課題「jobsテーブルのデータをtableタグで表示する」
右の環境には、MySQLからjobsテーブルのデータを表示するプログラムが、sql.phpに作成してあります。
テンプレートのcontent.tpl.phpを修正して、以下のカラムをtableタグで表示してください。
- id
- job_name
- vitality
- strength
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
#06:データをtableタグで表示する
ここでは、PHPでデータベースの値を表示する時の見栄えを整えます。そのために、HTMLのtableタグを使って、データを表示しましょう。
public_html/sql.php<?php
$pdo = new PDO('mysql:host=localhost; dbname=mydb; charset=utf8','root','');
$sql = 'SELECT players.id, name, level, job_name FROM players LEFT JOIN jobs ON jobs.id = players.job_id';
$statement = $pdo->prepare($sql);
$statement->execute();
$results = [];
while ($row = $statement->fetch(PDO::FETCH_ASSOC)) {
$results[] = $row;
}
$statement = null;
$pdo = null;
$message = 'hello world';
require_once 'views/content.tpl.php';
public_html/views/content.tpl.php<!DOCTYPE html>
<html lang='ja'>
<?php include('header.inc.php'); ?>
<body>
<h1><?= $message ?></h1>
<table>
<?php foreach ($results as $player) { ?>
<tr>
<td><?= $player['id'] ?></td>
<td><?= $player['name'] ?></td>
<td><?= $player['job_name'] ?></td>
<td><?= $player['level'] ?></td>
</tr>
<?php } ?>
</table>
<?php include('footer.inc.php'); ?>
</body>
</html>
Webアプリ開発入門 PHP+MySQL編
https://paiza.jp/works/webapplicationlamp/primer
DB/SQL入門編
https://paiza.jp/works/sql/primer