Рубрики
Laravel+Vue3 project Vue компоненты Vue.js

Vue Список записей из БД

routes\api.php
роутинг модуля в Laravel обращается
к контроллеру ElementsController
для получения записей из БД через метод index

<?php

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\ElementsController;

вывести все записи таблицы через контроллер 
Route::get('/all',[ElementsController::class, 'index']);
Рубрики
Laravel+Vue3 project

Laravel Контроллер для БД

Контроллер laravel

php artisan make:controller ElementsController
Рубрики
Laravel+Vue3 project Vue.js

Laravel Модель для БД

создание модели Elements, которая будет работать с БД таблицей Elements

php artisan make:model Elements -m
Рубрики
Laravel Laravel+Vue3 project

Настройка БД

В графическом приложении phpMyAdmin настройка БД Таблицы

phpMyAdmin
веб-приложение с открытым кодом, написанное на языке PHP и представляющее собой веб-интерфейс для администрирования СУБД MySQL

настройка БД
вход на хостинге (пример Джино)

Таблица Elements в БД на хостинге
источник хранения информации записей задач

Имя ТипПо Умолчанию
idint(11)нет
nametinytextempty
description textempty
bodytext//code
created_atdateнет
updated_atdateнет
структура таблицы elements в БД на хостинге
Настройка БД Таблица
для поля id дополнительно отметить A_I = true на авто уникальность
Рубрики
Laravel Laravel+Vue3 project npm Visual Studio Code Vue.js

Создание проекта Laravel

создание проекта
php composer.phar create-project --prefer-dist laravel/laravel project
  • Процесс обновления кода фреймворков
переход в корень проекта
cd project
запуск проекта
php artisan serve
обновление проекта вручную в laravel
npm run dev
ожидает обновлений проекта в laravel
npm run watch