Tích hợp AdminLTE với Laravel 9
|
Đây là hướng dẫn đầy đủ để tích hợp AdminLTE trong Laravel. Một trợ giúp lớn cho các nhà phát triển web như tôi không phải là nhà phát triển front-end (chuyên nghiệp). Cái này dành cho bạn nếu bạn muốn có một mẫu ứng dụng web đáp ứng và bạn không muốn bắt đầu lại từ đầu. Nhờ có AdminLTE, một mẫu ứng dụng web nguồn mở phổ biến sẽ giúp bạn tạo các giao diện như bảng điều khiển quản trị và bảng điều khiển Show
Các bước tích hợp AdminLTE trong LaravelĐây là hướng dẫn hai bước với các bước phụ sẽ hướng dẫn bạn cách cài đặt Laravel bằng Trình soạn thảo và tích hợp AdminLTE trong Laravel Các bước sau sử dụng quản lý phụ thuộc Composer để dễ dàng tích hợp AdminLTE trong Laravel Bước 1. Cài đặt Laravel bằng ComposerTrước khi chúng tôi tích hợp AdminLTE trong Laravel, trước tiên chúng tôi cần cài đặt Laravel trên máy chủ của mình. Hãy nhớ rằng Laravel framework có ít yêu cầu hệ thống. Nếu bạn không sử dụng Laravel Homestead thì bạn cần đảm bảo rằng những thứ sau đã được cài đặt trên máy chủ của bạn
a. Từ thiết bị đầu cuối của bạn, điều hướng đến thư mục mà bạn muốn cài đặt Laravel b. Tạo dự án Laravel của bạn bằng cách sử dụng lệnh composer create-project --prefer-dist laravel/laravel . Composer sẽ cài đặt tất cả các file cần thiết của Laravel. Quá trình cài đặt sẽ kết thúc với thông báo Đã đặt khóa ứng dụng thành công Mở trình duyệt và điều hướng đến URL dự án của bạn Nếu trang hiển thị Index của Laravel thay vì trang chào mừng của Laravel thì hãy thực hiện như sau Nếu bạn đã cài đặt PHP trên máy chủ để phục vụ dự án của mình thì bạn có thể bắt đầu dự án Laravel của mình bằng cách thực thi lệnh php artisan serve ; . php và. htaccess từ thư mục chung của bạn vào thư mục chính của dự án. Mở chỉ mục. php và thay thế require __DIR__. '/. /nhà cung cấp/tự động tải. php'; với yêu cầu __DIR__. '/nhà cung cấp/tự động tải. php'; và $app = require_once __DIR__. '/. /bootstrap/ứng dụng. php'; với $app = require_once __DIR__. '/bootstrap/ứng dụng. php'; lưu và đóng tập tin. Tới trình duyệt của bạn và tải lại trang của bạn. Bây giờ, bạn sẽ thấy trang chào mừng của Laravel Bước 2. Tích hợp AdminLTE trong Laravel bằng Composera. Từ thiết bị đầu cuối của bạn, hãy nhập lệnh composer require jeroennoten/laravel-adminlte để dễ dàng tải xuống các tệp cần thiết của AdminLTE. b. Mở cấu hình/ứng dụng. php và thêm dòng này vào Nhà cung cấp dịch vụ.  c. Chạy php artisan vendor. lệnh xuất bản --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=assets để xuất bản tài sản công khai của bạn. d. Chạy lệnh composer update jeroennoten/laravel-adminlte để cập nhật gói AdminLTE. e. Chạy php artisan vendor. xuất bản --provider="JeroenNotenLaravelAdminLteServiceProvider" --tag=assets --force lệnh để ghi đè lên các tệp hiện có. Làm tốt lắm. Bạn đã tích hợp thành công AdminLTE trong Laravel. Để đánh giá cao thiết kế đẹp của bảng quản trị AdminLTE, bạn có thể cài đặt gói xác thực Laravel Bước 3. Cài đặt Gói xác thực LaravelBước này là tùy chọn a. Chạy php artisan make. adminlte để dễ dàng tải xuống gói xác thực của Laravel. Tương tự như make. auth nhưng sử dụng mẫu AdminLTE. b. Chạy php artisan vendor. lệnh xuất bản --provider="JeroenNotenLaravelAdminLteServiceProvider" --tag=config để xuất bản tệp cấu hình. Bây giờ bạn có thể chỉnh sửa config/adminlte. php để định cấu hình logo, giao diện, bố cục, thanh bên, menu, v.v. Tới trình duyệt của bạn và tải lại trang của bạn. Bây giờ, bạn sẽ thấy trang đăng nhập của Laravel Các vấn đề thường gặp khi cố gắng tích hợp AdminLTE trong LaravelĐường dẫn CSS AdminLTE không hoạt động Google Dev Tools đưa ra lỗi Không thể tải tài nguyên. máy chủ đã phản hồi với trạng thái lỗi 404 đối với một số tài nguyên css Khắc phục sự cố bằng cách thêm công khai/vào tất cả URL nội dung. Đây là danh sách các tập tin để cập nhật
Lỗi di chuyển nghệ nhân PHP Sau khi chạy lệnh php artisan migration , nó báo lỗi Lỗi cú pháp hoặc vi phạm quyền truy cập. 1071 Khóa được chỉ định quá dài; . Để khắc phục sự cố, bạn phải chỉnh sửa ứng dụng/Nhà cung cấp/Nhà cung cấp dịch vụ ứng dụng. tập tin php. Hàm khởi động bên trong đặt độ dài chuỗi mặc định bằng cách thêm dòng này Schema. defaultStringLength(191); . Bây giờ chức năng khởi động sẽ trông như thế này. public function boot()
{
Schema::defaultStringLength(191);
} Chúng tôi hy vọng chủ đề về tích hợp AdminLTE trong Laravel này đã giúp bạn tạo ứng dụng web đáp ứng của mình mà không phải bắt đầu lại từ đầu Nếu bạn muốn phát triển ứng dụng Laravel của mình dưới dạng ứng dụng một trang (SPA), nơi bạn có thể thực hiện thao tác CRUD (tạo, đọc, cập nhật, xóa), hãy làm theo hướng dẫn của chúng tôi tại đây về hướng dẫn Laravel Vue JS CRUD SPA (Ứng dụng một trang) CHIA SẺ BÀI NÀY
12 câu trả lời
Để lại một câu trả lờiBạn có bất kỳ câu hỏi hoặc đề nghị? Vui lòng để lại nhận xét, chúng tôi sẵn sàng giải quyết mọi vấn đề và cải thiện các giải pháp của chúng tôi. Hãy có một cuộc trò chuyện cá nhân và có ý nghĩa. 😀 Làm cách nào để tích hợp quản trị viên lte trong laravel 9?1. 1 1] Thiết lập dự án Laravel 1. 2 2] Thiết lập dự án AdminLTE 3 1. 3 3] Tích hợp các mẫu xác thực 1. 4 4] vite config 1. 5 5] Tạo di chuyển mới để thêm người dùng đăng nhập mới 1. 6 6] Đầu ra của dự án cuối cùng Laravel tích hợp với AdminLTE như thế nào?Chúng ta hãy bắt đầu với phần hướng dẫn tích hợp. . Bước 1. Cài đặt Laravel mới. . Bước 2. Cài đặt gói laravel ui. . Bước 3. Định cấu hình tài sản ui. . Bước 4. Bạn phải cài đặt npm. . Ở bước này bạn phải tích hợp admin lte trong laravel. . Ở bước này, bạn phải Cài đặt fontawesome npm install --save @fortawesome/fontawesome-free Làm cách nào để tích hợp mẫu quản trị trong Laravel 8?Tích hợp Mẫu Bootstrap với Laravel . Laravel có sử dụng bootstrap không? Tạo tệp bố cục Tạo tập tin một phần Kiểm tra tích hợp Tạo các tuyến đường Tích hợp mẫu quản trị bootstrap trong Laravel Tải xuống Bảng điều khiển dành cho quản trị viên thú vị Lộ trình cấu hình Làm cách nào để sử dụng AdminLTE 3?npm install (cài đặt npm deps) npm run dev (chế độ nhà phát triển, tự động biên dịch với hỗ trợ browsersync cho bản trình diễn trực tiếp) Chỉ thực hiện các thay đổi của bạn trong. /buid Thư mục HOẶC gói. . sao chép repo AdminLTE cài đặt các phụ thuộc chạy npm run dev để khởi động máy chủ |
