首页
/ Filament Menu Builder 使用教程

Filament Menu Builder 使用教程

2025-04-18 19:54:43作者:胡易黎Nicole

1. 项目的目录结构及介绍

Filament Menu Builder 的目录结构如下:

filament-menu-builder/
├── .gitattributes
├── .gitignore
├── .editorconfig
├── composer.json
├── package-lock.json
├── package.json
├── phpunit.xml.dist
├── pint.json
├── postcss.config.cjs
├── tailwind.config.js
├── README.md
├── LICENSE.md
├── CHANGELOG.md
├── src/
│   ├── ...
├── resources/
│   ├── ...
├── tests/
│   ├── ...
├── database/
│   ├── migrations/
│   ├── ...
├── config/
│   ├── ...
└── public/
    ├── ...
  • src/:包含项目的核心代码。
  • resources/:存放资源文件,如视图、样式表、JavaScript 文件等。
  • tests/:包含项目的单元测试和功能测试。
  • database/:包含数据库迁移文件和种子文件。
  • config/:包含项目的配置文件。
  • public/:存放公开的静态文件。

2. 项目的启动文件介绍

项目的启动主要通过 composer.json 文件管理依赖。您需要执行以下命令来安装依赖:

composer require datlechin/filament-menu-builder

安装完成后,需要发布迁移文件和配置文件:

php artisan vendor:publish --tag=filament-menu-builder-migrations
php artisan migrate

此外,如果您想自定义视图,可以发布视图文件:

php artisan vendor:publish --tag=filament-menu-builder-views

3. 项目的配置文件介绍

配置文件位于 config/ 目录下。主要配置文件为 filament-menu-builder.php,它定义了菜单表名和相关设置。

return [
    'tables' => [
        'menus' => 'menus',
        'menu_items' => 'menu_items',
        'menu_locations' => 'menu_locations',
    ],
];

filament-menu-builder.php 文件中,您还可以配置菜单面板和其他相关设置,例如:

  • 添加位置(Locations):定义菜单显示在前端的位置。
  • 设置菜单面板(Menu Panels):定义菜单项的来源,可以是自定义链接、静态菜单项、模型菜单项等。
  • 自定义字段(Custom Fields):为菜单和菜单项添加自定义表单组件。

确保您已正确配置 AdminPanelProvider 以使用 Filament Menu Builder 插件。

通过上述步骤,您可以开始使用 Filament Menu Builder 来创建和管理您的 Filament 应用程序中的菜单。

登录后查看全文
热门项目推荐