Đâ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
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 Composer
Trướ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
- PHP >= 7. 1. 3. Mở terminal và kiểm tra phiên bản PHP của bạn bằng cách nhập lệnh php -v .
- Các tiện ích mở rộng PHP cần có là OpenSSL, PDO, Mbstring, Tokenizer, XML, Ctype và JSON. Nhập lệnh php -m để liệt kê tất cả các phần mở rộng PHP.
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 Composer
a. 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ụ.
JeroenNotenLaravelAdminLteServiceProvider. lớp,
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 Laravel
Bướ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ượt xem/auth/mật khẩu/chính. lưỡi. php
- lượt xem/xác thực/mật khẩu/đăng nhập. lưỡi. php
- lượt xem/xác thực/đăng nhập. lưỡi. php
- lượt xem/xác thực/đăng ký. lưỡi. php
- lượt xem/xác thực/xác minh. lưỡi. php
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
- Chia sẻ trên facebook
- Chia sẽ trên Twitter
- Chia sẻ trên Pinterest
- Chia sẻ trên Linkedin
- Chia sẻ qua thư
12 câu trả lời
wandumi nói.
Bạn là một thiên tài, là một người Malawi sống ở Nam Phi, một nhà phát triển web đầy đủ đầy tham vọng và đang làm việc với các công ty công nghệ và tôi cảm ơn bạn đã cứu công việc của tôi
Đã theo dõi blog của bạn và tôi thực sự rất vui và biết ơn vì cách cài đặt chi tiết này vào trang web của tôi
hirelaraveldeveloper nói.
Tôi đánh giá cao blogger cho bài viết tuyệt vời. chắc chắn sẽ chia sẻ blog này với nhóm của tôi
nhà phát triển nói.
Thử , Bước 3. Cài đặt Gói xác thực của Laravel
nhưng có lỗi như. Lệnh “làm. adminlte” không được xác định. Vì vậy, không thể cài đặt gói xác thực. Bạn có thể vui lòng đề nghị bất kỳ giải pháp.ERIC KWAKYE nói.
nghệ nhân php làm. quản lý
dòng trên không hoạt động
ma quỷ nói.
Wow marveolus, bạn có thể tạo nó cho AdminLTE v3 không?
Glenn Escrimadora nói.
Hiện đang tạo hướng dẫn — Laravel Vue JS CRUD Single Page Application. Điều này sẽ bao gồm cài đặt AdminLTE 3. Giữ nguyên
ksv nói.
trong khi cố gắng chạy “php artisan vendor. xuất bản –provider=”JeroenNotenLaravelAdminLteServiceProvider” –tag=assets”
tôi gặp lỗi như “Trong Kho lưu trữ của nhà cung cấp. dòng php 208. Không tìm thấy lớp “JeroenNoten\LaravelAdminLte\ServiceProvider”Glenn Escrimadora nói.
Chào Ksv,
Tôi đã bỏ lỡ thêm dấu gạch chéo ngược
Tôi đã cập nhật lệnh ở trên, bạn có thể thử lại không?
Hector Dufau nói.
Tôi đã đổi thành ““JeroenNoten\LaravelAdminLte\AdminLteServiceProvider” “
Hector Dufau nói.
Khi chạy
1. nhà cung cấp thủ công php. xuất bản –provider=”JeroenNoten\LaravelAdminLte\AdminLteServiceProvider” –tag=config
HOẶC
2. nhà cung cấp thủ công php. xuất bản –provider=”JeroenNoten\LaravelAdminLte\AdminLteServiceProvider” –tag=assetstrình diễn
Không thể định vị tài nguyên có thể xuất bản
Glenn Escrimadora nói.
Chào Hector,
Sau dấu gạch chéo ngược cuối cùng, nó phải là “ServiceProvider”, không phải “AdminLteServiceProvider”
Cho tôi biết nếu nó hoạt động
nhan nói.
Ở bước 2, chúng tôi thêm “JeroenNoten\LaravelAdminLte\AdminLteServiceProvider. lớp,” hoặc “JeroenNoten\LaravelAdminLte\ServiceProvider. tầng lớp,"
Để lại một câu trả lời
Bạ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. 😀