php+layuiで追加、削除、変更、確認操作を実行する方法

PHP と Layui は、現在非常に人気のある Web 開発テクノロジです。PHP はオブジェクト指向のオープンソースの汎用プログラミング言語であり、Layui は軽量のフロントエンド UI フレームワークです。この記事では、PHP と Layui を使用して追加、削除、変更、クエリ操作を実行する方法について説明します。

まず、データを保存するデータベースが必要です。データベースとして MySQL を使用し、その中に「users」という名前のデータ テーブルを作成したとします。データ テーブルには次のフィールドが含まれます:

• id: ユーザー ID、自動増加数値タイプ
• name: ユーザー名、文字列タイプ
• email: 電子メール アドレス文字列型
• password: パスワード、文字列型

次に、データベースに接続するための 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 は、入力ボックス、ボタン、ドロップダウン ボックスなどのさまざまなフォーム コンポーネントをカプセル化します。これらのコンポーネントを使用してユーザー インターフェイスを実装できます。たとえば、次のコードをページに追加できます:

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

同様に、Similar メソッドを使用して他の関数を作成し、それらを対応する Layui コンポーネントにバインドして、ユーザーのクエリ、更新、削除の関数を実装できます。

要約すると、PHP と Layui を使用して追加、削除、変更、確認操作を実行する方法を学習しました。もちろん、実際のアプリケーションでは、実際のニーズに応じて修正および拡張する必要があります。

以上がphp+layuiで追加、削除、変更、確認操作を実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。