spatie / laravel-livewire-wizard
使用Livewire构建向导
2.3.0
2024-04-22 14:18 UTC
Requires
- php: ^8.2
- illuminate/contracts: ^10.0|^11.0
- illuminate/support: ^10.0|^11.0
- livewire/livewire: ^3.0
- spatie/laravel-collection-macros: ^7.13
- spatie/laravel-package-tools: ^1.16.1
Requires (Dev)
- ext-dom: *
- nunomaduro/collision: ^7.8.1|^8.0
- orchestra/testbench: ^8.9.1|^9.0
- pestphp/pest: ^2.16
- pestphp/pest-plugin-laravel: ^2.2
- spatie/laravel-ray: ^1.32.6
- spatie/pest-plugin-snapshots: ^2.0.1
README
本包提供轻量级的Livewire组件,允许您轻松构建向导。这里的“向导”指的是一个多步骤过程,每个步骤都有自己的屏幕。
这是一个向导组件类的示例。
use Spatie\LivewireWizard\Components\WizardComponent; class CheckoutWizardComponent extends WizardComponent { public function steps() : array { return [ CartStepComponent::class, DeliveryAddressStepComponent::class, ConfirmOrderStepComponent::class, ]; } }
一个步骤是一个扩展了StepComponent
(它又扩展了Livewire\Component
)的类。您可以在这里执行任何您可以用常规Livewire组件执行的操作。
namespace App\Components; class CartStepComponent extends StepComponent { // add any Livewire powered method you want public function render() { return view('checkout-wizard.steps.cart'); } }
您可以轻松地控制要显示哪个步骤,访问其他步骤的状态,以及构建您想要的任何导航。
在GitHub上的此仓库中,您可以找到一个演示Laravel应用程序,它使用laravel-livewire-wizard包创建了一个简单的结账流程。
支持我们
我们在创建一流的开放源代码包上投入了大量资源。您可以通过购买我们的付费产品之一来支持我们。
我们非常感谢您从家乡寄给我们明信片,注明您正在使用我们哪些包。您可以在我们的联系页面上找到我们的地址。我们将所有收到的明信片发布在我们的虚拟明信片墙上。
文档
所有文档都可以在我们的文档网站上找到。
测试
composer test
替代方案
我们的包是无头包。这意味着它不提供UI,但它提供了构建任何UI的函数。如果您不想构建自己的UI,可以考虑使用vildanbina/livewire-wizard,它包含预构建的导航和CSS。
变更日志
有关最近更改的更多信息,请参阅变更日志。
贡献
有关详细信息,请参阅贡献指南。
安全漏洞
有关如何报告安全漏洞的更多信息,请参阅我们的安全策略。
鸣谢
许可证
MIT许可证(MIT)。有关更多信息,请参阅许可证文件。