15. Шаблон пользовательской части. Часть 1.

Возьмем этот шаблон: https://www.free-css.com/free-css-templates/page244/markedia .

Создадим контроллер:

php artisan make:controller PostController

С содержимым:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PostController extends Controller
{
    public function index() {
        return view('posts.index');
    }

    public function show() {
        return true;
    }
}

Создадим вью resources/views/posts/index.blade.php и скопируем туда содержимое файла index нашей темы.

Добавим руты:

Route::get('/', '[email protected]')->name('home');
Route::get('/article/{slug}', '[email protected]')->name('posts.single');

Скопируем все файлы нашей темы в папку resources/assets/front (кроме html файлов).

Скрипты и стили (Webpack)

Из нашего файла resources/views/posts/index.blade.php соберем все подключенные файлы и с помощью вебпака перенесем их в паблик:

mix.scripts([
        'resources/assets/front/js/jquery.min.js',
        'resources/assets/front/js/tether.min.js',
        'resources/assets/front/js/bootstrap.min.js',
        'resources/assets/front/js/animate.js',
        'resources/assets/front/js/custom.js',
        'resources/assets/front/js/my.js',
    ],
    'public/assets/front/js/my.js');

mix.styles([
        'resources/assets/front/css/bootstrap.css',
        'resources/assets/front/css/font-awesome.min.css',
        'resources/assets/front/style.css',
        'resources/assets/front/css/animate.css',
        'resources/assets/front/css/responsive.css',
        'resources/assets/front/css/colors.css',
        'resources/assets/front/css/version/marketing.css',
        'resources/assets/front/css/my.css',
    ],
    'public/assets/front/css/my.css');

mix.copyDirectory('resources/assets/front/images', 'public/assets/front/images');
mix.copyDirectory('resources/assets/front/fonts', 'public/assets/front/fonts');
mix.copyDirectory('resources/assets/front/upload', 'public/assets/front/upload');

Подключим собранные js и css файлы в шаблон в нужных местах:

<link href="{{ asset('assets/front/css/my.css') }}" rel="stylesheet">
<script src="{{ asset('assets/front/js/my.js') }}"></script>

В самом файле и в некоторых файлах css и js поменяем пути на правильные.

И запустим вебпак:

npm run dev

 

 

 

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x