从MySQL到HTML表(PHP、PDO、MySQL)的坐标


Coordinates from MySQL to HTML table (PHP, PDO, MySQL)

我正在创建一个使用MySQL数据库创建"游戏场"的游戏。

在MySQL表中,我有两列pointXpointY,都是INT。我也可以使用POINT,但在我的情况下,这两列是更好的解决方案。

| id | pointX | pointY | player | game |
|----|--------|--------|--------|------|
| 1  | -2     | 1      | 7      | 10   |
| 2  | -3     | 2      | 5      | 10   |
| 3  | 2      | -2     | 2      | 10   |
| 4  | -2     | -1     | 1      | 10   |

我应该从这个MySQL表生成HTML表。类似这样的东西,但没有坐标头(下面这些只是为了更容易理解):

|-----|----|----|----|----|----|----|
| Y/X | -3 | -2 | -1 | 0  | 1  | 2  |
|-----|----|----|----|----|----|----|
| -2  |    |    |    |    |    | 2  |
|-----|----|----|----|----|----|----|
| -1  |    | 1  |    |    |    |    |
|-----|----|----|----|----|----|----|
| 0   |    |    |    |    |    |    |
|-----|----|----|----|----|----|----|
| 1   |    | 7  |    |    |    |    |
|-----|----|----|----|----|----|----|
| 2   | 5  |    |    |    |    |    |
|-----|----|----|----|----|----|----|

另外。。每个<td>应该具有属性data-cell,该属性包括坐标,例如data-cell="-2x-1"

开始的最佳方式是什么?

$rng = $dbh->prepare('
  SELECT   MIN(pointX) AS minX, MIN(pointY) AS minY,
           MAX(pointX) AS maxX, MAX(pointY) AS maxY
  FROM     field
  WHERE    game = ?
  LOCK IN SHARE MODE
');
$qry = $dbh->prepare('
  SELECT   pointX, pointY, player
  FROM     field
  WHERE    game = ?
  ORDER BY pointX, pointY
');
$dbh->beginTransaction();
$rng->execute([$game_id]);
$qry->execute([$game_id]);
$dbh->rollBack();
$limits = $rng->fetch();
$player = $qry->fetch();
echo '<table>';
for ($y = $limits['minY']; $y <= $limits['maxY']; $y++) {
  echo '<tr>';
  for ($x = $limits['minX']; $x <= $limits['maxX']; $x++) {
    printf('<td data-cell="%dx%+dy">', $x, $y);
    if ($player and $player['pointX'] == $x and $player['pointY'] == $y) {
      echo htmlentities($player['player']);
      $player = $qry->fetch();
    } else {
      echo '&nbsp;';
    }
    echo '</td>';
  }
  echo '</tr>';
}
echo '</table>';

看起来您已经有了一个良好的开端。假设X和Y的单元格数量分别为$xcells和$ycells,我将采取的下一步是这样构建表:

echo "<table>";
for ($i = -3; $i < $ycells; i++) {
  echo "<tr>";
  for ($j = -3; $j < $xcells; j++) {
    echo "<td data-cell='" . $i . "y" . $j . "x'>";
  }
  echo "</tr>";
}
echo "</table>";