ブログシステムの構築（3）

一覧画面を作る

  • 「admin」フォルダーの中に、「index.php」を作成


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>記事一覧画面</title>
<link href="../css/base.css" rel="stylesheet" type="text/css" media="screen, print" />
</head>
<body>
<h1>Blogシステム管理画面</h1>
<h2>記事一覧画面</h2>
<p><a href="input.php">新しい記事を追加する</a></p>
<table width="100%">
<tr>
<th scope="col">ID</th>
<th scope="col">タイトル</th>
<th scope="col">編集</th>
<th scope="col">削除</th>
</tr>
<tr>
<td>1</td>
<td>サンプルのタイトルです</td>
<td>編集</td>
<td>削除</td>
</tr>
</table>
</body>
</html>

レコードセットの作成

  • 「バインディング」パネルの「＋」ボタンをクリックして「レコードセット（クエリー）」を選択します



バインディングを設定

  • Bind（割り当て）

  • サンプルのタイトル文字を選択します

  • 「バインディング」パネルの「subject」のアイコンを選択した箇所にドロップ＆ドラッグします

  • ブラウザでプレビュー

データを追加してリピート領域で表示

  1. 繰り返したい領域を選択する（タグセレクタで<tr>を選択する）
  2. 「サーバービヘイビア」→「リピート領域」を選択




<?php require_once('../Connections/MyBlogDatabase.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}

mysql_select_db($database_MyBlogDatabase, $MyBlogDatabase);
$query_entry_list = "SELECT * FROM entry_table";
$entry_list = mysql_query($query_entry_list, $MyBlogDatabase) or die(mysql_error());
$row_entry_list = mysql_fetch_assoc($entry_list);
$totalRows_entry_list = mysql_num_rows($entry_list);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>記事一覧画面</title>
<link href="../css/base.css" rel="stylesheet" type="text/css" media="screen, print" />
</head>
<body>
<h1>Blogシステム管理画面</h1>
<h2>記事一覧画面</h2>
<p><a href="input.php">新しい記事を追加する</a></p>
<table width="100%">
<tr>
<th scope="col">ID</th>
<th scope="col">タイトル</th>
<th scope="col">編集</th>
<th scope="col">削除</th>
</tr>
<?php do { ?>
  <tr>
    <td><?php echo $row_entry_list['entry_id']; ?></td>
    <td><?php echo $row_entry_list['subject']; ?></td>
    <td>編集</td>
    <td>削除</td>
  </tr>
  <?php } while ($row_entry_list = mysql_fetch_assoc($entry_list)); ?>
</table>
</body>
</html>
<?php
mysql_free_result($entry_list);
?>
「index.php」をプレビュー