Рубрика: Laravel+Vue3 project

Frontend фреймворк Vue
Backend фреймворк Laravel

Рубрики
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
Рубрики
Laravel+Vue3 project React React-project Роут

Разворачивание Роутинга в приложении на React

  • PhpStorm
    среда разработки
  • Node JS
    установка

имя проекта не должно содержать заглавные буквы
установка в терминале среды разработки Visual Studio Code

npx create-react-app name_project
библиотека react-router-dom
npm install react-router-dom
запуск приложения от react
npm start

Структура проекта React

  • public
    место где собирается проект
  • src
    место где пишется код
  • build
    выгружать готовую сборку на сервер