Cara menggunakan PHP untuk melaksanakan penyuntingan terus jadual

Dengan perkembangan pesat teknologi Internet, skop aplikasi aplikasi Web menjadi semakin meluas. Paparan data dan fungsi pengumpulan data yang disediakan oleh aplikasi web memainkan peranan penting dalam operasi dan pengurusan banyak perusahaan dan individu. Pembentangan dan pengumpulan data jadual adalah salah satu ciri yang paling biasa dalam aplikasi web. Dalam proses ini, fungsi menyunting data jadual sangat diperlukan, dan menyedari penyuntingan terus jadual sudah pasti merupakan cara penting untuk meningkatkan kecekapan operasi dan mengoptimumkan pengalaman pengguna. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan fungsi penyuntingan langsung jadual.

1. Teknologi penyuntingan langsung

Teknologi penyuntingan langsung ialah teknologi yang menyediakan penyuntingan terus jadual dalam aplikasi web. Dalam keadaan tradisional, mengedit borang memerlukan dua langkah: klik butang edit untuk memasuki halaman pengeditan, isikan data yang perlu diubah suai dan serahkannya. Teknologi penyuntingan langsung membolehkan pengguna mengubah suai data terus dalam jadual dan menyimpan operasi ini serta-merta tanpa beroperasi pada halaman lain. Ini boleh mengurangkan langkah pengendalian pengguna, meningkatkan kecekapan pengendalian dan mengoptimumkan pengalaman pengguna.

Model teknologi penyuntingan langsung adalah berdasarkan teknologi Ajax, yang boleh menghantar permintaan HTTP ke pelayan melalui teknologi JS bahagian hadapan untuk mengubah suai dan menyimpan data tanpa memuat semula halaman.

2. Laksanakan penyuntingan jadual langsung

Untuk mencipta jadual dalam HTML, anda perlu menambah fungsi mendengar acara klik pada sel semasa dalam setiap lajur jadual, supaya apabila pengguna klik tertentu Apabila sel dimasukkan, fungsi mendengar akan dicetuskan untuk melaksanakan operasi penyuntingan sel. Anda boleh menggunakan kod jQuery berikut untuk melaksanakan peristiwa klik sel:

$(document).ready(function(){
    $("td").click(function(){
        $(this).attr("contenteditable","true"); // 使表格单元格变为可编辑状态
    });
});

Antaranya, kaedah attr() boleh digunakan untuk menetapkan atau mengembalikan nilai atribut elemen yang dipilih, dan atribut boleh diedit kandungan ialah digunakan untuk menetapkan elemen sasaran kepada keadaan boleh diedit.

Seterusnya, selepas penyuntingan sel jadual selesai, data perlu diserahkan kepada pelayan untuk disimpan. Teknologi Ajax boleh digunakan untuk melaksanakan fungsi ini dalam PHP. Anda boleh menggunakan kaedah AJAX dalam perpustakaan jQuery untuk menghantar data ke pelayan Pada bahagian pelayan, anda boleh menggunakan pembolehubah $_POST untuk mendapatkan data borang. Fungsi penyerahan data AJAX dilaksanakan melalui kod berikut:

$(document).ready(function(){
    $("td").blur(function(){
        $.ajax({
            type: "POST",
            url: "update_table.php",//服务器端接收数据的地址
            data: {value: $(this).text(),id: $(this).attr("id")},
            success: function(response){
                alert(response);
            }
        });
        $(this).attr("contenteditable","false"); // 编辑完成后将表格单元格设置为不可编辑状态
    });
});

Dalam kod di atas, kaedah blur() digunakan untuk menghantar data sel ke halaman update_table.php selepas sel jadual menutup mod edit. Kaedah penghantaran data ialah POST, dan nilai dan id ialah nilai dan ID sel jadual. Panggilan balik kejayaan ialah kaedah yang dicetuskan selepas akses Ajax yang berjaya boleh ditambahkan pada kaedah tersebut.

Berikut ialah contoh kod bahagian pelayan PHP:

<?php
$value=$_POST[&#39;value&#39;];
$id=$_POST["id"];
$con=mysqli_connect("localhost","root","123456","testdb");
if(mysqli_connect_errno()){
    echo "连接失败：".mysqli_connect_error();
}
$sql = "UPDATE testtable SET name=&#39;$value&#39; where id=&#39;$id&#39;";
if(!mysqli_query($con,$sql)){
    die(&#39;Error: &#39;.mysqli_error($con));
}
echo "保存成功";
mysqli_close($con);
?>

Dalam kod ini, pembolehubah $value mewakili nilai yang diedit oleh pengguna dalam jadual dan $id mewakili ID nilai baris semasa. Kod ini menggunakan perpustakaan fungsi MySQLi untuk menyambung ke pangkalan data MySQL, mengemas kini data yang disunting pengguna dalam jadual ujian pangkalan data untuk ID yang ditentukan, dan akhirnya mengeluarkan mesej simpan yang berjaya pada halaman.

3. Ringkasan

Melaksanakan fungsi penyuntingan terus jadual melalui PHP boleh meningkatkan kecekapan operasi pengguna dan mengoptimumkan pengalaman pengguna. Artikel ini memperkenalkan proses penggunaan teknologi Ajax untuk mencapai penyuntingan langsung, dengan mencipta jadual HTML dan menggunakan sintaks jQuery untuk mengedit dan menyimpan sel jadual. Gunakan kod PHP pada bahagian pelayan untuk mengemas kini data ke jadual pangkalan data MySQL yang ditentukan. Teknik menulis kod ini tidak sukar untuk pembangun yang mempunyai asas pembangunan web tertentu untuk dilaksanakan, dan boleh digunakan untuk kebanyakan aplikasi web. Saya harap artikel ini akan membantu pembangun PHP dalam mempelajari dan melaksanakan fungsi penyuntingan terus jadual.

Atas ialah kandungan terperinci Cara menggunakan PHP untuk melaksanakan penyuntingan terus jadual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!