Rumah > Artikel > hujung hadapan web > Cara menggunakan rangka kerja Layui untuk membangunkan sistem pengurusan kebenaran yang menyokong log masuk berbilang pengguna
Cara menggunakan rangka kerja Layui untuk membangunkan sistem pengurusan kebenaran yang menyokong log masuk berbilang pengguna
Pengenalan:
Dalam era Internet moden, Semakin banyak aplikasi perlu menyokong log masuk berbilang pengguna untuk mencapai fungsi yang diperibadikan dan pengurusan kebenaran. Untuk melindungi keselamatan sistem dan privasi data, pembangun perlu menggunakan cara tertentu untuk melaksanakan log masuk berbilang pengguna dan fungsi pengurusan kebenaran. Artikel ini akan memperkenalkan cara menggunakan rangka kerja Layui untuk membangunkan sistem pengurusan kebenaran yang menyokong log masuk berbilang pengguna dan memberikan contoh kod khusus.
Kami boleh mereka bentuk jadual pengguna dan jadual peranan untuk menyimpan maklumat pengguna dan maklumat peranan. Jadual pengguna mengandungi ID pengguna, nama pengguna, kata laluan dan medan lain jadual peranan mengandungi ID peranan, nama peranan dan medan lain. Selain itu, kami juga boleh mereka bentuk jadual kebenaran untuk menyimpan maklumat kebenaran untuk pelbagai fungsi dan halaman. Jadual kebenaran termasuk medan seperti ID kebenaran, nama kebenaran dan URL kebenaran.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" href="layui/css/layui.css"> </head> <body> <div class="layui-container"> <form class="layui-form" action="login.php" method="post"> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-inline"> <input type="text" name="username" 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-inline"> <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="login-btn">登录</button> </div> </div> </form> </div> <script src="layui/layui.js"></script> <script> layui.use(['form'], function() { var form = layui.form; form.on('submit(login-btn)', function(data) { // 处理登录请求 }); }); </script> </body> </html>
Pertama, kita perlu menulis skrip log masuk.php untuk mengendalikan permintaan log masuk. Dalam skrip ini, kami boleh mengesahkan ketepatan nama pengguna dan kata laluan dengan menanyakan jadual pengguna dan mengembalikan hasil pertanyaan ke halaman hujung hadapan. Berikut ialah kod contoh skrip log masuk.php yang dipermudahkan:
<?php // 连接数据库 $conn = mysqli_connect("localhost", "root", "123456", "mydb"); if (!$conn) { die("连接数据库失败:" . mysqli_connect_error()); } // 处理登录请求 $username = $_POST["username"]; $password = $_POST["password"]; $sql = "SELECT * FROM user WHERE username='" . $username . "' AND password='" . $password . "'"; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0) { // 登录成功,设置登录状态和权限 session_start(); $_SESSION["username"] = $username; // 获取用户角色 $role = mysqli_fetch_assoc($result)["role"]; // 根据角色设置权限 if ($role == "admin") { // 设置管理员权限 $_SESSION["role"] = "admin"; } else if ($role == "user") { // 设置普通用户权限 $_SESSION["role"] = "user"; } else { // 设置访客权限 $_SESSION["role"] = "guest"; } echo "success"; } else { // 登录失败 echo "error"; } // 关闭数据库连接 mysqli_close($conn); ?>
Selepas melengkapkan pengesahan log masuk, kami boleh memutuskan fungsi dan halaman yang boleh diakses oleh pengguna berdasarkan kebenaran pengguna. Apabila mencipta setiap fungsi dan halaman, kami boleh menggunakan PHP untuk menentukan kebenaran pengguna dan melaksanakan pemprosesan yang sepadan berdasarkan keputusan penghakiman.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>权限管理</title> <link rel="stylesheet" href="layui/css/layui.css"> </head> <body> <div class="layui-container"> <table class="layui-table" lay-data="{url:'get_permissions.php', page:true, limit:10, id:'permission_table'}" lay-filter="permission_table"> <thead> <tr> <th lay-data="{field:'id', width:80, sort:true}">ID</th> <th lay-data="{field:'name', width:120}">权限名</th> <th lay-data="{field:'url'}">URL</th> </tr> </thead> </table> </div> <script src="layui/layui.js"></script> <script> layui.use(['table'], function() { var table = layui.table; // 监听表格事件 table.on('tool(permission_table)', function(obj) { var data = obj.data; if (obj.event === 'edit') { // 编辑权限 editPermission(data); } else if (obj.event === 'delete') { // 删除权限 deletePermission(data); } }); // 编辑权限 function editPermission(data) { // TODO: 编辑权限的逻辑 } // 删除权限 function deletePermission(data) { // TODO: 删除权限的逻辑 } }); </script> </body> </html>
Dalam halaman pengurusan kebenaran, kita boleh mendengar peristiwa jadual dan mencetuskan yang sepadan apabila pengguna mengklik butang edit atau padam Fungsi pengendali acara. Dalam fungsi pengendalian acara, kita boleh menggunakan teknologi AJAX untuk menghantar operasi yang sepadan ke latar belakang untuk diproses.
Atas ialah kandungan terperinci Cara menggunakan rangka kerja Layui untuk membangunkan sistem pengurusan kebenaran yang menyokong log masuk berbilang pengguna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!