akhaled/livewire-account-preferences

使用 Livewire 编辑账户模型

v0.0.7 2021-10-16 15:18 UTC

This package is auto-updated.

Last update: 2024-09-16 21:51:05 UTC


README

使用 Livewire 显示和更新用户偏好

该包默认使用 bootstrap 4。在下一个版本中,我将启用将视图发布到您的项目目录的功能,以便您可以更新它们。

安装

composer require akhaled/livewire-account-preferences

如何使用

非常简单!

1. 在 config/app.php 中添加 ServiceProvider

    ...
    Akhaled\LivewireAccountPreferences\ServiceProvider::class
    ...

2. 在您的代码中添加 Livewire 组件标记

edit.blade.php

...
@livewire('account-preferences-edit', [
    'account' => auth()->user()
    'view' => 'account.edit' // optional, overrides global config property
])
...

show.blade.php

...
@livewire('account-preferences-show', [
    'account' => auth()->user()
    'view' => 'account.show' // optional, overrides global config property
])
...

3. 在 @livewireScripts 一起包含 livewire-sweetalert 脚本

如果您想启用 sweetalert2 toast。

...
    @livewireScripts
    @livewireSweetalertScripts
...

4. 额外的配置文件

发布配置: php artisan vendor:publish --tag=livewire-account-preferences

查看 可用的配置

定义模型字段

默认情况下,该包假设模型具有 nameemailpassword 字段。如果 Model 类已定义 $rules 属性,则覆盖默认值。请勿将 password 列设置为必填项,因为更改密码是在单独的阶段完成的。另外,您还需要定义另一个属性,以让组件了解字段的使用。

示例

class User
{
    ...
    public $rules = [
        'first_name' => 'required|string|min:6',
        'last_name' => 'required|string|min:6',
        'email_address' => 'required|email|max:500',
        ...
    ];

    public $lwap = [
        'first_name' => 'name',
        'last_name' => 'name',
        'email_address' => 'email'
    ]
    ...
}

可用的配置

  • 视图:
    • edit:全局编辑视图资源位置。如果您提交包含组件的视图,它将覆盖全局配置。
    • show:全局显示视图资源位置。如果您提交包含组件的视图,它将覆盖全局配置。
  • 路由:
    • edit:编辑路由名称。默认是 /account
    • show:显示路由名称。默认是 /account/edit

待办事项

  • 发布 blade 视图
  • Tailwind 视图