PHP dan Layui pada masa ini merupakan teknologi pembangunan web yang sangat popular PHP ialah bahasa pengaturcaraan tujuan umum sumber terbuka berorientasikan objek, manakala Layui ialah rangka kerja UI bahagian hadapan yang ringan. Dalam artikel ini, kita akan membincangkan cara menggunakan PHP dan Layui untuk melaksanakan operasi tambah, padam, ubah suai dan pertanyaan.
Pertama, kita memerlukan pangkalan data untuk menyimpan data. Katakan kami menggunakan MySQL sebagai pangkalan data dan kami telah mencipta jadual data bernama "pengguna" di dalamnya. Jadual data mengandungi medan berikut:
Seterusnya, kita perlu mencipta fail PHP untuk menyambung ke pangkalan data. Dalam fail PHP ini, kita boleh menggunakan kod berikut untuk membuat sambungan:
$servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检测连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } echo "连接成功";
Selepas sambungan berjaya, kita perlu menentukan beberapa fungsi untuk melaksanakan operasi tambah, padam, ubah suai dan semak. Berikut ialah contoh fungsi yang digunakan untuk mendapatkan semua maklumat pengguna daripada pangkalan data:
function getUsers() { $sql = "SELECT * FROM users"; $result = $conn->query($sql); if ($result->num_rows > 0) { // 输出数据 while($row = $result->fetch_assoc()) { echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Email: " . $row["email"]. "<br>"; } } else { echo "0 结果"; } }
Kami juga perlu menulis fungsi lain untuk melaksanakan operasi seperti memasukkan, mengemas kini dan memadam pengguna. Sebagai contoh, berikut ialah contoh fungsi yang digunakan untuk memasukkan pengguna baharu ke dalam pangkalan data:
function addUser($name, $email, $password) { $sql = "INSERT INTO users (name, email, password) VALUES ('$name', '$email', '$password')"; if ($conn->query($sql) === TRUE) { echo "新纪录插入成功"; } else { echo "Error: " . $sql . "<br>" . $conn->error; } }
Secara khusus, kita perlu mentakrifkan beberapa kotak input yang melepasi parameter input pengguna. Di sinilah Layui masuk. Layui merangkum pelbagai komponen bentuk, seperti kotak input, butang, kotak drop-down, dll. Kita boleh menggunakan komponen ini untuk melaksanakan antara muka pengguna. Sebagai contoh, kita boleh menambah kod berikut pada halaman:
<form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" name="name" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">电子邮件地址</label> <div class="layui-input-block"> <input type="text" name="email" lay-verify="email" placeholder="请输入电子邮件地址" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="addUser">提交</button> </div> </div> </form>
Selepas mengklik butang hantar, kita boleh menggunakan kod berikut untuk memanggil fungsi addUser dan memasukkan pengguna baharu:
layui.use(['form'], function () { var form = layui.form, layer = layui.layer; form.on('submit(addUser)', function (data) { //获取用户输入数据 var name = data.field.name, email = data.field.email, password = data.field.password; //调用addUser函数插入新用户 addUser(name, email, password); //清空输入框 $('form')[0].reset(); return false; }); });
Begitu juga, kita boleh menggunakan kaedah yang serupa untuk mencipta fungsi lain dan mengikatnya pada komponen Layui yang sepadan untuk melaksanakan fungsi bertanya, mengemas kini dan memadam pengguna.
Ringkasnya, kami telah mempelajari cara menggunakan PHP dan Layui untuk melaksanakan operasi tambah, padam, ubah suai dan pertanyaan. Sudah tentu, kita perlu mengubah suai dan mengembangkannya mengikut keperluan sebenar dalam aplikasi praktikal.
Atas ialah kandungan terperinci Bagaimana untuk melakukan operasi tambah, padam, ubah suai dan semak dalam php+layui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!