<table class="list-table">
<thead>
<tr>
<th><input type="checkbox"></th>
<th style="display: none;">帐号</th>
<th>学号</th>
<th>姓名</th>
<th>手机号</th>
<th>班级</th>
<th>学院</th>
<th>Mac地址</th>
<th>操作</th>
</tr>
</thead>
<tbody id="list">
</tbody>
</table>
<script>
$.ajax({
type:"get",
url:"Student.php",
dataType:"json",
success:function (data) {
$(data).each(
function (i, values) {
$("#list").html($("#list").html()
+"<tr><td><input type='checkbox' name='tag'></td>"
+"<td style='display: none;'>"+values.id+"</td>"
+"<td>"+values.sno+"</td>"
+"<td>"+values.name+"</td>"
+"<td>"+values.phone+"</td>"
+"<td>"+values.class+"</td>"
+"<td>"+values.academy+"</td>"
+"<td>"+values.mac_address+"</td>"
+"<td><button style='border:0' onclick='callParent("+values.id+")'><img alt='修改' src='picture/edit.png' width=25 height=25 /></button> <button style='border:0' onclick='deleteStudent("+values.id+")'><img alt='删除' src='picture/delete.png' width=30 height=30/></button></td></tr>"
);
}
);
},
})
function callParent(sid){
parent.coverit(sid);
}
function deleteStudent(sid){
$.ajax({
type:"post",
url:"StudentDelete.php",
dataType:"json",
data:{ "id": sid}
})
}
function addStudent(){
parent.addStudent();
}
</script>
parent 出现遮盖层
#cover{
display:none;
position:fixed;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.2);
}
#coverShow1{
display:none;
position:fixed;
z-index:2;
top:5%;
left:30%;
border-radius: 6px;
width:600px;
height:500px;
background: #fff;
border: 2px solid #bfd6ea;
}
<?php
/*
*按json方式输出
*@param integer $code 状态码
*@param string $message 提示信息
*@param array $data 数据
*return string
*/
class Response{
public static function json($code,$message ="",$data=array()){
if(!is_numeric($code)){
return"";
}
$result = array(
'code' => $code,
'message' => $message,
'data' => $data,
);
echo json_encode($result);
exit;
}
}
?>
<?php
require_once('./json.php');
error_reporting(E_ALL || ~E_NOTICE);
header("Access-Control-Allow-Origin:*");
header("Content-Type:application/json;charset=UTF-8");
$link=mysql_connect('localhost','root','123456');
if(!$link){
echo "fail";
}
mysql_select_db("checkattendance");
mysql_query("set names utf8");
$sql = "select * from student";
$result=mysql_query($sql);
$data =array();
class Student
{
public $id ;
public $sno;
public $name;
public $phone;
public $class;
public $academy;
public $mac_address;
}
while ($row= mysql_fetch_array($result))
{
$Student =new Student();
$Student->id = $row["id"];
$Student->sno = $row['sno'];
$Student->name = $row['name'];
$Student->phone = $row['phone'];
$Student->class = $row['class'];
$Student->academy = $row['academy'];
$Student->mac_address = $row['mac_address'];
$data[]=$Student;
}
$test = json_encode($data);
echo $test;
// Response::json(200,'success',$test);
?>
<?php
error_reporting(E_ALL || ~E_NOTICE);
header("Content-Type:application/json;charset=UTF-8");
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "checkattendance";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
} else {
$sql = "INSERT INTO student(id,sno,name,phone,class,academy,mac_address) VALUES(?,?,?,?,?,?,?)";
$stmt = mysqli_stmt_init($conn);
if (mysqli_stmt_prepare($stmt, $sql)) {
mysqli_stmt_bind_param($stmt, 'issssss', $id,$sno,$name,$phone,$class,$academy,$mac_address);
$id = $_POST['id'];
$sno = $_POST['sno'];
$name = $_POST['name'];
$phone = $_POST['phone'];
$class = $_POST['class'];
$academy = $_POST['academy'];
$mac_address = $_POST['mac_address'];
mysqli_stmt_execute($stmt);
}
}
header("Location:index.php");
?>
<?php
error_reporting(E_ALL || ~E_NOTICE);
header("Content-Type:application/json;charset=UTF-8");
$link=mysql_connect('localhost','root','123456');
if(!$link){
echo "fail";
}
mysql_select_db("checkattendance");
mysql_query("set names utf8");
$id = $_POST['id'];
$sno = $_POST['sno'];
$name = $_POST['name'];
$phone = $_POST['phone'];
$class = $_POST['class'];
$academy = $_POST['academy'];
$mac_address = $_POST['mac_address'];
$sql = "update student set name='".$name."',phone='".$phone."',class='".$class."',academy='".$academy."',mac_address='".$mac_address."' where id=".$id;
$result=mysql_query($sql);
header("Location:index.php");
?>
<?php
error_reporting(E_ALL || ~E_NOTICE);
header("Content-Type:application/json;charset=UTF-8");
$id = $_POST['id'];
$link=mysql_connect('localhost','root','123456');
if(!$link){
echo "fail";
}
mysql_select_db("checkattendance");
$sql = "delete from student where id=".$id;
$result=mysql_query($sql);
header("Location:index.php");
?>
<div id="cover"></div>
<div id="coverShow1">
<div class="layui-tab layui-tab-brief main-tab-container">
<ul class="layui-tab-title main-tab-title">
<div class="main-tab-item">修改信息</div>
</ul>
<div class="layui-tab-content">
<form class="layui-form" action="StudentEdit.php" method="post">
<div class="layui-tab-item layui-show">
<div class="layui-form-item">
<label class="layui-form-label">ID</label>
<div class="layui-input-inline input-custom-width">
<input type="text" id="id" name="id" lay-verify="required" autocomplete="off" class="layui-input" readonly="readonly">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学号</label>
<div class="layui-input-inline input-custom-width">
<input type="text" id="sno" name="sno" lay-verify="required" autocomplete="off" class="layui-input" readonly="readonly">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-inline input-custom-width">
<input type="text" id="name" name="name" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手机号</label>
<div class="layui-input-inline input-custom-width">
<input type="text" id="phone" name="phone" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">班级</label>
<div class="layui-input-inline input-custom-width">
<input type="text" id="class" name="class" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学院</label>
<div class="layui-input-inline input-custom-width">
<input type="text" id="academy" name="academy" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">Mac地址</label>
<div class="layui-input-inline input-custom-width">
<input type="text" id="mac_address" name="mac_address" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<input class="layui-btn" type="submit" value="确认修改" lay-filter="feedback_edit">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
function coverit(sid)
{
var cover = document.getElementById("cover");
var covershow = document.getElementById("coverShow1");
cover.style.display = 'block';
covershow.style.display = 'block';
$.ajax({
type:"get",
url:"SelectStudent.php",
dataType:"json",
data:{ "id": sid},
success:function (data) {
document.getElementById("id").value=data[0].id;
document.getElementById("sno").value=data[0].sno;
document.getElementById("name").value=data[0].name;
document.getElementById("phone").value=data[0].phone;
document.getElementById("class").value=data[0].class;
document.getElementById("academy").value=data[0].academy;
document.getElementById("mac_address").value=data[0].mac_address;
},
})
setTimeout("showTime1()",15000);
}
function showTime1(){
var cover = document.getElementById("cover");
var covershow = document.getElementById("coverShow1");
cover.style.display = '';
covershow.style.display = '';
}