Рубрики
Laravel Vue Путь

Абсолютный путь для Vue.js в Laravel

файл webpack.mix.js в корне проекта

const mix = require('laravel-mix');

const path = require('path');

mix.webpackConfig({
  resolve: {
    alias: {
      '': path.resolve(__dirname, 'resources/js')
    },
  },
});

любой файл, связанный с vue

../Project/resources/js/dir1/dir2/file.js
import { file1 } from '/dir1/dir2/file1';
../Project/resources/js/dir1/dir2/file2.vue
import { file2 } from '/dir1/dir2/file2.vue';
Рубрики
Laravel Laravel routes Laravel основы Роут

Laravel Route с примерами

В Laravel Route с примерами представляют простейшие маршруты принимают URI (путь) и функцию-замыкание, предоставляя очень простой и выразительный метод определения маршрутор.

Все маршруты определены в файлах маршрутов, которые расположены в каталоге routes. Эти файлы автоматически загружаются фреймворком.

В файле routes/web.php определены маршруты для вашего web-интерфейса. Эти маршруты входят в группу посредников web, которые обеспечивают такие возможности, как состояние сессии и CSRF-защита. Маршруты из файла routes/api.php не поддерживают состояния и входят в группу посредников api.

Для большинства приложений сначала определяются маршруты в файле routes/web.php.

Синтаксис Laravel Route

$uri

хост\api\путь

$callback

роут вызывает колбэк-функцию или обратный вызов
функция, переданная в другую функцию в качестве аргумента, которая затем вызывается по завершению какого-либо действия.

routes\api.php

get роут получает информацию от сервера
Route::get($uri, $callback);
post роут отправляет информацию на сервер для хранения
Route::post($uri, $callback);
примеры Route в Laravel
Routes
Рубрики
Laravel Laravel+Vue3 project Vue компоненты Vue.js

Vue Создать запись в БД

Вывод UI модального окна для создания записи

Рубрики
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

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

локальное создание проекта laravel в терминале OpenServer

установка композер
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php -r "if (hash_file('sha384', 'composer-setup.php') === '906a84df04cea2aa72f40b5f787e49f22d4c2f19492ac310e8cba5b96ac8b64115ac402c8cd292b8a03482574915d1a8') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
php composer-setup.php
php -r "unlink('composer-setup.php');"
глобально композер
php composer.phar global require laravel/installer
создание проекта
php composer.phar create-project --prefer-dist laravel/laravel vue_laravel
Рубрики
JavaScript Laravel React React-project

Соединение React c Laravel

OpenServer

установка laravel в локальный сервер через терминал

Рубрики
App 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
    выгружать готовую сборку на сервер
Рубрики
Laravel Laravel-project phpMyAdmin

Публикация laravel приложения на сервер

хостинг провайдер
место на сервере

домен
название сайта

Рубрики
Laravel Laravel-project phpMyAdmin

Модель

Модели служат для того, чтобы в комфортном формате работать с таблицами, которые существуют в базе данных

Модель — это контроллер или способ управления в базе данных

phpMyAdmin

  • графический интерфейс для работы с базой данных
  • заходим через локальный сервер OpenServer

Создать БД
кодировка
utf8_general_ci

Рубрики
Laravel Laravel-project MVC

Контроллер

MVC
технология

V отвечает за различные html шаблоны
M отвечает за различные файлы, которые будут служить с базой данных

C служит для объединения V и M
происходит объединение шаблонов и моделей (базой данных)