SuperAPI AI 工具集

filament-pro

前端与建站

查看项目

更新于 10-16 01:10

技能介绍

用途:该技能定位于 Laravel TALL 栈(Tailwind、Alpine.js、Laravel、Livewire)下的 Filament 后台界面开发,目标是快速构建可高度定制的管理面板,并整合外部数据与复杂关联结构。

主要能力:覆盖 Filament v4/v5(原生支持 Livewire 4)的核心开发模式,包括自定义数据源表格、嵌套资源与多态关系管理、可复用的 Alpine.js 自定义表单字段、基于 Chart.js 或 D3 的信息图与仪表盘可视化、TipTap 富文本编辑器(自定义块与动态图片处理),以及 Folio 与 Volt 用于轻量单文件管理组件。文档还给出性能与无障碍目标,如表格 50 行渲染低于 50ms、表单提交延迟低于 200ms、WCAG 2.2 无障碍评分 100%。

使用方式:以技能说明形式提供实现模式与反模式参考,包含示例代码片段,例如在 ListRecords 中通过 getTableQuery() 接入外部服务查询、以 getRelations() 声明 TasksRelationManager 实现嵌套资源、以及用 afterStateUpdatedJs 做客户端状态联动(如标题自动生成 slug)。同时列出排障建议:表格卡顿可关闭条纹样式并延迟加载,富文本编辑器卡顿可对 TipTap 扩展做动态导入懒加载,表单状态漂移需谨慎使用 entangle() 与 live 修饰符,移动端 Bento 网格应使用原生 Grid::make 响应式配置。

限制:资料未提供安装命令、具体授权方式、收费与价格信息、适用平台范围及实际使用步骤,也未给出可直接运行的完整项目示例;上述内容需以官方文档为准,暂未提供更多细节。分类依据其后台管理面板与界面工程用途归入前端与建站。