Laravel LiveWire 2：我们是否必须创建一个新类或者我们可以像传统的控制器一样做

Question

所以，这是我的第一个LiveWire 学习项目。

直截了当，我正在使用php artisan make:livewire user

制作一个名为User 的Livewire 组件

然后这就是我得到的

第一个用户.php

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class User extends Component
{
    public function render()
    {
        return view('livewire.user.index'); //i've updated this
    }
}

所以，我想在不同的页面创建一个用户。 注意：我已经为 SPA 使用了 turbolinks，当我像传统的 Laravel 控制器一样创建时

Web.php

Route::get('/user', User::class)->name('user.index');
Route::get('/user/create',[User::class, 'create'])->name('user.create');

User.php（livewire 组件）

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class User extends Component
{
    public function render()
    {
        return view('livewire.user.index');
    }

    // This is what i create
    public function create()
    {
        return view('livewire.user.create')
        ->extends('layouts.app')
        ->section('contents');
    }
}

它没有给我父模板（它没有运行到 layouts.app 并转到内容，它只是显示空白页），我试图用布局扩展它.app 和部分

layouts/app.blade.php

    <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
        @include('layouts.include._sidebar')
        <div class="flex flex-col flex-1 w-full">
            @include('layouts.include._navbar')
            <main class="h-full overflow-y-auto">
                <div class="container px-6 mx-auto grid">
                    {{-- {{ $slot }} --}}
                    @yield('contents')
                </div>
            </main>
        </div>
    </div>

我的问题：

我们可以像标准的 laravel 控制器一样使用 在用户组件中创建公共函数 还是我们必须创建一个名为 UserCreate 的新组件？谢谢！

Answer 1

您可以将 livewire 用作整页组件或使用 <livewire:component-name /> 加载到视图中的组件

您只能使用 Livewire 生成的“控制器”User.php，或者您可以使用经典的 Laravel 控制器，从中返回刀片视图，然后在刀片视图中使用 <livewire:component-name /> 加载 livewire 组件。

在您的情况下，我认为在渲染方法中您必须返回 livewire.user 并在您的刀片视图中加载它，如上所述。

Answer 2

你可以通过不同的方式来处理这个问题，这取决于你。 可以有一个 UserForm 组件来处理创建/编辑表单，并在用户的 create 组件调用中渲染 UserForm 组件以创建新的。

public function create()
{
   return redirect()->route('user.create');
}

在 web.php 中

Route::get('/user/create', [UserForm::class])->name('user.create');
Route::get('/user/edit/{user?}', [UserForm::class])->name('user.edit');

和用户窗体组件

public $email, $name;
public $user;

public $option = '';
public function mount($user = null)
{
  if(is_null($user)) {
    // some initialization
    $this->option = 'create';
  }
  else {
    $this->user = User::find($user);
    $this->option = 'edit';
  }  
}

public function render()
{
   return view('user-form');
}

public funcion store()
{
   if($this->option == 'create') {
       //create handler
   }
   else {
       //edit handler
   } 
}

改为使用重定向，您可以使用模态框并在用户组件中的模态框内呈现 UserForm。正如我告诉你的，这可以通过不同的方式来做到这一点