Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data-ThinkPHP-php.cn

Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data

王林

Lepaskan： 2023-06-21 08:37:39

asal

2082 orang telah melayarinya

Dengan perkembangan teknologi Internet, permintaan untuk data semakin meningkat, terutamanya untuk institusi seperti perusahaan dan organisasi yang perlu mengurus dan menganalisis data. Dalam konteks ini, jadual data telah menjadi cara yang sangat penting dan biasa digunakan untuk memaparkan data, jadi ia menjadi sangat perlu untuk menguasai cara menggunakan ThinkPHP6 untuk memaparkan jadual data.

ThinkPHP ialah rangka kerja pembangunan PHP yang popular yang menggunakan seni bina MVC dan idea pengaturcaraan berorientasikan objek Melalui pengkapsulan perpustakaan kelas dan reka bentuk modular, ia boleh meningkatkan kebolehbacaan kod, kebolehselenggaraan dan kecekapan pembangunan. Dari segi penggunaan ThinkPHP6 untuk merealisasikan paparan jadual data, ia juga menyediakan beberapa kaedah dan alatan yang mudah Mari kita perkenalkan cara menggunakan ThinkPHP6 untuk merealisasikan paparan jadual data.

Pembuatan jadual pangkalan data dan kelas model data

Pertama, kita perlu mencipta jadual dalam pangkalan data dan mencipta kelas model pangkalan data untuk memanggil dan mengendalikan data ini. Sebagai contoh, kami mencipta jadual maklumat pelajar, yang mengandungi empat medan: id, nama, umur dan jantina. Kemudian kami mencipta medan ini dalam pangkalan data dan mencipta kelas model data StudentModel.php dalam direktori Model ThinkPHP untuk memanggil dan mengendalikan data ini adalah seperti berikut:

namespace appmodel;

use thinkModel;

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

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

Salin selepas log masuk

Pengawal dan lihat <. 🎜>

Seterusnya, kita perlu mencipta kelas pengawal StudentController.php dalam direktori Pengawal ThinkPHP untuk mengendalikan logik data dan memaparkan halaman. Antaranya, kita boleh menggunakan kaedah tetapkan kelas Pengawal untuk menetapkan data yang diperoleh daripada pangkalan data kepada pembolehubah templat untuk digunakan dalam paparan.

Dari segi pandangan, kita boleh menggunakan rangka kerja hadapan seperti layui untuk memaparkan dan memaparkan jadual data. Ideanya adalah untuk menyediakan data dalam format json ke bahagian hadapan, dan kemudian menjadikan data ke dalam jadual. Sebagai contoh, berikut ialah halaman paparan jadual maklumat pelajar yang dilaksanakan menggunakan layui:

Kod pengawal adalah seperti berikut:

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

Salin selepas log masuk

Kod paparan adalah seperti berikut:

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

Salin selepas log masuk

3. Tambah fungsi halaman dan carian

Kami juga boleh menambah fungsi halaman dan carian pada borang maklumat pelajar untuk mengoptimumkan pengalaman pengguna. Dalam ThinkPHP6, sangat mudah untuk melaksanakan kedua-dua fungsi ini. Berikut ialah langkah khusus:

(1) Fungsi penomboran

Kita boleh menggunakan kaedah penomboran() yang disediakan oleh ThinkPHP6 untuk memaparkan data maklumat pelajar mengikut saiz halaman yang diberikan, kod khusus adalah seperti berikut:

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

Salin selepas log masuk

Dalam paparan, kita boleh menggunakan rangka kerja hadapan seperti layui untuk memaparkan penomboran, contohnya, tambah dalam badan:

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

Salin selepas log masuk

(2) Fungsi carian

Kami boleh menggunakan kaedah where() yang disediakan oleh ThinkPHP6 untuk menapis data maklumat pelajar berdasarkan kata kunci carian Kod khusus adalah seperti berikut:

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

Salin selepas log masuk

Dalam paparan, kami boleh menggunakan. pemalam bahagian hadapan seperti TableFilter untuk Merealisasikan paparan carian dan pelaksanaan fungsi, contohnya, tambahkan dalam pengepala:

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

Salin selepas log masuk

Ringkasan

Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data, yang serba boleh , mudah dan pantas, untuk perusahaan dan mereka yang ingin menjalankan data mengenai Pengurusan Internet dan analisis menyediakan alat yang sangat berharga kepada organisasi dan individu. Di atas ialah cara menggunakan ThinkPHP6 untuk memaparkan jadual data. Menguasai kemahiran ini, kita boleh merealisasikan pelbagai keperluan paparan dengan mudah dan meningkatkan kecekapan paparan, pengurusan dan analisis data.

Atas ialah kandungan terperinci Gunakan ThinkPHP6 untuk merealisasikan paparan jadual data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!