Laravel + Vite Vite+ Blade Blade + PHP 8.3++ Node 20.19+ 或 22.12++ Composer 2.x+ Tabler

基于 Tabler 的 Laravel 后台管理面板预设,支持暗色模式与动态菜单生成

✓ 分钟级完成安装✓ 支持暗色模式与动态菜单 ✕ 文档需切换到对应版本分支查看

方案简介

Tablar 是一个 Laravel 仪表盘预设(Dashboard Preset),将流行的开源后台 UI 框架 Tabler 与 Laravel 框架结合,命名为 "Tablar + Laravel = TabLar"。它主打两大特性:暗色模式(Dark Mode)与动态菜单生成(Dynamic Menu Generation),帮助开发者实现轻松导航与快速开发。该项目适用于使用 Laravel 构建后台管理面板/管理仪表盘的团队与个人开发者,可通过 Composer 一条命令安装,几分钟内搭建起具备现代 UI 的管理后台。项目支持 Laravel 10、11、12 等多个版本,并曾登上 Laravel News。文档按版本分支维护,详细安装与使用说明见官方文档站。

亮点与能力

  • 基于 Tabler 的 Laravel 后台仪表盘预设
  • 内置暗色模式(Dark Mode)
  • 动态菜单生成,便于导航
  • 面向快速开发(Fast Development)
  • 支持 Laravel 10 / 11 / 12 多版本(对应不同分支)
  • 提供 Tablar kit(Blade UI Kit)用于增强仪表盘
  • 提供在线 Live Demo 可直接体验

组成与分工

  • Laravel:后端 PHP 框架,承载路由、控制器与 Blade 模板渲染
  • Tabler:开源后台 UI 框架,提供仪表盘页面样式与组件
  • Blade / Tablar kit:Blade UI Kit 组件库,用于增强 Laravel Tablar 仪表盘
  • Vite:前端资源构建工具(要求 Node 20.19+ 或 22.12+,Vite 8 最低版本)
  • Composer:PHP 依赖管理,用于安装 tablar 包

前置要求

运行 Tablar 需要满足以下环境要求:

  • PHP 8.3+
  • Laravel 12.x / 13.x
  • Node 20.19+22.12+(Vite 8 最低要求;推荐 Node 22 LTS)
  • Composer 2.x

安装 Tablar 包:

shell
composer require takielias/tablar

实施步骤

1. 准备环境

确保已满足 PHP 8.3+、Laravel 12.x/13.x、Node 20.19+/22.12+ 与 Composer 2.x 的要求。

2. 通过 Composer 安装 Tablar

在 Laravel 项目根目录执行:

shell
composer require takielias/tablar

3. 查看对应版本文档

README 主文件较简略,详细分步安装与使用说明请查阅对应版本的分支文档或官方文档站(https://tablar.ebuz.xyz/docs)。版本与分支对应关系:

  • Laravel 12:12.x branch
  • Laravel 11:11.x branch
  • Laravel 10:10.x branch

使用与配置要点

安装完成后,可通过官方提供的 Live Demo 体验最终效果,演示站登录凭据为:

shell
tablar@ebuz.xyz
12345678

如需进一步增强 Laravel Tablar 仪表盘,可配合配套的 Blade UI Kit —— Tablar kit(github.com/takielias/tablar-kit)使用。日常开发中的详细配置说明见官方文档。

注意事项与常见问题

  • 文档按 Laravel 版本分支维护,使用前请切换到与你 Laravel 版本对应的分支(12.x / 11.x / 10.x)查看文档,避免版本不匹配。
  • Node 版本需满足 Vite 8 的最低要求(20.19+ 或 22.12+),推荐使用 Node 22 LTS。
  • README 本体内容较薄,深入安装与使用步骤需依赖官方文档站。

优缺点

  • ✓ 分钟级完成安装
  • ✓ 支持暗色模式与动态菜单
  • ✕ 文档需切换到对应版本分支查看

出处

本方案挖掘自开源项目 takielias/tablar,方案内容与实施命令均来自其 README 原文。

方案出处
takielias/tablar:Tablar: A Laravel blade starter kit Based on Tabler HTML Template + Vite
309 star Tablar: A Laravel blade starter kit Based on Tabler HTML Template + Vite

本方案由真实开源项目挖掘整理,实施命令均来自其 README 原文,安装使用请遵循项目开源协议。