Terokai cara menukar data PHP kepada jadual

PHP ialah bahasa skrip bahagian pelayan sumber terbuka yang biasa digunakan untuk pembangunan tapak web. Dalam pembangunan laman web, jadual adalah elemen yang paling biasa digunakan, biasanya digunakan untuk memaparkan data atau susun atur. Oleh itu, menukar PHP kepada jadual adalah kemahiran yang diperlukan.

Dalam artikel ini, kami akan meneroka cara menukar PHP kepada jadual dan memperkenalkan beberapa petua dan pertimbangan praktikal.

1. Apakah itu borang?

Pertama, mari kita fahami apa itu jadual. Jadual ialah struktur dua dimensi yang terdiri daripada baris dan lajur yang digunakan untuk memaparkan data pada halaman web. Biasanya, jadual mengandungi baris pengepala, baris data dan baris ekor. Setiap sel boleh mengandungi teks, imej atau pautan.

Kod jadual biasanya ditulis menggunakan tag HTML, seperti yang ditunjukkan di bawah:

<table> <!-- 表格 -->
  <tr> <!-- 行 -->
    <th>标题 1</th> <!-- 表格标题 -->
    <th>标题 2</th>
  </tr>
  <tr> <!-- 行 -->
    <td>数据 1</td> <!-- 单元格数据 -->
    <td>数据 2</td>
  </tr>
  <tr> <!-- 行 -->
    <td>数据 3</td>
    <td>数据 4</td>
  </tr>
</table>

2. Tukar PHP kepada jadual

Sekarang, kami telah memahami Asas jadual, seterusnya, kami akan membincangkan cara menukar PHP kepada jadual. Biasanya, kita boleh menggunakan binaan gelung PHP untuk mengulangi tatasusunan atau hasil pertanyaan pangkalan data dan kemudian menukarnya kepada jadual.

1. Gelung melalui tatasusunan

Andaikan kita mempunyai tatasusunan yang mengandungi beberapa maklumat pelajar, seperti nama, umur dan markah. Kita boleh menggunakan gelung foreach PHP untuk mengulangi tatasusunan ini dan menukarnya menjadi jadual.

<?php
$students = array(
  array("name"=>"张三", "age"=>18, "score"=>80),
  array("name"=>"李四", "age"=>20, "score"=>90),
  array("name"=>"王五", "age"=>22, "score"=>95)
);
?>
<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>分数</th>
  </tr>
  <?php foreach($students as $student): ?>
    <tr>
      <td><?php echo $student[&#39;name&#39;]; ?></td>
      <td><?php echo $student[&#39;age&#39;]; ?></td>
      <td><?php echo $student[&#39;score&#39;]; ?></td>
    </tr>
  <?php endforeach; ?>
</table>

Dalam kod di atas, kami menggunakan tatasusunan bernama $students untuk menyimpan maklumat pelajar. Kami kemudian menggunakan gelung foreach untuk lelaran melalui tatasusunan ini dan menukar maklumat pelajar ke dalam jadual. Dalam gelung, kami menggunakan teg jadual HTML untuk mencipta struktur jadual, dan menggunakan pembolehubah dan tatasusunan PHP untuk mengisi kandungan sel jadual.

2. Menyiasat pangkalan data

Selain tatasusunan, kami juga boleh menggunakan sambungan mysqli PHP untuk menanyakan pangkalan data dan menukar keputusan kepada jadual. Di bawah ialah contoh mudah yang menunjukkan cara untuk menanyakan pangkalan data MySQL dan menukar hasilnya ke dalam jadual.

<?php
// 连接数据库
$conn = mysqli_connect("localhost", "root", "", "test");
if (!$conn) {
    die("连接失败: " . mysqli_connect_error());
}

// 查询数据
$sql = "SELECT id, name, email FROM users";
$result = mysqli_query($conn, $sql);

// 输出表格
echo "<table>";
echo "<tr><th>ID</th><th>姓名</th><th>邮箱</th></tr>";
while ($row = mysqli_fetch_assoc($result)) {
    echo "<tr>";
    echo "<td>".$row['id']."</td>";
    echo "<td>".$row['name']."</td>";
    echo "<td>".$row['email']."</td>";
    echo "</tr>";
}
echo "</table>";

// 关闭连接
mysqli_close($conn);
?>

Dalam kod di atas, kami mula-mula menyambung ke pangkalan data MySQL menggunakan kaedah mysqli_connect(). Kami kemudiannya menanyakan pangkalan data menggunakan kaedah mysqli_query() dan menyimpan keputusan dalam pembolehubah. Seterusnya, kami menggunakan gelung sementara untuk mengulangi hasil pertanyaan dan menukarnya kepada jadual. Akhir sekali, kami menutup sambungan pangkalan data menggunakan kaedah mysqli_close().

3. Nota

Apabila menukar PHP kepada jadual, kita perlu memberi perhatian kepada beberapa butiran untuk memastikan jadual yang dihasilkan mempunyai kebolehbacaan dan kebolehaksesan yang baik.

1. Menggunakan pengepala jadual

Pengepala jadual ialah elemen yang diperlukan dalam jadual dan digunakan untuk menerangkan kandungan setiap lajur dalam jadual. Biasanya, kami menggunakan tag ke untuk menandakan sel pengepala dan meletakkannya di baris pertama jadual. Apabila lelaran pada tatasusunan atau hasil pertanyaan pangkalan data, kita harus memastikan bahawa lelaran pertama menjana pengepala jadual supaya lelaran seterusnya menjana data jadual.

2. Warna ganti antara baris

Menggunakan warna berselang-seli dalam jadual boleh meningkatkan kebolehbacaan dan kebolehaksesan. Kita boleh menggunakan lembaran gaya CSS untuk menetapkan warna latar belakang baris supaya ia silih berganti.

tr:nth-child(even) {
  background-color: #f2f2f2;
}

Dalam kod di atas, kami menggunakan pemilih nth-child() dan juga kata kunci untuk memilih setiap baris lain dan menetapkan warna latar belakangnya kepada kelabu.

3. Membuka jadual panjang

Jika jadual itu panjang, kami harus mempertimbangkan untuk membahagikannya kepada berbilang halaman dan menyediakan kawalan halaman untuk menyemak imbas pengguna. Anda boleh menggunakan pustaka paging PHP atau pemalam JavaScript untuk melaksanakan fungsi paging.

4. Gunakan penanda HTML yang boleh diakses

Apabila membuat jadual, kita hendaklah sentiasa mengikut Garis Panduan Kebolehcapaian Kandungan Web dan menggunakan penanda HTML semantik untuk menerangkan struktur jadual dan kandungan. Dengan cara ini, pengguna seperti orang buta atau pembaca skrin juga boleh mengakses dan memahami jadual dalam halaman web.

5. Gunakan reka bentuk responsif

Akhir sekali, kita harus mempertimbangkan untuk menggunakan reka bentuk responsif untuk memastikan jadual dipaparkan dengan baik pada peranti yang berbeza. Kami boleh melaksanakan jadual responsif menggunakan pertanyaan media CSS dan teknik reka letak seperti grid atau flex.

4. Kesimpulan

Ringkasnya, menukar PHP kepada jadual adalah kemahiran yang sangat berguna yang sering digunakan dalam pembangunan web. Apabila menukar PHP, kami perlu mengikut piawaian web dan mempertimbangkan aspek seperti kebolehbacaan, kebolehcapaian dan reka bentuk responsif supaya pengguna boleh memahami dan menggunakan borang yang kami cipta dengan mudah.

Atas ialah kandungan terperinci Terokai cara menukar data PHP kepada jadual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!