Архив за месяц: Август 2019

Установка и подключение bootstrap jquery select2 fontawesome в проекте Laravel

composer require twbs/bootstrap

composer require components/jquery

composer require components/jqueryui

composer require select2/select2

composer require fortawesome/font-awesome

Create Service Provider in ‘app/Providers/AssetServiceProvider.php

<?php
namespace App\Providers;

use Illuminate\Support\ServiceProvider;

class AssetServiceProvider extends ServiceProvider
{
/**
* Bootstrap any application services.
*/
public function boot()
{
// bootstrap
$this->publishes([
base_path('vendor/twbs/bootstrap/dist/css/bootstrap.min.css') => public_path('vendor/bootstrap/css/bootstrap.min.css'),
base_path('vendor/twbs/bootstrap/dist/css/bootstrap-grid.min.css') => public_path('vendor/bootstrap/css/bootstrap-grid.min.css'),
base_path('vendor/twbs/bootstrap/dist/css/bootstrap-reboot.min.css') => public_path('vendor/bootstrap/css/bootstrap-reboot.min.css'),

base_path('vendor/twbs/bootstrap/dist/js/bootstrap.min.js') => public_path('vendor/bootstrap/js/bootstrap.min.js'),
base_path('vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js') => public_path('vendor/bootstrap/js/bootstrap.bundle.min.js'),
], 'bootstrap');
// jquery
$this->publishes([
base_path('vendor/components/jquery/jquery.js') => public_path('vendor/jquery/js/jquery.js'),
], 'jquery');
// jqueryui
$this->publishes([
base_path('vendor/components/jqueryui/jquery-ui.js') => public_path('vendor/jqueryui/js/jquery-ui.js'),
], 'jquery-ui');
// select2
$this->publishes(
[
base_path('vendor/select2/select2/dist/css/select2.min.css') => public_path('vendor/select2/css/select2.min.css'),
base_path('vendor/select2/select2/dist/js/select2.min.js') => public_path('vendor/select2/js/select2.min.js'),
],
'select2'
);
//FONT AWESOME
$this->publishes(
[
//css
base_path('vendor/fortawesome/font-awesome/css/all.min.css') => public_path('vendor/fortawesome/css/all.min.css'),
base_path('vendor/fortawesome/font-awesome/css/brands.min.css') => public_path('vendor/fortawesome/css/brands.min.css'),
base_path('vendor/fortawesome/font-awesome/css/fontawesome.min.css') => public_path('vendor/fortawesome/css/fontawesome.min.css'),
base_path('vendor/fortawesome/font-awesome/css/regular.min.css') => public_path('vendor/fortawesome/css/regular.min.css'),
base_path('vendor/fortawesome/font-awesome/css/solid.min.css') => public_path('vendor/fortawesome/css/solid.min.css'),
base_path('vendor/fortawesome/font-awesome/css/svg-with-js.min.css') => public_path('vendor/fortawesome/css/svg-with-js.min.css'),
base_path('vendor/fortawesome/font-awesome/css/v4-shims.min.css') => public_path('vendor/fortawesome/css/v4-shims.min.css'),
//js
base_path('vendor/fortawesome/font-awesome/js/all.min.js') => public_path('vendor/fortawesome/js/all.min.js'),
base_path('vendor/fortawesome/font-awesome/js/brands.min.js') => public_path('vendor/fortawesome/js/brands.min.js'),
base_path('vendor/fortawesome/font-awesome/js/conflict-detection.min.js') => public_path('vendor/fortawesome/js/conflict-detection.min.js'),
base_path('vendor/fortawesome/font-awesome/js/fontawesome.min.js') => public_path('vendor/fortawesome/js/fontawesome.min.js'),
base_path('vendor/fortawesome/font-awesome/js/regular.min.js') => public_path('vendor/fortawesome/js/regular.min.js'),
base_path('vendor/fortawesome/font-awesome/js/solid.min.js') => public_path('vendor/fortawesome/js/solid.min.js'),
base_path('vendor/fortawesome/font-awesome/js/v4-shims.min.js') => public_path('vendor/fortawesome/js/v4-shims.min.js'),
// web fonts
base_path('vendor/fortawesome/font-awesome/webfonts/fa-brands-400.eot') => public_path('vendor/fortawesome/webfonts/fa-brands-400.eot'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-brands-400.svg') => public_path('vendor/fortawesome/webfonts/fa-brands-400.svg'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-brands-400.ttf') => public_path('vendor/fortawesome/webfonts/fa-brands-400.ttf'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-brands-400.woff') => public_path('vendor/fortawesome/webfonts/fa-brands-400.woff'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-brands-400.woff2') => public_path('vendor/fortawesome/webfonts/fa-brands-400.woff2'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-regular-400.eot') => public_path('vendor/fortawesome/webfonts/fa-regular-400.eot'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-regular-400.svg') => public_path('vendor/fortawesome/webfonts/fa-regular-400.svg'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-regular-400.ttf') => public_path('vendor/fortawesome/webfonts/fa-regular-400.ttf'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-regular-400.woff') => public_path('vendor/fortawesome/webfonts/fa-regular-400.woff'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-regular-400.woff2') => public_path('vendor/fortawesome/webfonts/fa-regular-400.woff2'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-solid-900.eot') => public_path('vendor/fortawesome/webfonts/fa-solid-900.eot'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-solid-900.svg') => public_path('vendor/fortawesome/webfonts/fa-solid-900.svg'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-solid-900.ttf') => public_path('vendor/fortawesome/webfonts/fa-solid-900.ttf'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-solid-900.woff') => public_path('vendor/fortawesome/webfonts/fa-solid-900.woff'),
base_path('vendor/fortawesome/font-awesome/webfonts/fa-solid-900.woff2') => public_path('vendor/fortawesome/webfonts/fa-solid -900.woff2'),

],
'awesome'
);
}

/**
* Register any application services.
*/
public function register()
{
//
}
}

Register Service Provider in ‘config/app.php‘:

'providers' => [
    ...
    App\Providers\AssetServiceProvider::class,
    ...
]

Edit in  ‘composer.json‘:

"scripts": {

...

"post-update-cmd": [
"php artisan config:clear",
"php artisan cache:clear",

"php artisan vendor:publish --tag=bootstrap --force",
"php artisan vendor:publish --tag=jquery --force",
"php artisan vendor:publish --tag=jquery-ui --force",
"php artisan vendor:publish --tag=select2 --force",
"php artisan vendor:publish --tag=awesome --force"
]
}

Run composer update

Template:

<!doctype html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Laravel</title>

<!-- Styles -->
{{ Html::style('css/style.css') }}

{{--bootstrap css--}}
<link media="all" type="text/css" rel="stylesheet" href="{{asset('vendor/bootstrap/css/bootstrap.min.css')}}">

{{--jquery--}}
<script src="{{asset('vendor/jquery/js/jquery.js')}}"></script>

{{--bootstrap js--}}
<script src="{{asset('vendor/bootstrap/js/bootstrap.min.js')}}"></script>

<!-- Fonts fontawesome -->
<link media="all" type="text/css" rel="stylesheet" href="{{asset('vendor/fortawesome/css/all.min.css')}}">
<script src="{{asset('vendor/fortawesome/js/all.min.js')}}"></script>

{{--jquery-ui--}}
<script src="{{asset('vendor/jqueryui/js/jquery-ui.js')}}"></script>

{{--select2--}}
<link rel="stylesheet" href="{{ asset('vendor/select2/css/select2.min.css') }}">
<script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
</head>
<body>

<div class="col-12 col-md-9 pt-5">
@yield('content')
</div>
</body>
</html>