利用ThinkPHP6實現數據表格展示-ThinkPHP-PHP中文網

首頁

php框架

ThinkPHP

利用ThinkPHP6實現數據表格展示

王林

Jun 21, 2023 am 08:37 AM

thinkphp 數據表格展示

隨著網路技術的發展，資料需求越來越大，尤其是像企業、組織這樣需要進行資料管理和分析的機構。在這樣的背景下，數據表格成為了一種非常重要且常用的數據展示方式，因此掌握如何利用ThinkPHP6實現數據表格展示也變得非常必要。

ThinkPHP是一款流行的PHP開發框架，其使用了MVC架構和物件導向的程式設計思想，透過類別庫封裝和模組化設計，可以大大提高程式碼可讀性、可維護性以及開發效率。在使用ThinkPHP6實作資料表展示方面，它也提供了一些便利的方法和工具，以下我們就來介紹如何使用ThinkPHP6實作資料表展示。

資料庫建表與資料模型類別

首先，我們需要在資料庫中建立表格，並建立資料庫模型類別來呼叫和操作這些資料。例如，我們建立一個學生資訊表格，其中包含id、name、age、gender四個欄位。那麼我們在資料庫中建立這些字段，同時在ThinkPHP的Model目錄下建立一個StudentModel.php的資料模型類別來呼叫和操作這些數據，其中程式碼如下：

namespace appmodel;

use thinkModel;

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

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

登入後複製

控制器和視圖

接下來，我們需要在ThinkPHP的Controller目錄下建立一個StudentController.php的控制器類，來處理資料邏輯和渲染頁面。其中，我們可以使用Controller類別的assign方法將從資料庫中取得的資料賦值給模板變量，以便在view視圖中使用。

在視圖方面，我們可以使用layui等前端框架來實現資料表格的渲染和展示。想法是，向前端提供一個json格式的數據，再將這些數據渲染到表格當中。例如，以下為使用layui實作的學生資訊表格展示頁面：

控制器程式碼如下：

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

登入後複製

檢視程式碼如下：

<!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.增加分頁與搜尋功能

我們也可以為學生資訊表格增加分頁和搜尋功能，優化使用者體驗。在ThinkPHP6中，實現這兩個功能非常方便。以下是具體的步驟：

（1）分頁功能

我們可以使用ThinkPHP6提供的paginate()方法，將獲得的學生資訊資料按照給定的一頁顯示資料大小進行分頁，具體程式碼如下：

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

登入後複製

在檢視中，我們可以利用layui等前端框架來實現分頁的展示，例如在body內加上：

<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）搜尋功能

我們可以使用ThinkPHP6提供的where()方法，根據搜尋關鍵字對學生資訊資料進行篩選，具體程式碼如下：

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

登入後複製

在視圖中，我們可以利用TableFilter等前端外掛程式來實現搜尋的展示和功能實現，例如在頭部加上：

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

登入後複製

總結

使用ThinkPHP6實現數據表格展示多才多藝、方便快捷，為企業以及想要在互聯網上進行數據管理和分析的組織和個人提供了非常有價值的工具。以上所述，就是如何利用ThinkPHP6實作資料表格展示的方法。掌握了這些技巧，我們可以輕鬆實現各種展示需求，提高數據展示、管理和分析的效率。

以上是利用ThinkPHP6實現數據表格展示的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

gmail信箱登陸入口在哪裡

7835

Java教學

1649

CakePHP 教程

1403

Laravel 教程

1300

PHP教程

1240

Related knowledge

thinkphp專案怎麼運行 Apr 09, 2024 pm 05:33 PM

執行 ThinkPHP 專案需要：安裝 Composer；使用 Composer 建立專案；進入專案目錄，執行 php bin/console serve；造訪 http://localhost:8000 查看歡迎頁面。

thinkphp有幾個版本 Apr 09, 2024 pm 06:09 PM

ThinkPHP 擁有多個版本，針對不同 PHP 版本而設計。主要版本包括 3.2、5.0、5.1 和 6.0，而次要版本用於修復 bug 和提供新功能。目前最新穩定版本為 ThinkPHP 6.0.16。在選擇版本時，需考慮 PHP 版本、功能需求和社群支援。建議使用最新穩定版本以獲得最佳性能和支援。

thinkphp怎麼運行 Apr 09, 2024 pm 05:39 PM

ThinkPHP Framework 的本機運作步驟：下載並解壓縮 ThinkPHP Framework 到本機目錄。建立虛擬主機（可選），指向 ThinkPHP 根目錄。配置資料庫連線參數。啟動 Web 伺服器。初始化 ThinkPHP 應用程式。存取 ThinkPHP 應用程式 URL 運行。

laravel和thinkphp哪個好 Apr 09, 2024 pm 03:18 PM

Laravel 和 ThinkPHP 框架的效能比較：ThinkPHP 效能通常優於 Laravel，專注於最佳化和快取。 Laravel 性能良好，但對於複雜應用程序，ThinkPHP 可能更適合。

開發建議：如何利用ThinkPHP框架實現非同步任務 Nov 22, 2023 pm 12:01 PM

《開發建議：如何利用ThinkPHP框架實現非同步任務》隨著網路技術的快速發展，Web應用程式對於處理大量並發請求和複雜業務邏輯的需求也越來越高。為了提高系統的效能和使用者體驗，開發人員常常會考慮利用非同步任務來執行一些耗時操作，例如發送郵件、處理文件上傳、產生報表等。在PHP領域，ThinkPHP框架作為一個流行的開發框架，提供了一些便捷的方式來實現非同步任務。

thinkphp怎麼安裝 Apr 09, 2024 pm 05:42 PM

ThinkPHP 安裝步驟：準備 PHP、Composer、MySQL 環境。使用 Composer 建立專案。安裝 ThinkPHP 框架及相依性。配置資料庫連線。產生應用程式碼。啟動應用程式並造訪 http://localhost:8000。

thinkphp效能怎麼樣 Apr 09, 2024 pm 05:24 PM

ThinkPHP 是一款高效能的 PHP 框架，具備快取機制、程式碼最佳化、平行處理和資料庫最佳化等優勢。官方性能測試顯示，它每秒可處理超過 10,000 個請求，實際應用中被廣泛用於京東商城、攜程網等大型網站和企業系統。

開發建議：如何利用ThinkPHP框架進行API開發 Nov 22, 2023 pm 05:18 PM

開發建議：如何利用ThinkPHP框架進行API開發隨著網際網路的不斷發展，API（ApplicationProgrammingInterface）的重要性也日益凸顯。 API是不同應用程式之間進行通訊的橋樑，它可以實現資料共享、功能呼叫等操作，為開發者提供了相對簡單且快速的開發方式。而ThinkPHP框架作為一款優秀的PHP開發框架，具有高效能、可擴展且易用

See all articles

利用ThinkPHP6實現數據表格展示

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題