从多行数据 laravel livewire 插入多行

Question

我有一张桌子。在每一行的每一列的每个单元格中都有一个输入标签。 我的目标是一键验证并插入所有这些数据。

<tbody>
@for($i=0; $i < $no; $i++)
    <tr>
        <td class="border w-2">{{($i+1)}}</td>
        <td class="border">
            <div class="flex">
                <x-jet-label for="name" class="text-xl" value="{{ __('Name') }}" />
                <x-jet-input id="name" class="block mt-1" type="text" wire:model="name" required />
            </div>
            @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
            <div class="flex">
                <x-jet-label for="description" class="text-xl" value="{{ __('Description') }}" />
                <x-jet-input id="description" class=" mt-1" type="text" wire:model="description" required />
            </div>
            @error('description') <span class="text-red-500">{{ $message }}</span>@enderror
            <div class="flex">
                <x-jet-label for="code" class="text-xl" value="{{ __('Code') }}" />
                <x-jet-input id="code" class="block mt-1" type="text" wire:model="code" required />
            </div>
            @error('code') <span class="text-red-500">{{ $message }}</span>@enderror
        </td>
        <td class="border">
            <x-jet-input id="name" class=" mt-1" type="text" wire:model="name" required />
            @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
        </td>
        <td class="border">
            <x-jet-input id="name" class=" mt-1" type="text" wire:model="name" required />
            @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
        </td>
        <td class="border">
            <x-jet-input id="name" class=" mt-1" type="text" wire:model="name" required />
            @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
        </td>
        <td class="border">
            <x-jet-input id="name" class=" mt-1" type="text" wire:model="name" required />
            @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
        </td>
    </tr>
@endfor
</tbody>

有人可以帮助我吗？如何为名称[]、描述[]、代码[]、图像[]等数组创建模型。

我想知道如何制作一个可以放的模型<x-jet-input type="text" wire:model="here" required />

Answer 1

这真的很有帮助。 [数据绑定][1]

所以我这样做了。

<tbody>
    <?php $color=1; ?>
    @for($i=0; $i < $no; $i++)
        <tr @if($color==1) class="bg-green-100 border-b-4" @else class="bg-red-100 border-b-4" @endif>
            <td class="border w-2 text-xl">{{($i+1)}}.</td>
            <td class="border">
                <div class="flex">
                    <x-jet-label for="items.{{$i}}.name" class="text-lg" value="{{ __('Name') }}" />
                    <x-jet-input id="items.{{$i}}.name" class="block mt-1" type="text" wire:model="items.{{$i}}.name" required />
                </div>
                @error('items.'.$i.'.name') <span class="text-red-500">{{ $message }}</span>@enderror
                <div class="flex">
                    <x-jet-label for="items.{{$i}}.description" class="text-lg" value="{{ __('Description') }}" />
                    <x-jet-input id="items.{{$i}}.description" class=" mt-1" type="text" wire:model="items.{{$i}}.description" required />
                </div>
                @error('description') <span class="text-red-500">{{ $message }}</span>@enderror
                <div class="flex">
                    <x-jet-label for="items.{{$i}}.code" class="text-lg" value="{{ __('Code') }}" />
                    <x-jet-input id="items.{{$i}}.code" class="block mt-1" type="text" wire:model="items.{{$i}}.code" required />
                </div>
                @error('code') <span class="text-red-500">{{ $message }}</span>@enderror
            </td>
            <td class="border">
                <x-jet-input id="items.{{$i}}.name" class=" mt-1" type="text" wire:model="items.{{$i}}.image" required />
                @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
            </td>
            <td class="border">
                <x-jet-input id="items.{{$i}}.name" class=" mt-1" type="text" wire:model="items.{{$i}}.unit" required />
                @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
            </td>
            <td class="border">
                <x-jet-input id="name" class=" mt-1" type="text" wire:model="items.{{$i}}.unitcost" required />
                @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
            </td>
            <td class="border">
                <x-jet-input id="name" class=" mt-1" type="text" wire:model="items.{{$i}}.category" required />
                @error('name') <span class="text-red-500">{{ $message }}</span>@enderror
            </td>
        </tr>
        <?php $color==1 ? $color=2 : $color=1; ?>
    @endfor
    </tbody>