Кафедра ИСиТ УО ВГТУ
  • Специальности
    • Экономика электронного бизнеса
    • Информационные системы
    • Information Control Systems
  • Каталог
  • Сайт кафедры
  • Сервисы
    • GitLab
    • ownCloud
    • JupyterHub
    • JupyterHub 2
    • VNC
    • Soft
  1. ИСиТ
  2. РВПсИПП
  3. Практика
  4. Лаб. работа 5 “Создание форм для работы с сущностями”
  • ИСиТ
    • АОС
      • Теория
        • Введение в операционные системы
        • Управление памятью
        • Управление процессами
        • Система ввода-вывода
        • Информационная безопасность
        • Виртуализация
      • Практика
    • РВПсИПП
      • Теория
        • Настройка среды разработки для PHP
        • Разработка web-приложений на базе фреймворков
        • Основы Laravel
        • Шаблоны в Laravel
        • Модели и базы данных в Laravel
        • Формы и валидация в Laravel
        • Аутентификация и авторизация в Laravel
        • Создание REST API в Laravel
        • Работа с файлами и изображениями в Laravel
        • Тестирование и отладка в Laravel
        • Введение в фреймворк Symfony
        • Маршруты и контроллеры в Symfony
        • Шаблоны и Twig в Symfony
        • Формы и валидация в Symfony
        • Доступ к базам данных в Symfony
        • Аутентификация и авторизация в Symfony
        • Сервисы и зависимости в Symfony
        • Создание REST API в Symfony
        • Работа с файлами и медиа в Symfony
        • Сравнение и выбор фреймворка
        • Развертывание веб-приложения
      • Практика
        • Лаб. работа 1 “Создание нового приложения Laravel”
        • Лаб. работа 2 “Добавление главной страницы и базовых маршрутов”
        • Лаб. работа 3 “Создание моделей, миграций и сидеров”
        • Лаб. работа 4 “Создание индексных страниц и пагинация”
        • Лаб. работа 5 “Создание форм для работы с сущностями”
        • Лаб. работа 6 “Работа с файлами (эмуляция S3-хранилища)”
        • Лаб. работа “Создание маршрутов в Laravel”
        • Лаб. работа “Работа с базами данных в Laravel”
        • Лаб. работа “Работа с формами в Laravel”
        • Лаб. работа “Аутентификация и авторизация в Laravel”
        • Лаб. работа “Работа с файлами в Laravel”
        • Лаб. работа “Тестирование и оптимизация в Laravel”
        • Лаб. работа “Создание REST API в Laravel”
        • Лаб. работа “Основы Symfony”
        • Лаб. работа “Шаблоны и представления в Symfony”
        • Лаб. работа “Работа с базами данных в Symfony”
        • Лаб. работа “Фомы и аутентификация в Symfony”
        • Лаб. работа “Сервисы и зависимости в Symfony”
        • Лаб. работа “REST API в Symfony”
        • Лаб. работа “Работа с медиа контентом в Symfony”
        • Лаб. работа “Создание и развертывание проекта”
    • ПСП
      • Теория
        • Введение
        • Протокол HTTP
        • Программирование с использованием сокетов
        • Введение в PHP
        • Работа с базами данных в PHP
        • Объектно-ориентированные возможности PHP
        • Настройка среды разработки для PHP
        • Разработка web-приложений на базе фреймворков
      • Практика
        • Программное обеспечение
        • Регистрация в JupyterHub
        • Лаб. работа “Почтовые протоколы”
        • Лаб. работа “Протокол FTP”
        • Лаб. работа “Протокол HTTP”
        • Лаб. работа “Программирование сетевых приложений с использованием сокетов”
        • Лаб. работа “Основы PHP”
        • Лаб. работа “Массивы в PHP”
        • Лаб. работа “Создание веб-приложений с использованием Slim”
    • Компьютерные сети
      • Теория
        • Введение в компьютерные сети
        • Топологии сетей
        • Кодирование и мультиплексирование
        • Стеки протоколов
        • Адресация в компьютерных сетях
        • Система доменных имен (DNS)
        • Программирование с использованием сокетов
        • Введение в PHP
        • Протокол HTTP
        • Введение в компьютерные сети
      • Практика
        • Программное обеспечение
        • Регистрация в JupyterHub
        • Лаб. работа “Почтовые протоколы”
        • Лаб. работа “Протокол FTP”
        • Лаб. работа “Протокол HTTP”
        • Лаб. работа “Программирование сетевых приложений с использованием сокетов”
        • Лаб. работа “Основы PHP”
        • Лаб работа “Массивы в PHP”
    • РиОИИС
      • Теория
        • Классификация оптимизационных задач
        • Генетические алгоритмы
        • Системы массового обслуживания
        • Теория игр
        • Машинное обучение
        • Глубокое обучение (Deep learning)
        • Основы функционального программирования
        • Основы программирования на Haskell
        • Введение в логическое программирование
        • Инференция и рассуждения в логическом программировании
        • Разработка экспертных систем
        • Интеллектуальные системы и их архитектура
        • Веб-скрэйпинг
        • Сбор данных с открытых API
      • Практика
        • JupyterHub
        • Лаб. работа “Методы одномерной оптимизации”
        • Лаб. работа “Методы многомерной оптимизации”
        • Лаб. работа “Функции в Python”
        • Лаб. работа “Рекурсия в Python”
        • Лаб. работа “Итераторы в Python”
        • Лаб. работа “Генетические алгоритмы”
        • Лаб. работа “Haskell”
        • Лаб. работа “Логическое программирование”
        • Лаб. работа “Сбор данных с помощью веб-скрейпинга”
    • КСКР
      • Практика
        • Лаб. работа “Одномерные и двумерные массивы в C#”
        • Лаб. работа “Обращение матриц в C#”
    • Системное программирование
      • Теория
        • Управление памятью в Windows
        • Файловые операции в Windows
        • Управление процессами в Windows
        • Графический интерфейс Windows
        • ОС Unix
      • Практика
        • Лаб. работа “Работа с динамической памятью в Windows”
        • Лаб. работа “Операции с файлами в Windows”
        • Лаб. работа “Управление процессами в Windows”
        • Лаб. работа “Работа с виртуальной машиной Linux”
        • Лаб. работа “Язык командного энтерпритатора Shell”
        • Лаб. работа “Работа с файлами в Linux”
        • Лаб. работа “Работа с процессами в Linux”

Содержание

  • Методическая часть
  • Индивидуальные задания
  • Примечания
  1. ИСиТ
  2. РВПсИПП
  3. Практика
  4. Лаб. работа 5 “Создание форм для работы с сущностями”

Лаб. работа 5 “Создание форм для работы с сущностями”

Разработка web-приложений с использованием программных платформ
Практика
Автор

Бизюк Андрей

Дата публикации

27 февраля 2025 г.

Цель: Научиться реализовывать CRUD-операции (Create, Read, Update, Delete) через формы, валидировать данные и обрабатывать ошибки.
Задачи:
- Создать формы для добавления, редактирования и удаления постов.
- Реализовать валидацию данных на стороне сервера.
- Настроить отображение ошибок ввода.
- Использовать Tailwind CSS для стилизации форм.


Методическая часть

1. Создание маршрутов для CRUD

В файле routes/web.php добавьте:

use App\Http\Controllers\PostController;

// CRUD для постов
Route::resource('posts', PostController::class)->except(['show']);
// Маршрут для отображения отдельного поста (если не включен в resource)
Route::get('posts/{post}', [PostController::class, 'show'])->name('posts.show');

2. Реализация методов контроллера

В app/Http/Controllers/PostController.php:

a. Метод create (форма создания):

public function create() {
    $categories = Category::all();
    $tags = Tag::all();
    return view('posts.create', compact('categories', 'tags'));
}

b. Метод store (сохранение данных):

public function store(Request $request) {
    // Валидация
    $validated = $request->validate([
        'title' => 'required|max:255',
        'content' => 'required|min:50',
        'category_id' => 'required|exists:categories,id',
        'tags' => 'array|exists:tags,id',
        'image' => 'nullable|image|max:2048',
    ]);

    // Сохранение поста
    $post = Post::create($validated + ['user_id' => auth()->id()]);

    // Привязка тегов
    $post->tags()->sync($request->tags);

    // Загрузка изображения
    if ($request->hasFile('image')) {
        $path = $request->file('image')->store('posts', 'public');
        $post->update(['image' => $path]);
    }

    return redirect()->route('posts.index')->with('success', 'Пост создан!');
}

c. Метод edit (форма редактирования):

public function edit(Post $post) {
    $categories = Category::all();
    $tags = Tag::all();
    return view('posts.edit', compact('post', 'categories', 'tags'));
}

d. Метод update (обновление данных):

public function update(Request $request, Post $post) {
    $validated = $request->validate([...]); // Аналогично методу store

    $post->update($validated);
    $post->tags()->sync($request->tags);
    // Обновление изображения (логика аналогична store)
    
    return redirect()->route('posts.index')->with('success', 'Пост обновлен!');
}

e. Метод destroy (удаление):

public function destroy(Post $post) {
    $post->delete();
    return redirect()->route('posts.index')->with('success', 'Пост удален!');
}

3. Создание Blade-шаблонов

a. Форма создания/редактирования (resources/views/posts/create.blade.php):

@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto py-8">
    <h1 class="text-2xl font-bold mb-6">{{ isset($post) ? 'Редактирование поста' : 'Новый пост' }}</h1>
    
    <form method="POST" action="{{ isset($post) ? route('posts.update', $post) : route('posts.store') }}" enctype="multipart/form-data" class="space-y-6">
        @csrf
        @isset($post) @method('PUT') @endisset

        <!-- Поле "Заголовок" -->
        <div>
            <label class="block text-gray-700 mb-2">Заголовок *</label>
            <input type="text" name="title" value="{{ old('title', $post->title ?? '') }}" 
                   class="w-full rounded-md border-gray-300 @error('title') border-red-500 @enderror">
            @error('title') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
        </div>

        <!-- Поле "Категория" -->
        <div>
            <label class="block text-gray-700 mb-2">Категория *</label>
            <select name="category_id" class="w-full rounded-md border-gray-300">
                @foreach ($categories as $category)
                    <option value="{{ $category->id }}" {{ old('category_id', $post->category_id ?? '') == $category->id ? 'selected' : '' }}>
                        {{ $category->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <!-- Поле "Теги" -->
        <div>
            <label class="block text-gray-700 mb-2">Теги</label>
            <select name="tags[]" multiple class="w-full rounded-md border-gray-300" size="4">
                @foreach ($tags as $tag)
                    <option value="{{ $tag->id }}" {{ in_array($tag->id, old('tags', $post->tags->pluck('id')->toArray() ?? [])) ? 'selected' : '' }}>
                        {{ $tag->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <!-- Поле "Изображение" -->
        <div>
            <label class="block text-gray-700 mb-2">Изображение</label>
            <input type="file" name="image" class="w-full">
            @if (isset($post) && $post->image)
                <img src="{{ asset('storage/' . $post->image) }}" class="mt-2 w-32">
            @endif
        </div>

        <!-- Поле "Контент" -->
        <div>
            <label class="block text-gray-700 mb-2">Содержание *</label>
            <textarea name="content" rows="6" 
                      class="w-full rounded-md border-gray-300 @error('content') border-red-500 @enderror">{{ old('content', $post->content ?? '') }}</textarea>
            @error('content') <span class="text-red-500 text-sm">{{ $message }}</span> @enderror
        </div>

        <button type="submit" class="bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700">
            {{ isset($post) ? 'Обновить' : 'Создать' }}
        </button>
    </form>
</div>
@endsection

4. Валидация и обработка ошибок

  • Laravel автоматически перенаправляет обратно с ошибками при неудачной валидации.

  • Ошибки доступны через глобальную переменную $errors в Blade:

    @if ($errors->any())
        <div class="bg-red-100 text-red-700 p-4 rounded-md mb-6">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

Индивидуальные задания

1. Валидация уникальности заголовка

Добавьте правило валидации, чтобы заголовок поста был уникальным:

'title' => 'required|max:255|unique:posts,title' . (isset($post) ? ",$post->id" : ''),

2. Кастомное сообщение об ошибке

Создайте файл lang/ru/validation.php и добавьте:

return [
    'min' => [
        'string' => 'Поле :attribute должно быть не короче :min символов.',
    ],
    'required' => 'Поле :attribute обязательно для заполнения.',
];

В контроллере укажите локаль:

app()->setLocale('ru');

3. Preview контента

Добавьте кнопку “Предпросмотр” с динамическим отображением контента без перезагрузки страницы (используйте JavaScript):

<button type="button" onclick="document.getElementById('preview').innerHTML = document.querySelector('textarea[name=content]').value" 
        class="bg-gray-200 px-4 py-2 rounded-md">
    Предпросмотр
</button>
<div id="preview" class="mt-4 p-4 bg-gray-50 rounded-md"></div>

4. Удаление изображения

Добавьте чекбокс “Удалить изображение” в форму редактирования:

@if ($post->image)
    <div class="mt-2">
        <label class="flex items-center">
            <input type="checkbox" name="remove_image" class="mr-2">
            <span class="text-red-600">Удалить изображение</span>
        </label>
    </div>
@endif

В контроллере:

if ($request->has('remove_image')) {
    Storage::delete('public/' . $post->image);
    $post->update(['image' => null]);
}

Примечания

  • CSRF-защита: Все формы должны включать @csrf.

  • Хранение изображений: Используйте storage/app/public, создав симлинк:

    php artisan storage:link
Наверх
Лаб. работа 4 “Создание индексных страниц и пагинация”
Лаб. работа 6 “Работа с файлами (эмуляция S3-хранилища)”