※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
#08:PHPを改良しよう
LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。
1. 行番号を追加
2. 交互に色を変える
前チャプターの完成版コード
bbs.php( https://paiza-webapp.s3.amazonaws.com/files/learning/bbs/7/bbs.php )
本チャプターの完成版コード
bbs.php( https://paiza-webapp.s3.amazonaws.com/files/learning/bbs/8/bbs.php )
※Windows :右クリック - 名前を付けてリンク先を保存
※Mac :CTRL + クリック - リンクに名前を付けて保存
行番号を追加
// 取得したデータをテーブルで表示
?>
<table class="table">
<tr>
<th>No.</th>
<th>日時</th>
<th>投稿内容</th>
</tr>
<?php
while ($row = $stmt -> fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<tr>
<td><?php echo "$i"; ?></td>
<td><?php echo "$row[updated_at]"; ?></td>
<td><?php echo "$row[content]"; ?></td>
</tr>
<?php
}
?>
交互に色を変える
// 取得したデータをテーブルで表示
?>
<table class="table">
<tr>
<th>No.</th>
<th>日時</th>
<th>投稿内容</th>
</tr>
<?php
while ($row = $stmt -> fetch(PDO::FETCH_ASSOC)) {
$i++;
if ($i % 2 == 1) {
?>
<tr bgcolor="#cccccc">
<?php
} else {
?>
<tr>
<?php
}
?>
<td><?php echo "$i"; ?></td>
<td><?php echo "$row[updated_at]"; ?></td>
<td><?php echo "$row[content]"; ?></td>
</tr>
<?php
}
?>
</table>
ファイルの転送
$ scp -i ~/.ssh/FirstKey.pem ~/Desktop/bbs.php ec2-user@(パブリックIP):/var/www/html
※記号の意味
コマンドをローカル環境で実行
$ (コマンド)