spatie/laravel-livewire-wizard

使用Livewire构建向导

2.3.0 2024-04-22 14:18 UTC

This package is auto-updated.

Last update: 2024-09-08 23:46:06 UTC


README

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

本包提供轻量级的Livewire组件,允许您轻松构建向导。这里的“向导”指的是一个多步骤过程,每个步骤都有自己的屏幕。

screenshot

这是一个向导组件类的示例。

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。

Filament用户也可以看看内置的向导功能

变更日志

有关最近更改的更多信息,请参阅变更日志

贡献

有关详细信息,请参阅贡献指南

安全漏洞

有关如何报告安全漏洞的更多信息,请参阅我们的安全策略

鸣谢

许可证

MIT许可证(MIT)。有关更多信息,请参阅许可证文件