PHP 개발자로서 데이터베이스를 운영해야 하는 경우가 많습니다. 실제 프로젝트에서는 삭제, 수정 등의 일부 작업을 구현하기 위해 팝업 창을 사용해야 하는 경우가 많습니다.
이 글에서는 독자들이 이 기술을 더 잘 익힐 수 있도록 돕기 위해 PHP 팝업 창을 통해 데이터베이스를 작동하는 방법을 소개합니다.
1. 준비
팝업창을 구현하기 전에 다음 작업을 준비해야 합니다.
1. 데이터베이스 연결: PHP를 사용하여 데이터베이스 연결을 만들어야 합니다.
2. 데이터베이스 쿼리: 작동해야 하는 데이터를 얻으려면 PHP를 사용하여 데이터베이스를 쿼리해야 합니다.
3. 팝업창 코드: 팝업창 코드를 작성하려면 JavaScript나 jQuery를 사용해야 합니다.
시연의 편의를 위해 여기서는 MySQL을 데이터베이스로 사용하고 PHP PDO를 사용하여 데이터베이스에 연결합니다.
2. 데이터 삭제
아래에서는 팝업창을 통해 데이터를 삭제하는 방법을 소개하겠습니다. 먼저 데이터베이스에서 삭제할 데이터를 가져온 다음 이를 페이지에 표시하여 사용자 선택을 용이하게 해야 합니다.
1. 데이터 쿼리
다음 코드를 사용하여 삭제해야 하는 데이터를 쿼리할 수 있습니다.
<?php
//连接数据库
$dsn = 'mysql:host=localhost;dbname=test;charset=utf8';
$username = 'root';
$password = '123456';
$options = [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, //异常处理模式
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, //默认的查询结果类型
];
$pdo = new PDO($dsn, $username, $password, $options);
//查询要删除的数据
$sql = "SELECT * FROM test_table WHERE status = 0"; //status字段表示待删除数据
$stmt = $pdo->prepare($sql);
$stmt->execute();
$data = $stmt->fetchAll();
?>위 코드에서는 먼저 데이터베이스에 연결하고 SELECT 문을 사용하여 삭제해야 하는 데이터를 쿼리합니다. 삭제됩니다. 그 중 상태 필드는 삭제할 데이터를 나타냅니다.
다음으로 사용자가 선택할 수 있도록 쿼리된 데이터를 페이지에 표시합니다.
<table> <thead> <tr> <th>ID</th> <th>Name</th> <th>Email</th> <th>Action</th> </tr> </thead> <tbody> <?php foreach($data as $index=>$row): ?> <tr> <td><?php echo $row['id']; ?></td> <td><?php echo $row['name']; ?></td> <td><?php echo $row['email']; ?></td> <td><button class="delete-btn" data-id="<?php echo $row['id']; ?>">删除</button></td> </tr> <?php endforeach; ?> </tbody> </table>
위 코드에서는 HTML 테이블을 사용하여 쿼리된 데이터를 페이지에 표시합니다. 삭제 기능을 구현하기 위해 데이터의 각 행에 삭제 버튼을 추가하고 해당 ID 값을 data-id 속성을 통해 저장합니다.
마지막으로 삭제 기능을 구현해 보겠습니다. 사용자가 삭제 버튼을 클릭하면 사용자에게 데이터 삭제 여부를 묻는 확인 상자가 나타납니다. 사용자가 삭제를 확인하면 데이터베이스에서 데이터를 삭제하라는 AJAX 요청을 보냅니다.
$('.delete-btn').on('click', function() {
var id = $(this).data('id');
if (confirm('确定要删除吗？')) {
$.ajax({
url: 'delete.php', //处理删除请求的PHP文件
type: 'POST',
data: {id: id},
success: function(res) {
if (res.code === 0) {
alert('删除成功');
window.location.reload(); //刷新页面
} else {
alert('删除失败，请稍后再试');
}
},
error: function() {
alert('请求失败，请稍后再试');
}
});
}
});위 코드에서는 jQuery를 사용하여 삭제 버튼의 클릭 이벤트를 바인딩했습니다. 사용자가 삭제 버튼을 클릭하면 먼저 데이터의 ID 값을 가져온 후 확인 기능을 사용하여 사용자에게 삭제 여부를 묻는 확인 상자가 나타납니다. 사용자가 확인을 클릭하면 delete.php 파일에 POST 요청을 보내 데이터베이스에서 데이터를 삭제합니다.
참고: delete.php 파일의 코드는 다음과 같습니다.
<?php
//连接数据库
$dsn = 'mysql:host=localhost;dbname=test;charset=utf8';
$username = 'root';
$password = '123456';
$options = [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, //异常处理模式
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, //默认的查询结果类型
];
$pdo = new PDO($dsn, $username, $password, $options);
//删除数据
$id = $_POST['id'];
$sql = "DELETE FROM test_table WHERE id = :id";
$stmt = $pdo->prepare($sql);
$stmt->bindParam(':id', $id, PDO::PARAM_INT);
$res = $stmt->execute();
//返回结果
if ($res) {
echo json_encode(['code' => 0, 'msg' => '删除成功']);
} else {
echo json_encode(['code' => 1, 'msg' => '删除失败']);
}
?>위 코드에서는 먼저 데이터베이스에 연결한 다음 DELETE 문을 사용하여 데이터베이스에서 데이터를 삭제합니다. 마지막으로 결과를 JSON 형식으로 반환합니다.
3. 데이터 수정
데이터 삭제 외에도 데이터를 수정해야 하는 경우가 많습니다. 아래에서는 팝업창을 통해 데이터를 수정하는 방법을 소개하겠습니다.
먼저 수정해야 할 데이터를 데이터베이스에서 쿼리하여 사용자가 쉽게 수정할 수 있도록 페이지에 표시해야 합니다.
<?php
//连接数据库
$dsn = 'mysql:host=localhost;dbname=test;charset=utf8';
$username = 'root';
$password = '123456';
$options = [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, //异常处理模式
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, //默认的查询结果类型
];
$pdo = new PDO($dsn, $username, $password, $options);
//查询要修改的数据
$id = $_GET['id'];
$sql = "SELECT * FROM test_table WHERE id = :id";
$stmt = $pdo->prepare($sql);
$stmt->bindParam(':id', $id, PDO::PARAM_INT);
$stmt->execute();
$data = $stmt->fetch();
?>위 코드에서는 먼저 $_GET['id']를 통해 수정이 필요한 데이터의 ID를 얻어옵니다. 그런 다음 SELECT 문을 사용하여 데이터베이스에서 데이터를 쿼리합니다.
다음으로 사용자가 쉽게 수정할 수 있도록 쿼리된 데이터를 페이지에 표시합니다. 여기서는 여전히 HTML 양식을 사용하여 쿼리된 데이터를 양식에 채웁니다.
<form> <input type="hidden" name="id" value="<?php echo $data['id']; ?>"> <div> <label>Name:</label> <input type="text" name="name" value="<?php echo $data['name']; ?>"> </div> <div> <label>Email:</label> <input type="text" name="email" value="<?php echo $data['email']; ?>"> </div> <button class="submit-btn">保存</button> <button class="cancel-btn" type="button" onclick="history.back()">取消</button> </form>
수정해야 하는 데이터의 ID 값을 저장하기 위해 양식에 숨겨진 필드를 추가했습니다.
마지막으로 수정 기능을 구현해 보겠습니다. 사용자가 저장 버튼을 클릭하면 수정된 데이터를 데이터베이스로 업데이트하기 위해 AJAX 요청을 보냅니다.
$('.submit-btn').on('click', function() {
var data = $('form').serialize();
$.ajax({
url: 'update.php', //处理修改请求的PHP文件
type: 'POST',
data: data,
success: function(res) {
if (res.code === 0) {
alert('修改成功');
window.location.href = 'index.php'; //跳转到列表页
} else {
alert('修改失败，请稍后再试');
}
},
error: function() {
alert('请求失败，请稍后再试');
}
});
});위 코드에서는 jQuery를 사용하여 저장 버튼의 클릭 이벤트를 바인딩했습니다. 사용자가 저장 버튼을 클릭하면 먼저 직렬화 기능을 통해 양식의 모든 데이터를 가져와 update.php 파일로 보냅니다. 여기서는 POST 메소드를 사용하여 데이터를 전송합니다.
참고: update.php 파일의 코드는 다음과 같습니다.
<?php
//连接数据库
$dsn = 'mysql:host=localhost;dbname=test;charset=utf8';
$username = 'root';
$password = '123456';
$options = [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, //异常处理模式
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, //默认的查询结果类型
];
$pdo = new PDO($dsn, $username, $password, $options);
//修改数据
$id = $_POST['id'];
$name = $_POST['name'];
$email = $_POST['email'];
$sql = "UPDATE test_table SET name = :name, email = :email WHERE id = :id";
$stmt = $pdo->prepare($sql);
$stmt->bindParam(':id', $id, PDO::PARAM_INT);
$stmt->bindParam(':name', $name, PDO::PARAM_STR);
$stmt->bindParam(':email', $email, PDO::PARAM_STR);
$res = $stmt->execute();
//返回结果
if ($res) {
echo json_encode(['code' => 0, 'msg' => '修改成功']);
} else {
echo json_encode(['code' => 1, 'msg' => '修改失败']);
}
?>위 코드에서는 먼저 데이터베이스에 연결한 다음 UPDATE 문을 사용하여 데이터를 데이터베이스에 업데이트합니다. 마지막으로 결과를 JSON 형식으로 반환합니다.
여기에서는 데모의 편의를 위해 직렬화 기능을 사용하여 양식 데이터를 문자열로 변환하지만 실제 프로젝트에서는 파일 업로드와 같은 기능을 지원하기 위해 일반적으로 FormData 개체를 사용하여 양식 데이터를 처리합니다.
4. 요약
본 글의 소개를 통해 PHP 팝업창을 통해 데이터베이스를 운용하는 방법을 알아보았습니다. 삭제든 수정이든 유사한 방법을 사용하여 이를 달성할 수 있습니다. 이 글이 독자들에게 도움이 되기를 바랍니다. 아직 이해가 되지 않는 부분이 있으면 토론을 위해 메시지를 남겨주세요.
위 내용은 PHP 팝업창을 통해 데이터베이스를 운영하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
