公告: 旧版文档请移步 -> http://v2.laravel-filament.cn/docs

Languages

Version

Theme

面板构建器

Clusters

概述

Cluster 是面板中的分层结构,允许你将资源自定义页面分组在一起。它们有助于将面板组织成逻辑部分,并有助于减少面板侧边栏的大小。

使用 Cluster 时,会发生以下几件事:

  • 一个新的导航项被添加到导航中,它是指向 Cluster 中第一个资源或页面的链接。
  • 资源或页面的各个导航项在主导航中不再可见。
  • 新的子导航 UI 将添加到 Cluster 中的每个资源或页面,其中包含 Cluster 中资源或页面的导航项。
  • Cluster 中的资源和页面会得到一个新的 URL,前缀是 Cluster 的名称。如果你正确生成资源页面的 URL,则应自动处理此更改。
  • Cluster 的名称位于 Cluster 中所有资源和页面的面包屑中。单击它时,你将被带到 Cluster 中的第一个资源或页面。

创建 Cluster

在创建第一个 Cluster 之前,必须告诉面板 Cluster 类的位置。除了配置中的 discoverResources()discoverPages() 等方法外,还可以使用 discoverClusters()

public function panel(Panel $panel): Panel
{
return $panel
// ...
->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')
->discoverClusters(in: app_path('Filament/Clusters'), for: 'App\\Filament\\Clusters');
}

现在,你可以使用 php artisan make:filament-cluster 创建 Cluster 了:

php artisan make:filament-cluster Settings

这将会在 app/Filament/Cluster 目录中创建一个新的 Cluster 类:

<?php
 
namespace App\Filament\Clusters;
 
use Filament\Clusters\Cluster;
 
class Settings extends Cluster
{
protected static ?string $navigationIcon = 'heroicon-o-squares-2x2';
}

默认情况下,会定义 $navigationIcon 属性,因为你很可能希望立即对其进行自定义。所有其他导航属性和方法也可使用,包括 $navigationLabel$navigationSort$avigationGroup。它们用于自定义 Cluster 的主导航项,与为资源或页面自定义该导航项一样。

将资源和页面添加到 Cluster

要将资源和页面添加到 Cluster,你只需在资源或页面类中定义 $cluster 属性,并将其设置为你创建的 Cluster 类:

use App\Filament\Clusters\Settings;
 
protected static ?string $cluster = Settings::class;

使用 Cluster 的面板的代码结构推荐

使用 Cluster 时,推荐将所有资源和页面移到与 Cluster 同名的目录。比如,此处是一个使用名为 Settings 的 Cluster 的面板,其中包含一个 ColorResource 和两个自定义页面,其目录结构如下:

.
+-- Clusters
| +-- Settings.php
| +-- Settings
| | +-- Pages
| | | +-- ManageBranding.php
| | | +-- ManageNotifications.php
| | +-- Resources
| | | +-- ColorResource.php
| | | +-- ColorResource
| | | | +-- Pages
| | | | | +-- CreateColor.php
| | | | | +-- EditColor.php
| | | | | +-- ListColors.php

这只是推荐,并非强制。只要 Cluster 中的资源和页面使用 $cluster属性,就可以随心所欲地构建面板。这只是一个建议,可以帮助你保持面板井然有序。

当面板中存在 Cluster,并且使用 make:filament-resourcemake:filament-page 命令生成新的资源或页面时,系统会询问你是否要根据这些准则在集群目录中创建这些资源或页面。如果选择了,Filament 还会为资源或页面类分配正确的 $cluster 属性。如果没有这样做,你将需要自己定义 $cluster 属性

自定义 Cluster 的面包屑导航

Cluster 的名称存在于 Cluster 中所有资源和页面的面包屑导航中。

你可以在 Cluster 类中使用 $clusterBreadcrumb 属性自定义面包屑名称:

protected static ?string $clusterBreadcrumb = 'cluster';

此外,可以使用 getClusterBreadcrumb() 来定义面包屑的动态名称:

public static function getClusterBreadcrumb(): string
{
return __('filament/clusters/cluster.name');
}
Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion

上一页
配置
下一页
多租户