如何解决LaravelNova后台菜单杂乱问题,使用digital-creative/collapsible-resource-manager提升管理效率

陌墨姑娘_8460

陌墨姑娘_8460

2025-12-05

747人浏览

原创

如何解决laravelnova后台菜单杂乱问题,使用digital-creative/collapsible-resource-manager提升管理效率

可以通过一下地址学习composer:学习地址

最近在负责一个大型项目的后台管理系统,我们选择了Laravel Nova作为开发框架。Nova的简洁和强大让我印象深刻,它让资源的管理变得轻而易举。然而,随着项目功能的不断扩展,后台的资源(Resource)数量也随之飙升,从最初的几个,迅速增加到了几十个,涵盖了用户管理、内容发布、订单处理、系统设置等多个模块。

问题很快就显现出来了:Nova默认的侧边栏菜单是一个扁平化的列表,所有资源都一股脑地堆叠在一起。当我需要查找某个特定的资源时,比如“用户反馈”或者“促销活动”,我不得不滚动很长的列表,耗费时间和精力。这不仅让开发团队感到头疼,也让最终使用后台的运营人员抱怨连连,严重影响了他们的工作效率和体验。

我开始思考,有没有一种方法能够像文件管理器一样,将这些零散的资源进行分类、分组,并且能够折叠起来,只在需要的时候展开?我尝试过手动调整 NovaServiceProvider 中 mainMenu 的顺序,但这仅仅是治标不治本,列表依然很长,只是换了个排列方式。我真正需要的是结构化和交互性。

偶然间,我发现了 digital-creative/collapsible-resource-manager 这个宝藏级的 Composer 包。它简直是为解决我的困境量身定制的!这个包的核心思想是为Nova的侧边栏菜单引入“折叠式分组”的概念,让你可以像组织文件夹一样,将相关的资源归类到一起,并且可以随时展开或收起。

它是如何解决问题的呢?

首先,安装这个包非常简单,通过Composer命令即可:

git摸鱼周报自动化
git摸鱼周报自动化

生成周报:读取本机 Git 仓库最近一周的提交记录,按项目分类提炼总结,生成标准周报格式,通过微信推送并返回给用户。触发词:周报、weekly report、git总结、提交记录总结、工作周报。

下载
composer require digital-creative/collapsible-resource-manager

安装完成后,你只需要在 NovaServiceProvider 的 boot 方法中,修改 Nova::mainMenu 的定义,用 MenuSection 和 MenuGroup 来组织你的资源。更棒的是,它还为 MenuItem 增加了一个 ->icon() 方法,让你可以轻松为每个菜单项添加图标,极大地提升了视觉识别度。

以下是一个示例,展示了如何使用它来优化菜单结构:

// app/Providers/NovaServiceProvider.php

use Laravel\Nova\Menu\MenuItem;
use Laravel\Nova\Menu\MenuSection;
use DigitalCreative\CollapsibleResourceManager\CollapsibleResourceManager; // 引入 CollapsibleResourceManager
use DigitalCreative\CollapsibleResourceManager\MenuGroup; // 引入 MenuGroup

class NovaServiceProvider extends NovaApplicationServiceProvider
{
    public function boot(): void
    {
        parent::boot();

        // 使用 CollapsibleResourceManager 替换 Nova 的默认菜单
        Nova::mainMenu(function (Request $request): array {    
            return [
                // 第一个主菜单区:内容管理
                MenuSection::make('内容管理', [
                    MenuGroup::make('文章与评论', [
                        MenuItem::resource(Article::class)->icon('annotation'), // 文章资源,带图标
                        MenuItem::resource(Comment::class)->icon('chat-alt'),   // 评论资源,带图标
                    ]),
                    MenuGroup::make('分类与标签', [
                        MenuItem::resource(Category::class)->icon('tag'),
                        MenuItem::resource(Tag::class)->icon('bookmark'),
                    ]),
                ])->icon('document-text')->collapsable(), // 内容管理区可折叠,并带图标

                // 第二个主菜单区:用户管理
                MenuSection::make('用户管理', [
                    MenuItem::resource(User::class)->icon('users'), // 用户资源
                    MenuItem::resource(Role::class)->icon('key'),   // 角色资源
                ])->icon('user-group')->collapsable(), // 用户管理区可折叠,并带图标

                // 也可以有非折叠的普通菜单项或区
                MenuSection::make('系统设置', [
                    MenuItem::resource(Setting::class)->icon('cog'),
                ])->icon('adjustments'),
            ];    
        });
    }

    // ... 其他方法
}

通过上述改造,我的Nova后台菜单瞬间变得整洁有序!

优势和实际应用效果:

  1. 清晰的结构化导航: 资源被逻辑地分组到不同的“区”(MenuSection)和“组”(MenuGroup)中,一目了然。
  2. 提升用户体验: 用户不再需要滚动长长的列表,只需展开所需的分组即可找到目标资源。菜单的折叠功能让界面保持清爽,减少了视觉负担。
  3. 直观的视觉识别: 为每个菜单项和菜单区添加图标,使得用户可以更快地识别和定位。例如,看到“用户管理”区下的“用户”图标,就能立刻知道这是管理用户的地方。
  4. 极高的可扩展性: 即使未来增加更多的资源,也可以轻松地将它们归类到现有或新的分组中,而不会再次导致菜单混乱。
  5. 定制化配置: 该包还提供了丰富的配置选项,例如在 config/nova.php 中,你可以控制是否移动用户菜单、主题切换器和通知中心到侧边栏底部,或者设置在选择菜单项后是否自动折叠等,进一步满足个性化需求。
// config/nova.php
'vendors' => [
    'collapsible_resource_manager' => [
        'move_user_menu' => true,         // 将用户菜单移动到侧边栏底部
        'move_theme_switcher' => true,    // 将主题切换器移动到侧边栏底部
        'move_notification_center' => true, // 将通知中心移动到侧边栏底部
        'section_title' => true,          // 显示区标题
        'collapse_on_select' => true,     // 选择菜单项后自动折叠其他区
        'collapse_on_refresh' => false,   // 页面刷新时是否保持折叠状态
    ]
]

自从使用了 digital-creative/collapsible-resource-manager,我的Nova后台管理系统焕然一新。开发人员和运营人员都对这种高效、直观的导航方式赞不绝口。它不仅解决了菜单杂乱的问题,更重要的是,极大地提升了整个后台系统的可用性和用户满意度。如果你也正在为Nova后台的菜单管理而烦恼,强烈推荐你尝试一下这个强大的Composer包!它会是你的得力助手。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
laravel组件介绍
laravel组件介绍

laravel 提供了丰富的组件,包括身份验证、模板引擎、缓存、命令行工具、数据库交互、对象关系映射器、事件处理、文件操作、电子邮件发送、队列管理和数据验证。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

2024.04.09

857

10

laravel中间件介绍
laravel中间件介绍

laravel 中间件分为五种类型:全局、路由、组、终止和自定。想了解更多laravel中间件的相关内容,可以阅读本专题下面的文章。

2024.04.09

835

9

laravel使用的设计模式有哪些
laravel使用的设计模式有哪些

laravel使用的设计模式有:1、单例模式;2、工厂方法模式;3、建造者模式;4、适配器模式;5、装饰器模式;6、策略模式;7、观察者模式。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

2024.04.09

2508

10

thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说,laravel 的入门门槛较低,更易上手,原因包括:1. 更简单的安装和配置;2. 丰富的文档和社区支持;3. 简洁易懂的语法和 api;4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.04.10

4321

7

laravel入门教程
laravel入门教程

本专题整合了laravel入门教程,想了解更多详细内容,请阅读专题下面的文章。

2025.08.05

6250

22

laravel实战教程
laravel实战教程

本专题整合了laravel实战教程,阅读专题下面的文章了解更多详细内容。

2025.08.05

4136

13

laravel面试题
laravel面试题

本专题整合了laravel面试题相关内容,阅读专题下面的文章了解更多详细内容。

2025.08.05

7749

7

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

2026.03.04

1476

29

Laravel 框架安装指南
Laravel 框架安装指南

本指南详解 Laravel 框架安装全流程,涵盖 PHP 8.1+ 环境配置、Composer 依赖管理工具安装及国内镜像源优化。重点演示使用 composer create-project 命令创建 Laravel 10/11 项目,解决常见安装错误与依赖冲突。从环境搭建到项目初始化,助您快速完成 Laravel 开发环境部署,为后续 Web 应用开发奠定基础。适合 PHP 初学者与框架迁移开发者参考。

2026.04.09

215

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpMyAdmin 安装文档
phpMyAdmin 安装文档

共0课时 | 0人学习

phpEnv手册
phpEnv手册

共0课时 | 0人学习