php+layui에서 추가, 삭제, 수정 및 확인 작업을 수행하는 방법

PHP와 Layui는 현재 매우 인기 있는 웹 개발 기술입니다. PHP는 객체 지향 오픈 소스 범용 프로그래밍 언어인 반면 Layui는 경량 프런트 엔드 UI 프레임워크입니다. 이 기사에서는 PHP와 Layui를 사용하여 추가, 삭제, 수정 및 쿼리 작업을 수행하는 방법에 대해 설명합니다.

먼저 데이터를 저장할 데이터베이스가 필요합니다. MySQL을 데이터베이스로 사용하고 그 안에 "users"라는 데이터 테이블을 생성했다고 가정합니다. 데이터 테이블에는 다음 필드가 포함됩니다.

• id: 사용자 ID, 자동 증가 숫자 유형
• name: 사용자 이름, 문자열 유형
• email: 이메일 주소, 문자열 유형
• password: 비밀번호, 문자열 유형

Next , 데이터베이스에 연결하려면 PHP 파일을 만들어야 합니다. 이 PHP 파일에서 다음 코드를 사용하여 연결을 생성할 수 있습니다.

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检测连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
} 
echo "连接成功";

연결이 성공한 후 추가, 삭제, 수정 및 확인 작업을 수행하는 몇 가지 기능을 정의해야 합니다. 다음은 데이터베이스에서 모든 사용자 정보를 가져오는 데 사용되는 샘플 함수입니다.

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 结果";
    }
}

또한 사용자 삽입, 업데이트, 삭제와 같은 작업을 수행하는 다른 함수도 작성해야 합니다. 예를 들어, 다음은 데이터베이스에 새 사용자를 삽입하는 데 사용되는 샘플 함수입니다.

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;
    }
}

특히, 사용자 입력 매개변수를 전달하는 일부 입력 상자를 정의해야 합니다. 여기가 Layui가 들어오는 곳입니다. Layui는 입력 상자, 버튼, 드롭다운 상자 등과 같은 다양한 양식 구성 요소를 캡슐화합니다. 이러한 구성 요소를 사용하여 사용자 인터페이스를 구현할 수 있습니다. 예를 들어 페이지에 다음 코드를 추가할 수 있습니다.

<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>

제출 버튼을 클릭한 후 다음 코드를 사용하여 addUser 함수를 호출하고 새 사용자를 삽입할 수 있습니다.

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;
    });
});

마찬가지로 비슷한 방법을 사용할 수 있습니다. 다른 기능을 생성하고 해당 Layui 구성 요소에 바인딩되어 사용자 쿼리, 업데이트 및 삭제 기능을 구현합니다.

요약하자면, PHP와 Layui를 사용하여 추가, 삭제, 수정 및 확인 작업을 수행하는 방법을 배웠습니다. 물론 실제 적용에서는 실제 필요에 따라 수정하고 확장해야 합니다.

위 내용은 php+layui에서 추가, 삭제, 수정 및 확인 작업을 수행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!