Thinkphp-Mehrfachauswahl löschen-Denken Sie an PHP-php.cn

Thinkphp-Mehrfachauswahl löschen

WBOY

Freigeben： 2023-05-26 13:34:10

Original

732 Leute haben es durchsucht

thinkphp6 ist ein hervorragendes PHP-Entwicklungsframework, das auf der MVC-Architektur basiert, eine hohe Entwicklungseffizienz aufweist, einfach zu verwenden ist, sicher und zuverlässig ist und den Code-Schreibprozess erheblich vereinfacht. Lassen Sie uns heute darüber sprechen, wie Sie mit thinkphp6 das Mehrfachauswahl-Löschen implementieren.

1. Einführung

Mehrfachauswahl-Löschung ist eine der häufigsten Funktionen moderner Webanwendungen. Es ermöglicht dem Benutzer, mehrere Elemente in einer Datentabelle oder Liste auszuwählen und sie dann zu löschen. In diesem Artikel stellen wir vor, wie Sie die Controller und Modelle von thinkphp6 verwenden, um diese Funktionalität zu erreichen.

2. Erstellen Sie die Datenbank

Zuerst müssen wir eine Beispieltabelle in der MySQL-Datenbank erstellen. Wir werden Befehlszeilentools oder phpMyAdmin verwenden, um diesen Schritt abzuschließen.

CREATE TABLE example_table (
id int(11) NOT NULL AUTO_INCREMENT,
name varchar(255) NOT NULL,
email varchar(255) NOT NULL,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

Dadurch wird eine neue Tabelle namens „example_table“ mit den Feldern „id“, „Name“ und „E-Mail“ erstellt.

3. Modell und Controller generieren

Als nächstes müssen wir ein Modell und einen Controller basierend auf der oben erstellten Tabellenstruktur generieren.

Verwenden Sie das Artisan-Befehlszeilentool von thinkphp6, um schnell diese Dateien zu generieren:

php think make:model exampleModel --migration

Durch Ausführen des obigen Befehls werden eine neue Modelldatei ( app /Model/ExampleModel.php ) und eine neue Datenbank generiert Migrationsdatei (Datenbank /migrations /yyyymmddhhmmss_create_example_model.php).

php think make:controller exampleController

Durch Ausführen des obigen Befehls wird eine neue Datei namens „ExampleController.php“ ( app /Controller/ExampleController.php ) generiert.

4. Schreiben Sie den Code

Jetzt können wir den Controller-Code schreiben, um das Mehrfachauswahl-Löschen durchzuführen. Im Controller müssen wir zwei Hauptaktionsfunktionen implementieren: Index (zur Anzeige aller Daten) und Löschen (zur Verarbeitung von Löschanfragen).

Fügen Sie in der Datei app/Controller/ExampleController.php den folgenden Code hinzu:

<?php
namespace appcontroller;

use thinkacadeView;
use thinkRequest;
use appmodelExampleModel;

class ExampleController
{
    public function index()
    {
        $list = ExampleModel::all();

        return View::fetch('index', [
            'list' => $list,
        ]);
    }

    public function delete(Request $request)
    {
        $ids = $request->param('ids');

        foreach ($ids as $id) {
            ExampleModel::destroy($id);
        }

        return ['status' => 'success', 'message' => '删除成功'];
    }
}

Nach dem Login kopieren

Im obigen Code haben wir zuerst die Klasse importiert und zwei Funktionen „Indizieren“ und „Löschen“ definiert. Der Funktionsindex wird verwendet, um alle Daten aus dem Beispielmodell abzurufen und an die Vorlage zu übergeben. Die Funktion delete ruft die Liste der zu löschenden IDs aus der HTTP-Anfrage ab und löscht die Elemente mithilfe der Methode „ExampleModel::destroy“.

Als nächstes müssen wir der Vorlage ein Kontrollkästchen und eine Schaltfläche zum Löschen hinzufügen. Öffnen Sie die App-Datei /View /example /index.html und fügen Sie den folgenden Code hinzu:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Example</title>
</head>
<body>
    <h1>Example</h1>
    <table>
        <thead>
            <tr>
                <th><input type="checkbox" id="check-all"></th>
                <th>ID</th>
                <th>Name</th>
                <th>Email</th>
            </tr>
        </thead>
        <tbody>
        <?php foreach ($list as $item): ?>
            <tr>
                <td><input type="checkbox" name="ids[]" value="<?php echo $item->id ?>"></td>
                <td><?php echo $item->id ?></td>
                <td><?php echo $item->name ?></td>
                <td><?php echo $item->email ?></td>
            </tr>
        <?php endforeach ?>
        </tbody>
    </table>
    <button id="btn-delete">删除</button>
    <script>
        var btnDelete = document.querySelector('#btn-delete');
        btnDelete.addEventListener('click', function () {
            var ids = [];
            var checkboxes = document.querySelectorAll('input[type=checkbox][name^=ids]:checked');
            for (var i = 0; i < checkboxes.length; i++) {
                ids.push(checkboxes[i].value);
            }
            if (ids.length > 0) {
                if (confirm('确定删除？')) {
                    var xhr = new XMLHttpRequest();
                    xhr.open('POST', '/example/delete');
                    xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
                    xhr.onload = function () {
                        var result = JSON.parse(xhr.responseText);
                        if (result.status == 'success') {
                            alert(result.message);
                            location.reload();
                        } else {
                            console.error(result);
                            alert('删除失败');
                        }
                    };
                    xhr.onerror = function () {
                        console.error(xhr);
                        alert('网络异常，请重试');
                    };
                    xhr.send(JSON.stringify({ids: ids}));
                }
            } else {
                alert('请选择要删除的项目');
            }
        });
        var checkAll = document.querySelector('#check-all');
        checkAll.addEventListener('click', function () {
            var checkboxes = document.querySelectorAll('input[type=checkbox][name^=ids]');
            for (var i = 0; i < checkboxes.length; i++) {
                checkboxes[i].checked = checkAll.checked;
            }
        });
    </script>
</body>
</html>

Nach dem Login kopieren

Im obigen Code haben wir JavaScript verwendet, um alle ausgewählten Kontrollkästchen abzurufen und diese IDs an die /delete-Route des Servers zu übergeben.

5. Test

Jetzt können wir die Konsole öffnen und den folgenden Befehl verwenden, um den Webserver zu starten.

php think run

Dann geben Sie localhost:8000/example in den Browser ein, um die Homepage von example zu öffnen, klicken Sie auf das Mehrfachauswahlfeld, um die zu löschenden Elemente auszuwählen. Klicken Sie abschließend auf die Schaltfläche „Löschen“, um das ausgewählte Element zu löschen.

6. Fazit

In diesem Artikel verwenden wir den Controller, das Modell und die Ansicht von thinkphp6, um die Mehrfachauswahl-Löschfunktion zu implementieren. Diese Funktion kann in Webanwendungen eine wichtige Rolle spielen und das Benutzererlebnis der Anwendung optimieren.

Das obige ist der detaillierte Inhalt vonThinkphp-Mehrfachauswahl löschen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!