Bagaimana untuk melakukan operasi tambah, padam, ubah suai dan semak dalam php+layui

PHPz
Lepaskan: 2023-03-23 15:22:01
asal
1770 orang telah melayarinya

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:

  • id: ID pengguna, jenis angka yang meningkat secara automatik
  • nama: nama pengguna, jenis rentetan
  • e-mel: alamat e-mel , jenis rentetan
  • kata laluan: kata laluan, jenis rentetan

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 "连接成功";
Salin selepas log masuk

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 结果";
    }
}
Salin selepas log masuk

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;
    }
}
Salin selepas log masuk

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>
Salin selepas log masuk

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;
    });
});
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan