快速开始使用 FastAdmin 表格：动态显示、编辑、删除和多选

2023-12-26 04:04:27

快速简易地开发后台管理系统：深入浅出 FastAdmin

简介

在繁杂的软件开发过程中，构建后台管理系统往往是一项耗时费力的任务。然而，有了 FastAdmin，这一过程变得简单高效。FastAdmin 是基于 ThinkPHP6 开发的快速开发框架，内置了丰富的组件，帮助开发者快速生成后台管理系统。

安装 FastAdmin

安装 FastAdmin 十分便捷，只需在 ThinkPHP6 的基础上进行安装即可。通过 composer 命令安装：

composer require fastadmin/fastadmin

在 config/app.php 文件中配置 FastAdmin：

'default_return_type'    => 'json',

创建表格

FastAdmin 的核心功能之一是创建表格。以下是如何创建表格：

控制器

创建控制器 AdminController.php：

namespace app\admin\controller;

use app\common\controller\Backend;

class AdminController extends Backend
{
    public function index()
    {
        return $this->view->fetch();
    }
}

路由

在 routes/admin.php 文件中配置路由：

Route::rule('admin/index', 'admin/Admin/index');

HTML 代码

在 admin/index.html 文件中定义表格的 HTML 代码：

<table class="table table-striped">
    <thead>
        <tr>
            <th>ID</th>
            <th>名称</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($data as $item): ?>
        <tr>
            <td><?php echo $item['id']; ?></td>
            <td><?php echo $item['name']; ?></td>
            <td>
                <a href="<?php echo url('admin/edit', ['id' => $item['id']]); ?>">编辑</a>
                <a href="<?php echo url('admin/delete', ['id' => $item['id']]); ?>">删除</a>
            </td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>

动态显示、编辑、删除和多选

动态显示

在控制器中获取数据并传递给视图：

public function index()
{
    $data = Model::table('user')->select();
    $this->view->assign('data', $data);
    return $this->view->fetch();
}

编辑

添加编辑方法：

public function edit()
{
    $id = input('id');
    $data = Model::table('user')->where('id', $id)->find();
    $this->view->assign('data', $data);
    return $this->view->fetch();
}

删除

添加删除方法：

public function delete()
{
    $id = input('id');
    Model::table('user')->where('id', $id)->delete();
    return $this->success('删除成功');
}

多选

在表格中添加复选框列：

<table class="table table-striped">
    <thead>
        <tr>
            <th><input type="checkbox" class="check-all" /></th>
            <th>ID</th>
            <th>名称</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($data as $item): ?>
        <tr>
            <td><input type="checkbox" class="check-item" value="<?php echo $item['id']; ?>" /></td>
            <td><?php echo $item['id']; ?></td>
            <td><?php echo $item['name']; ?></td>
            <td>
                <a href="<?php echo url('admin/edit', ['id' => $item['id']]); ?>">编辑</a>
                <a href="<?php echo url('admin/delete', ['id' => $item['id']]); ?>">删除</a>
            </td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>