PHP开发 学生管理系统之浏览学生页面

创建 index.php 文件

此文件使用了HTML和PHP语言混编

流程如下

5.jpg

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息管理</title>
    <script>
        function doDel(id) {
            if(confirm('确认删除?')) {
                window.location='action.php?action=del&id='+id;
            }
        }
    </script>
</head>
<body>
    <?php
    include ("menu.php");
 ?>
 <h3>浏览学生信息</h3>
    <table width="350" border="1" cellspacing="0">
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>班级</th>
            <th>操作</th>
        </tr>
        <?php
 //    1. 链接数据库
 header("content-type:text/html;charset=utf8");
 $conn=mysqli_connect("localhost","root","root","study");
        mysqli_set_charset($conn,"utf8");
 //2.执行sql
 $sql_select = "select * from stu";
 //3.data 解析
 foreach ( $conn->query($sql_select) as $row) {
 echo "<tr>";
 echo "<th>{$row['id']} </th>";
 echo "<th>{$row['name']}</th>";
 echo "<th>{$row['sex']} </th>";
 echo "<th>{$row['age']} </th>";
 echo "<th>{$row['class']}</th>";
 echo "<td>
          <a href='edit.php?id={$row['id']}'>修改</a>
          <a href='javascript:void(0);' onclick='doDel({$row['id']})'>删除</a>
        </td>";
 echo "</tr>";
        }
 ?>
 </table>
</body>
</html>

看上面的代码,上面有一个修改按钮和删除按钮,下一步我们就是做我们的修改删除功能



Weiter lernen
||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<body>
<meta charset="UTF-8">
<title></title>
<h2></h2>
<a href="index.php"> </a>
<a href="add.php"> </a>
<hr>
<h3></h3>
<table cellspacing="0" border="1" width="350">
<tbody><tr>
<th>ID</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr><th>3 </th><th></th><th> </th><th>12 </th><th></th><td>
<a href="edit.php?id=3"></a>
<a href="javascript:void(0);" onclick="doDel(3)"></a>
</td></tr><tr><th>4 </th><th></th><th> </th><th>12 </th><th></th><td>
<a href="edit.php?id=4"></a>
<a href="javascript:void(0);" onclick="doDel(4)"></a>
</td></tr> </tbody></table>
</body>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
einreichenCode zurücksetzen
图片放大关闭