Laravel 8 đã phát hành với một tiếng nổ. và cùng với nó , đã mang đến những thay đổi sâu rộng. Một thay đổi đáng chú ý nhưng gây tranh cãi như vậy là Laravel Jetstream. Laravel Jetstream là một giàn giáo ứng dụng được thiết kế đẹp mắt và đi kèm với hai ngăn xếp cho hệ thống Xác thực - Show
1) Tailwind CSS + Livewire 2) CSS Tailwind + Quán tính. js Bây giờ, hai ngăn xếp này rất tuyệt, đẹp nhưng rất khác so với ngăn xếp dựa trên Bootstrap/jQuery mà các nhà phát triển đã quen sử dụng. Vì vậy, có một đường cong học tập dành cho các nhà phát triển nếu họ muốn sử dụng giàn giáo Auth của Laravel, điều này thật đáng buồn vì Laravel không đi kèm với giàn giáo Auth dựa trên Bootstrap nữa Nhưng, đó là vẻ đẹp của thế giới Nguồn mở. Bất kỳ ai cũng có thể sửa đổi các hệ thống này theo ý thích của mình hoặc xây dựng các plugin hoặc tích hợp mới Hôm nay, chúng ta sẽ tìm hiểu cách chúng ta vẫn có thể sử dụng Bootstrap dựa trên Auth Scaffolding cho ứng dụng Laravel 8 mới. Chúng tôi sẽ sử dụng gói Laravel/UI yêu thích của mình để khôi phục lại Giàn giáo xác thực dựa trên Bootstrap cũ 1) Tạo dự án LaravelNếu bạn đã cài đặt Trình cài đặt Laravel (Bạn có thể làm theo hướng dẫn từ Hướng dẫn dành cho người mới bắt đầu về Laravel của chúng tôi) thì chỉ cần thực hiện lệnh bên dưới khác, thực hiện lệnh dưới đây sau đó vào thư mục dự án của bạn 2) Cài đặt Laravel/UILaravel UI là gói chính thức cung cấp Giàn giáo xác thực cơ bản được xây dựng trên khung CSS Bootstrap. Phiên bản mới nhất của Laravel/UI hỗ trợ Laravel 8, vì vậy chúng tôi sẽ sử dụng gói này để nhập các trang xác thực, bộ điều khiển và các thành phần khác Chạy bên dưới lệnh 3) Cài đặt Bootstrap trong LaravelLaravel UI cung cấp ba tùy chọn cho Auth Scaffolding - 1) Bootstrap, 2) Vue và 3) React. Vì vậy, chúng tôi sẽ cài đặt bootstrap cho trường hợp của chúng tôi Chạy bên dưới lệnh Bạn có thể quan sát thấy rằng chúng tôi đã sử dụng cờ —auth tại đây. Không có cờ đó, lệnh trên sẽ chỉ cài đặt bootstrap và giàn giáo cơ bản. Cờ —auth cũng cài đặt giàn giáo đăng nhập và đăng ký 4) Cài đặt gói NPMChúng tôi đã cấu hình bootstrap và các phụ thuộc liên quan khác trong gói. json ở bước trước, vì vậy bây giờ chúng ta sẽ thực sự cài đặt nó Trước khi tiếp tục, hãy đảm bảo rằng bạn đã cài đặt nút trong hệ thống của mình. Bạn có thể kiểm tra phiên bản nút thông qua lệnh bên dưới Bây giờ, hãy cài đặt các phụ thuộc và biên dịch nội dung của chúng ta 5) Di chuyển cơ sở dữ liệuTrước tiên, chúng ta nên định cấu hình cài đặt cơ sở dữ liệu của mình. trong bạn. env nằm ở thư mục gốc của dự án của bạn, hãy cập nhật cấu hình cơ sở dữ liệu theo hệ thống của bạn. [Nếu bạn không tìm thấy. env, chỉ cần tạo một tệp mới và thêm thông tin đăng nhập theo ví dụ bên dưới] Sau đó, chúng tôi sẽ tạo các bảng cơ sở dữ liệu thông qua di chuyển bằng cách thực hiện lệnh bên dưới 6) Chạy máy chủ phát triểnCuối cùng, đã đến lúc kiểm tra Ứng dụng Laravel của bạn với giàn giáo dựa trên Bootstrap. Đôi khi GIÀ LÀ VÀNG Tôi hy vọng bài viết này đã giúp bạn. Không có người chiến thắng rõ ràng trong Bootstrap vs Tailwind. Đó là tất cả về sở thích. Vì Laravel 8 ưu tiên Tailwind với Livewire hoặc Inertia stack nên có thể gây nhầm lẫn cho các nhà phát triển muốn sử dụng Bootstrap thay thế. Vì vậy, hãy bắt đầu làm việc với dự án tiếp theo của bạn Chào bạn Dev. Hướng dẫn nhanh này sẽ chỉ cho bạn cách Cài đặt Bootstrap trong Laravel 9 (2022). Bạn sẽ học cách triển khai bootstrap vào Laravel. Bạn có thể tìm hiểu cách cài đặt Bootstrap 5 trong Laravel 9 tại đây. Bạn có thể nắm được ý tưởng về cách cài đặt Bootstrap 4 trong Laravel. Hãy để chúng tôi bắt đầu với Laravel cài đặt bootstrap 5 Mặc dù Laravel không chỉ định bạn sử dụng bộ tiền xử lý JavaScript hoặc CSS nào, nhưng nó cung cấp điểm khởi đầu cơ bản bằng cách sử dụng Bootstrap, React và/hoặc Vue sẽ hữu ích cho nhiều ứng dụng. Theo mặc định, Laravel sử dụng NPM để cài đặt cả hai gói giao diện người dùng này Giàn giáo Bootstrap và Vue do Laravel cung cấp nằm trong gói Trình soạn thảo Khi gói Laravel Mix cung cấp một API rõ ràng, biểu cảm qua việc biên dịch SASS hoặc Ít hơn, là các phần mở rộng của CSS đơn giản có thêm các biến, mixin và các tính năng mạnh mẽ khác giúp làm việc với CSS thú vị hơn nhiều. Trong tài liệu này, chúng ta sẽ thảo luận ngắn gọn về việc biên dịch CSS nói chung; Laravel không yêu cầu bạn sử dụng một framework hoặc thư viện JavaScript cụ thể để xây dựng các ứng dụng của bạn. Trên thực tế, bạn hoàn toàn không phải sử dụng JavaScript. Tuy nhiên, Laravel có bao gồm một số giàn giáo cơ bản để giúp bạn bắt đầu viết JavaScript hiện đại dễ dàng hơn bằng thư viện Vue. Vue cung cấp API biểu cảm để xây dựng các ứng dụng JavaScript mạnh mẽ bằng cách sử dụng các thành phần. Cũng như CSS, chúng ta có thể sử dụng Laravel Mix để dễ dàng biên dịch các thành phần JavaScript thành một tệp JavaScript duy nhất, sẵn sàng cho trình duyệt Viết CSSSau khi cài đặt gói Trước khi biên dịch CSS của bạn, hãy cài đặt các phần phụ thuộc giao diện người dùng của dự án bằng trình quản lý gói Node (NPM) Khi các phần phụ thuộc đã được cài đặt bằng cách sử dụng Tệp Viết JavaScriptTất cả các phụ thuộc JavaScript mà ứng dụng của bạn yêu cầu có thể được tìm thấy trong tệp
Khi các gói được cài đặt, bạn có thể sử dụng lệnh Theo mặc định, tệp Laravel
Viết các thành phần VueKhi sử dụng gói Để sử dụng thành phần trong ứng dụng của bạn, bạn có thể thả nó vào một trong các mẫu HTML của mình. Ví dụ: sau khi chạy lệnh
Nếu bạn quan tâm đến việc tìm hiểu thêm về cách viết các thành phần Vue, bạn nên đọc tài liệu về Vue, tài liệu này cung cấp tổng quan toàn diện, dễ đọc về toàn bộ khung Vue Sử dụng phản ứngNếu bạn thích sử dụng React để xây dựng ứng dụng JavaScript của mình, Laravel giúp bạn dễ dàng hoán đổi khung Vue với khung React Thêm cài đặt trướcCác cài đặt trước là "có thể điều chỉnh được", cho phép bạn thêm các phương thức bổ sung vào lớp Làm cách nào để cài đặt Bootstrap auth trong Laravel 8?Hướng dẫn ví dụ về Bootstrap Auth Scaffolding của Laravel 8 . Bước 1 – Cài đặt ứng dụng Laravel 8 Bước 2 – Cấu hình cơ sở dữ liệu Bước 3 – Cài đặt Laravel UI Bước 4 – Cài đặt Giàn giáo Bootstrap Auth Bước 5 – Cài đặt gói Npm Bước 6 – Chạy PHP artisan Migrate Bước 7 – Chạy máy chủ phát triển Làm cách nào để cài đặt bootstrap trong Laravel?Bước 1. Cài đặt dự án Laravel. . Bước 2. Cài đặt giao diện người dùng Laravel cho Bootstrap 5. . Bước 3. Thiết lập Giàn giáo Auth với Bootstrap 5. . Bước 4. Cài đặt phụ thuộc NPM. . Bước 5. vite nhập khẩu. . Bước 6. Cập nhật bootstrap. js. . Bước 7. Nhập Bootstrap 5 SCSS trong Thư mục JS. . Bước 8. Thay mix() bằng lệnh @vite Blade Làm cách nào để cài đặt Bootstrap auth trong Laravel 9?Tạo dự án Laravel. Bỏ qua bước này nếu bạn đã tạo dự án Laravel. . Cấu hình cơ sở dữ liệu. Mở. . Cài đặt Laravel/UI. Chạy lệnh sau – nhà soạn nhạc yêu cầu laravel/ui Thiết lập xác thực Bootstrap. . Chạy cài đặt npm && npm chạy dev. . Chạy di chuyển. . Chạy dự án. . đầu ra Làm cách nào để cài đặt Bootstrap 3 trong Laravel?Làm cách nào để cài đặt Bootstrap trong Laravel? . Bước 1. Cài đặt Laravel Bước 2. Cài đặt giao diện người dùng Laravel Bước 3. Tạo giàn giáo Bước 4. Cài đặt gói Bootstrap Bước 5. Sử dụng Bootstrap trong chủ đề Chạy ứng dụng Laravel |
