Bagaimana untuk mengendalikan pangkalan data melalui tetingkap pop timbul PHP

Sebagai pembangun PHP, kami selalunya perlu mengendalikan pangkalan data. Dalam projek sebenar, kita selalunya perlu menggunakan tetingkap timbul untuk melaksanakan beberapa operasi, seperti pemadaman, pengubahsuaian, dsb.

Artikel ini akan memperkenalkan cara mengendalikan pangkalan data melalui tetingkap pop timbul PHP, bertujuan untuk membantu pembaca menguasai kemahiran ini dengan lebih baik.

1. Kerja penyediaan

Sebelum melaksanakan tetingkap timbul, kami perlu menyediakan kerja berikut:

1 sambungan pangkalan data.

2. Pertanyaan pangkalan data: Kami perlu menggunakan PHP untuk menanyakan pangkalan data untuk mendapatkan data yang perlu dikendalikan.

3. Kod tetingkap timbul: Kami perlu menggunakan JavaScript atau jQuery untuk menulis kod tetingkap timbul.

Untuk kemudahan demonstrasi, di sini kami menggunakan MySQL sebagai pangkalan data dan PHP PDO untuk menyambung ke pangkalan data.

2. Padam data

Di bawah ini kami akan memperkenalkan cara memadam data melalui tetingkap timbul. Pertama, kita perlu mendapatkan data untuk dipadamkan daripada pangkalan data dan kemudian memaparkannya pada halaman untuk memudahkan pemilihan pengguna.

1. Data pertanyaan

Kami boleh menggunakan kod berikut untuk menanyakan data yang perlu dipadamkan:

<?php
//连接数据库
$dsn = &#39;mysql:host=localhost;dbname=test;charset=utf8&#39;;
$username = &#39;root&#39;;
$password = &#39;123456&#39;;
$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();
?>

Dalam kod di atas, kami mula-mula menyambung ke pangkalan data dan pertanyaan menggunakan pernyataan SELECT Data yang perlu dipadamkan. Antaranya, medan status menunjukkan data yang akan dipadamkan.

2. Paparkan data

Seterusnya, kami memaparkan data yang ditanya pada halaman untuk dipilih oleh pengguna.

<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[&#39;id&#39;]; ?></td>
            <td><?php echo $row[&#39;name&#39;]; ?></td>
            <td><?php echo $row[&#39;email&#39;]; ?></td>
            <td><button class="delete-btn" data-id="<?php echo $row[&#39;id&#39;]; ?>">删除</button></td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>

Dalam kod di atas, kami menggunakan jadual HTML untuk memaparkan data pertanyaan pada halaman. Untuk melaksanakan fungsi padam, kami menambah butang padam pada setiap baris data dan menyimpan nilai ID yang sepadan melalui atribut data-id.

3. Padam data

Akhir sekali, mari kita laksanakan fungsi pemadaman. Apabila pengguna mengklik butang padam, kami akan muncul kotak pengesahan yang meminta pengguna sama ada untuk memadam data. Jika pengguna mengesahkan pemadaman, kami akan menghantar permintaan AJAX untuk memadam data daripada pangkalan data.

$('.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('请求失败，请稍后再试');
            }
        });
    }
});

Dalam kod di atas, kami menggunakan jQuery untuk mengikat acara klik butang padam. Apabila pengguna mengklik butang padam, kami mula-mula mendapat nilai ID data, dan menggunakan fungsi pengesahan untuk memunculkan kotak pengesahan yang bertanya kepada pengguna jika mereka mahu memadamkannya. Jika pengguna mengklik untuk mengesahkan, kami akan menghantar permintaan POST ke fail delete.php untuk memadam data daripada pangkalan data.

Nota: Kod dalam fail delete.php adalah seperti berikut:

<?php
//连接数据库
$dsn = &#39;mysql:host=localhost;dbname=test;charset=utf8&#39;;
$username = &#39;root&#39;;
$password = &#39;123456&#39;;
$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' => '删除失败']);
}
?>

Dalam kod di atas, kami mula-mula menyambung ke pangkalan data, dan kemudian menggunakan pernyataan DELETE untuk memadam data daripada pangkalan data. Akhir sekali, kami mengembalikan keputusan dalam format JSON.

3. Ubah suai data

Selain memadamkan data, kita selalunya perlu mengubah suai data. Di bawah, kami akan memperkenalkan cara mengubah suai data melalui tetingkap pop timbul.

1. Data pertanyaan

Pertama, kita perlu menanyakan data yang perlu diubah suai daripada pangkalan data dan memaparkannya pada halaman untuk memudahkan pengubahsuaian pengguna.

<?php
//连接数据库
$dsn = &#39;mysql:host=localhost;dbname=test;charset=utf8&#39;;
$username = &#39;root&#39;;
$password = &#39;123456&#39;;
$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();
?>

Dalam kod di atas, kami mula-mula mendapatkan ID data yang perlu diubah suai melalui $_GET['id']. Kemudian, kami menggunakan pernyataan SELECT untuk menanyakan data daripada pangkalan data.

2. Paparan data

Seterusnya, kami memaparkan data yang ditanya pada halaman untuk memudahkan pengubahsuaian pengguna. Di sini kami masih menggunakan borang HTML untuk mengisi data pertanyaan ke dalam borang.

<form>
    <input type="hidden" name="id" value="<?php echo $data[&#39;id&#39;]; ?>">
    <div>
        <label>Name:</label>
        <input type="text" name="name" value="<?php echo $data[&#39;name&#39;]; ?>">
    </div>
    <div>
        <label>Email:</label>
        <input type="text" name="email" value="<?php echo $data[&#39;email&#39;]; ?>">
    </div>
    <button class="submit-btn">保存</button>
    <button class="cancel-btn" type="button" onclick="history.back()">取消</button>
</form>

Perhatikan bahawa kami menambahkan medan tersembunyi pada borang untuk menyimpan nilai ID data yang perlu diubah suai.

3. Ubah suai data

Akhir sekali, mari kita laksanakan fungsi pengubahsuaian. Apabila pengguna mengklik butang simpan, kami akan menghantar permintaan AJAX untuk mengemas kini data yang diubah suai ke dalam pangkalan data.

$('.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('请求失败，请稍后再试');
        }
    });
});

Dalam kod di atas, kami menggunakan jQuery untuk mengikat acara klik butang simpan. Apabila pengguna mengklik butang simpan, kami mula-mula mendapatkan semua data dalam borang melalui fungsi bersiri dan menghantarnya ke fail update.php. Di sini kami menggunakan kaedah POST untuk menghantar data.

Nota: Kod dalam fail update.php adalah seperti berikut:

<?php
//连接数据库
$dsn = &#39;mysql:host=localhost;dbname=test;charset=utf8&#39;;
$username = &#39;root&#39;;
$password = &#39;123456&#39;;
$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' => '修改失败']);
}
?>

Dalam kod di atas, kami mula-mula menyambung ke pangkalan data, dan kemudian menggunakan pernyataan UPDATE untuk mengemas kini data ke dalam pangkalan data. Akhir sekali, kami mengembalikan keputusan dalam format JSON.

Perhatikan bahawa untuk kemudahan demonstrasi, di sini kami menggunakan fungsi bersiri untuk menukar data borang kepada rentetan, tetapi dalam projek sebenar, kami biasanya menggunakan objek FormData untuk memproses data borang untuk menyokong fungsi seperti memuat naik fail.

4. Ringkasan

Melalui pengenalan artikel ini, kami telah mempelajari cara mengendalikan pangkalan data melalui tetingkap pop timbul PHP. Sama ada pemadaman atau pengubahsuaian, kita boleh menggunakan kaedah yang sama untuk mencapainya. Saya harap artikel ini dapat memberikan sedikit bantuan kepada pembaca Jika ada apa-apa yang anda masih tidak faham, anda boleh meninggalkan mesej untuk perbincangan.

Atas ialah kandungan terperinci Bagaimana untuk mengendalikan pangkalan data melalui tetingkap pop timbul PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!