Hướng dẫn tích hợp giao diện trang quản trị SB Admin 2 vào Laravel 5.8
Posted: 1/6/2019.
Bài viết hướng dẫn tích hợp giao diện trang quản trị SB Admin 2 vào Laravel 5.8.
Bài viết hướng dẫn tích hợp giao diện trang quản trị SB Admin 2 (sử dụng Bootstrap 4) vào Laravel 5.8.
Bản đầy đủ của giao diện quản trị SB Admin 2 như hình dưới đây:
Bước 1
Download Theme SBadmin2.
Sau khi tải xuống, giải nén sẽ nhận được các thư mục khác nhau như được hiển thị.
Bước 2
Copy các thư mục css, js, vendor vào thư mục public của dự án Laravel.
Bước 3
Tạo thư mục laravel/resource/layout trong Project Laravel. .
Sau đó tạo tập tin trong thư mục layout như sau:
- main.blade.php
- head.blade.php
- sidebar.blade.php
- navbar.blade.php
- footer.blade.php
- js.blade.php
Bước 4:
Viết code cho các file vừa tạo trong thư mục layout như sau:
1. File main.blade.php
@include('layout.head')
@include('layout.sidebar')
@include('layout.navbar')
@yield('content')
@include('layout.footer')
2. File head.blade.php
SB Admin 2 - Blank
3. File sidebar.blade.php
3. File navbar.blade.php
4. File footer.blade.php
5. File js.blade.php
Bước 5
Sau khi tạo xong các file trong thư mục resource / view /layout, tạo một file test.blade.php trong thư mục resource / view để kiểm tra việc cài đặt them SB Admin như sau:
File test.blade.php
@extends('layout.main')
@section('content')
| Name |
Position |
Office |
Age |
Start date |
Salary |
| Tiger Nixon |
System Architect |
Edinburgh |
61 |
2011/04/25 |
$320,800 |
| Garrett Winters |
Accountant |
Tokyo |
63 |
2011/07/25 |
$170,750 |
| Ashton Cox |
Junior Technical Author |
San Francisco |
66 |
2009/01/12 |
$86,000 |
| Cedric Kelly |
Senior Javascript Developer |
Edinburgh |
22 |
2012/03/29 |
$433,060 |
@endsection
Bước 7:
Sửa file routes / web.php
Thêm nội dung sau vào file web.php:
Route::get('/test', function () {
return view('test');
});
Chạy php artisan serve và truy cập http://localhost:8000/test, kết quả như sau:
Chúc các bạn thành công
[Nghean-Aptech]
Các tin mới:
Các tin cũ hơn:
Hướng dẫn tích hợp Google ReCaptcha v2 vào Laravel bằng curl.
Học lập trình React JS trong vòng 5 phút.
Sử dụng trình soạn thảo CKeditor tích hợp CKFinder với Laravel.
Hướng dẫn cài đặt Apache, PHP, MySQL, PHPMyAdmin trên Windows 10 và cấu hình SendMail.
Tạo ứng dụng MVC cơ bản với Laravel 5 trong 10 phút.