Laravel livewire - запись не создана в БД

Добрый день! Начал изучать Livewire. Работаю над пет-проектом новостного сайта. Livewire подключен, база данных подключена правильно, миграции созданы. Вывод категорий новостей работает корректно. Возникла проблема при создании формы для добавления категории новостей и ее отправки.

веб.php

Route::group(['prefix' => 'admin', 'as' => 'admin.'], function () {

    Route::get('/newsCategories/show', ShowNewsCategories::class)
        ->name('news.categories.show');
    Route::get('/newsCategories/create', CreateNewsCategory::class)
        ->name('news.categories.create');
});

CreateNewsCategory.php (app/Http/Livewire/Admin/NewsCategories/CreateNewsCategory.php)

<?php

namespace App\Http\Livewire\Admin\NewsCategories;

use App\Models\NewsCategory;
use Illuminate\Contracts\Foundation\Application;
use Illuminate\Contracts\View\Factory;
use Illuminate\Contracts\View\View;
use Livewire\Component;

class CreateNewsCategory extends Component
{
    public $name;
    public $order;

    protected $rules = [
        'name' => 'required|string|max:220',
        'order' => 'required'
    ];

    public function create(){
        $this->validate();

        NewsCategory::create([
            'name' => $this->name,
            'order' => $this->order,
        ]);
    }

    /**
     * @return Factory|View|Application
     */
    public function render()
    {
        return view('livewire.admin.news-categories.create-news-category')
            ->extends('layouts.admin.master')
            ->section('content');
    }
}

/resources/views/livewire/admin/news-categories/create-news-category.blade.php

<form wire:submit.prevent = "create">
    <div class = "form-group">
        <label for = "name">Name</label>
        <input type = "text" class = "form-control" id = "name" placeholder = "Enter name" wire:model = "name">
    </div>

    <div class = "form-group">
        <label for = "order">Order</label>
        <input type = "text" class = "form-control" id = "order" placeholder = "Enter order" wire:model = "order">
    </div>

    <button type = "submit" class = "btn btn-primary" wire:click = "create">Create</button>
</form>

NewsCategory.php (/app/Models/NewsCategory.php)

<?php

namespace App\Models;

use Carbon\Carbon;
use Cviebrock\EloquentSluggable\Sluggable;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Database\Eloquent\SoftDeletes;


class NewsCategory extends Model
{
    use Sluggable;
    use SoftDeletes;

    protected $table = 'news_categories';

    protected $casts = [
        'order' => 'int'
    ];

    protected $fillable = [
        'order',
        'name',
        'slug'
    ];

    public function articles(): HasMany
    {
        return $this->hasMany(Article::class);
    }

    public function sluggable(): array
    {
        return [
            'slug' => [
                'source' => 'name'
            ]
        ];
    }
}

Результат - страница перезагружается, но запись в базе данных не создается.

Я попытался изменить код функции «создать» на компонент CreateNewsCategory:

public function create(){
        die($this->name);
}

Во всех случаях страница перезагружается и ничего не происходит. Помоги пожалуйста

Вы уверены, что проверка прошла?

Khang Tran 25.04.2023 19:35

Если убрать валидацию - результат тот же(

Irina Vinter 25.04.2023 20:14

Минимальный воспроизводимый пример, пожалуйста?

Ben the Coder 28.04.2023 16:22
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
1
3
69
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

вы используете директиву wire:submit.prevent в форме и директиву wire:click в кнопке. В этом случае метод create запускается дважды, когда вы нажимаете кнопку. Вы должны использовать только одну из этих директив.

<!-- /resources/views/livewire/admin/news-categories/create-news-category.blade.php -->
<form wire:submit.prevent = "create">
    <div class = "form-group">
        <label for = "name">Name</label>
        <input type = "text" class = "form-control" id = "name" placeholder = "Enter name" wire:model = "name">
    </div>

    <div class = "form-group">
        <label for = "order">Order</label>
        <input type = "text" class = "form-control" id = "order" placeholder = "Enter order" wire:model = "order">
    </div>

    <button type = "submit" class = "btn btn-primary">Create</button>
</form>

Теперь метод create следует вызывать только один раз при отправке формы.

Что касается другой вашей проблемы, если страница перезагружается, это может указывать на то, что форма отправляется традиционно (без вмешательства Livewire), а не перехватывается и обрабатывается Livewire. Проверьте элемент формы, чтобы узнать, есть ли у него атрибут wire:id. Если это не так, Livewire инициализируется неправильно.

Убедитесь, что вы выполнили каждый шаг в: https://laravel-livewire.com/docs/2.x/quickstart

Спасибо за ваш ответ! Торопился отправить вопрос и не заметил, что второе "создать" не убрано. Проблема действительно заключалась в отсутствии livewireStyles и livewireScripts в родительском компоненте (сначала не проверял, потому что это сделал кто-то другой). Спасибо!!

Irina Vinter 27.04.2023 19:26

Другие вопросы по теме