在 Filament 中从标题生成 Slug

发布时间:作者:

Filament 文档 提供了一个很好的复制粘贴解决方案,用于从标题生成 Slug。

此示例将标题字段设置为 Livewire Live 字段,然后,当您输入字符时,它会生成一个 Slug 并将其设置为另一个表单字段。

use Filament\Forms\Components\TextInput;
use Filament\Forms\Set;
use Illuminate\Support\Str;
 
TextInput::make('title')
->live()
->afterStateUpdated(fn (Set $set, ?string $state) => $set('slug', Str::slug($state)))
 
TextInput::make('slug')

这对于大多数情况都很好用,但我希望更进一步,只有在它是新条目或尚未发布时才动态更改 Slug。否则,如果 Slug 发生变化,它会导致 404,因为旧的 Slug 不存在。

为了解决这个问题,这里有一个更新的版本,它只在它是新记录或尚未发布时更新

TextInput::make('title')
->live()
->afterStateUpdated(function (Get $get, Set $set, ?string $operation, ?string $old, ?string $state, ?Model $record) {
 
if ($operation == 'edit' && $record->isPublished()) {
return;
}
 
if (($get('slug') ?? '') !== Str::slug($old)) {
return;
}
 
$set('slug', Str::slug($state));
})

为了解释代码,Filament 中的 afterStateUpdated 允许您注入操作(创建或编辑)和模型,然后您可以使用它们来确定是否应该更新 Slug 或者保持不变。这就是 if 语句的作用

if ($operation == 'edit' && $record->isPublished())

这意味着如果我们在编辑页面上,并且模型已发布,则跳过动态设置 Slug。

您可能还想在记录已发布时禁用 Slug 字段,这很容易实现

TextInput::make('slug')
->required()
->maxLength(255)
->unique(Article::class, 'slug', fn ($record) => $record)
->disabled(fn (?string $operation, ?Model $record) => $operation == 'edit' && $record->isPublished())

感谢 Alex Six 帮助我设置并完成这项工作。

Eric L. Barnes photo

Eric 是 Laravel News 的创建者,自 2012 年以来一直关注 Laravel。

Cube

Laravel 新闻稿

加入 40,000 多名其他开发者,绝不错过新的技巧、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动完成功能和本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

绝不妥协

Joel 和 Aaron,来自 No Compromises 播客的两名经验丰富的开发者,现在可以为您的 Laravel 项目聘用。 ⬧ 每月 7500 美元的固定费用。 ⬧ 没有冗长的销售流程。 ⬧ 没有合同。 ⬧ 100% 满意退款保证。

绝不妥协
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序成功。

Kirschbaum
Shift logo

Shift

运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

只需每月 2500 美元,即可让您的项目获得经验丰富的 Laravel 开发人员的支持,他们拥有 4-6 年的经验。获得 160 小时的专业服务和 15 天的无风险试用。立即预约电话!

Bacancy
Lucky Media logo

Lucky Media

立即获取 Lucky - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar:Laravel 电子商务

Laravel 的电子商务。一个开源包,将现代无头电子商务功能的力量带到 Laravel。

Lunar:Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 工作板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit:Laravel SaaS 启动工具包

SaaSykit 是一个 Laravel SaaS 启动工具包,它包含运行现代 SaaS 所需的所有功能。支付、漂亮的结账流程、管理面板、用户仪表板、身份验证、现成的组件、统计、博客、文档等。

SaaSykit:Laravel SaaS 启动工具包
Rector logo

Rector

您无缝升级 Laravel、降低成本和加速创新的合作伙伴,帮助成功企业。

Rector
MongoDB logo

MongoDB

通过强大的 MongoDB 和 Laravel 集成,增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。在使用熟悉的 Eloquent API 的同时,支持事务性、搜索、分析和移动用例。了解 MongoDB 如何将灵活的现代数据库应用于您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

将 Swagger UI 添加到您的 Laravel 应用程序

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel Prompts 构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 包在 Laravel 应用程序中添加评论

阅读文章