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 hơn:
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.