Heim  >  Artikel  >  PHP-Framework  >  Verwenden Sie ThinkPHP6, um die Anzeige von Datentabellen zu realisieren

Verwenden Sie ThinkPHP6, um die Anzeige von Datentabellen zu realisieren

王林
王林Original
2023-06-21 08:37:392010Durchsuche

Mit der Entwicklung der Internet-Technologie steigt die Nachfrage nach Daten, insbesondere für Institutionen wie Unternehmen und Organisationen, die Daten verwalten und analysieren müssen. In diesem Zusammenhang sind Datentabellen zu einer sehr wichtigen und häufig verwendeten Methode zum Anzeigen von Daten geworden. Daher ist es äußerst wichtig zu beherrschen, wie man ThinkPHP6 zum Anzeigen von Datentabellen verwendet.

ThinkPHP ist ein beliebtes PHP-Entwicklungsframework, das MVC-Architektur und objektorientierte Programmierideen nutzt. Durch Klassenbibliothekskapselung und modulares Design kann es die Lesbarkeit, Wartbarkeit und Entwicklungseffizienz des Codes erheblich verbessern. Im Hinblick auf die Verwendung von ThinkPHP6 zur Realisierung der Datentabellenanzeige bietet es auch einige praktische Methoden und Tools. Lassen Sie uns vorstellen, wie Sie ThinkPHP6 zur Realisierung der Datentabellenanzeige verwenden.

  1. Erstellung von Datenbanktabellen und Datenmodellklassen

Zuerst müssen wir Tabellen in der Datenbank und Datenbankmodellklassen erstellen, um diese Daten aufzurufen und zu verarbeiten. Beispielsweise erstellen wir eine Studenteninformationstabelle, die vier Felder enthält: ID, Name, Alter und Geschlecht. Dann erstellen wir diese Felder in der Datenbank und erstellen gleichzeitig eine Datenmodellklasse StudentModel.php im Modellverzeichnis von ThinkPHP, um diese Daten aufzurufen und zu betreiben. Der Code lautet wie folgt:

namespace appmodel;

use thinkModel;

class StudentModel extends Model
{
    protected $table = 'student';

    public function getStudents()
    {
        return $this->field('id,name,age,gender')->order('id')->select();
    }
}
  1. Controller und view

Als nächstes müssen wir eine Controller-Klasse StudentController.php im Controller-Verzeichnis von ThinkPHP erstellen, um die Datenlogik zu verarbeiten und die Seite zu rendern. Unter anderem können wir die Zuweisungsmethode der Controller-Klasse verwenden, um die aus der Datenbank erhaltenen Daten der Vorlagenvariablen zur Verwendung in der Ansicht zuzuweisen.

In Bezug auf Ansichten können wir Front-End-Frameworks wie Laui verwenden, um Datentabellen zu rendern und anzuzeigen. Die Idee besteht darin, dem Frontend Daten im JSON-Format bereitzustellen und diese dann in einer Tabelle darzustellen. Das Folgende ist beispielsweise eine mit Laui implementierte Anzeigeseite für Studenteninformationstabellen:

Der Controller-Code lautet wie folgt:

namespace appcontroller;

use appmodelStudentModel;
use thinkController;

class StudentController extends Controller
{
    public function index()
    {
        $studentModel = new StudentModel();
        $students = $studentModel->getStudents();
        $this->assign('students', $students);
        return $this->fetch('index');
    }
}

Der Ansichtscode lautet wie folgt:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>学生信息表格</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
</head>

<body>
    <table class="layui-table">
        <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
        </thead>
        <tbody>
            {% for student in students %}
            <tr>
                <td>{{ student.id }}</td>
                <td>{{ student.name }}</td>
                <td>{{ student.age }}</td>
                <td>{{ student.gender }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</body>

</html>

3. Paging- und Suchfunktionen hinzufügen

Wir können auch Fügen Sie Paging- und Suchfunktionen zur Suchfunktion der Studenteninformationstabelle hinzu, um die Benutzererfahrung zu optimieren. In ThinkPHP6 ist es sehr praktisch, diese beiden Funktionen zu implementieren. Im Folgenden sind die spezifischen Schritte aufgeführt:

(1) Paginierungsfunktion

Wir können die von ThinkPHP6 bereitgestellte paginate()-Methode verwenden, um die erhaltenen Schülerinformationsdaten entsprechend der angegebenen Seitenanzeigedatengröße zu paginieren. Der spezifische Code lautet wie folgt:

$students = $studentModel->paginate(10);

In der Ansicht können wir Front-End-Frameworks wie Laui verwenden, um eine Paging-Anzeige zu erreichen. Fügen Sie beispielsweise im Text Folgendes hinzu:

<div id="page" style="margin-top: 30px; text-align: center;"></div>

<!-- 定义js -->
<script>
    layui.use(['laypage'], function () {
        var laypage = layui.laypage;
        laypage.render({
            elem: 'page', //注意,这里的 test1 是 ID,不用加 # 号
            count: {{ students.total }}, //数据总数
            limit: {{ students.list_rows }}, //显示的条数
            curr: {{ students.currentPage }}, //当前页数
            theme: '#1E9FFF',
            jump: function (obj, first) {
                //首次不执行
                if (!first) {
                    //跳转到新页面
                    window.location.href = '?page=' + obj.curr;
                }
            }
        });
    });
</script>

(2) Suchfunktion

Wir können die von bereitgestellte Methode where() verwenden Denken Sie an PHP6, um anhand der Suchschlüsselwörter zu suchen. Um Schülerinformationsdaten zu filtern, lautet der spezifische Code wie folgt:

$keyword = input('get.keyword');
$students = $studentModel
                ->where('name', 'like', "%{$keyword}%")
                ->paginate(10);

In der Ansicht können wir beispielsweise Front-End-Plug-Ins wie TableFilter verwenden, um Suchanzeigen und Funktionsimplementierungen zu realisieren , fügen Sie in der Kopfzeile hinzu:

<form class="layui-form" action="/" method="get"
    style="margin-bottom: 20px; text-align: right;">
    <input type="text" name="keyword" id="keyword" placeholder="请输入姓名" autocomplete="off"
        class="layui-input" style="width: 200px; display: inline-block;">
    <button class="layui-btn" lay-submit lay-filter="search">搜索</button>
</form>

<!-- 定义js -->
<script>
    layui.use('tableFilter', function () {
        var tableFilter = layui.tableFilter;
        var tf = new tableFilter('studentTable', {
            filters: [{
                field: 1,
                mode: 'like'
            }]
        });
    });
</script>

Zusammenfassung

Verwenden Sie ThinkPHP6 zur Implementierung. Die Anzeige von Datentabellen ist vielseitig, bequem und schnell und stellt ein sehr wertvolles Werkzeug für Unternehmen sowie Organisationen und Einzelpersonen dar, die Daten im Internet verwalten und analysieren möchten. Oben erfahren Sie, wie Sie ThinkPHP6 zum Anzeigen von Datentabellen verwenden. Durch die Beherrschung dieser Fähigkeiten können wir verschiedene Anzeigeanforderungen problemlos erfüllen und die Effizienz der Datenanzeige, -verwaltung und -analyse verbessern.

Das obige ist der detaillierte Inhalt vonVerwenden Sie ThinkPHP6, um die Anzeige von Datentabellen zu realisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn