Tự động làm mới trang khi dữ liệu thay đổi laravel
Vite là công cụ front-end mới cho Laravel. Hãy xem cách chúng ta có thể làm cho nó hoạt động tốt hơn cùng với Laravel Livewire Show Vite là Hôm nay, hãy xem cách chúng ta có thể cùng nhau cải thiện hoạt động với Livewire và Vite bằng cách sử dụng Plugin Vite Livewire của Fabio Ivona Sự cần thiếtKhi làm việc với Laravel Livewire, các component của chúng ta thường có các trạng thái khác nhau, tùy thuộc vào dữ liệu hiện tại Mỗi khi chúng tôi thay đổi tệp phiến của thành phần và làm mới, Đây là nơi Plugin Vite Livewire có thể giúp chúng tôi. Nó tự động làm mới các thành phần Livewire và Hình ảnh. Biểu mẫu gửi này là một thành phần Livewire từ trang web Larastreamers Cài đặtCài đặt gói
Sau đó, thêm plugin Vite mới vào tệp
Và cuối cùng, thêm trình quản lý tải lại vào tệp JavaScript chính của bạn
Không, chúng tôi có thể khởi động Vite đến hết Ghi chú. Xin lưu ý rằng nếu bạn đã định cấu hình Vite để tự động làm mới các tệp phiến, thì điều này sẽ xung đột với plugin này Cách sử dụngBây giờ, mỗi khi bạn thay đổi tệp phiến của thành phần Livewire hoặc lớp thành phần, nó sẽ Điều này cực kỳ hữu ích, đặc biệt đối với các thành phần mở rộng hơn như các biểu mẫu lớn có nhiều trường nhập liệu. Khi bạn kiểm tra chúng ngay bây giờ, bạn không phải nạp lại tất cả dữ liệu Để biết thêm chi tiết, vui lòng kiểm tra tài liệu plugin chính thức. Chúc bạn vui vẻ và cảm ơn Fabio Ivona Đối với dân lập trình javascript thì có lẽ auto reload khi file thay đổi có lẽ đã quen thuộc. Nhưng còn trong laravel hoặc trong các tệp blade thì sao?. Câu trả lời là có, nó có thể, giống như các tệp javascript, php hoặc blade trong laravel cũng có thể tự động tải lại khi có thay đổi đối với tệp. Laravel sử dụng hỗn hợp laravel để hỗ trợ nó Chức năng tự động tải lại khá hữu ích cho các lập trình viên, vì trình duyệt sẽ tự động phản hồi các thay đổi nên chúng ta không cần tải lại trang trình duyệt. Nếu bạn áp dụng điều này, tất nhiên điều này sẽ làm cho công việc dễ dàng hơn. Phương pháp khá dễ dàng, hãy làm theo các bước dưới đây Cách tạo Tự động tải lại khi tệp thay đổi trong Laravel1. Lập dự án laravel với phiên bản laravel đã hỗ trợ laravel mix. Laravel mix đã có trên phiên bản 5. 4+. Nhưng mình khuyên nên dùng laravel version 7+ để tránh lỗi. 2. Hãy chắc chắn rằng bạn đã cài đặt nút js. Nhấp vào liên kết sau để tải xuống nút. js. https. //nodejs. tổ chức/vi/
cài đặt npm 4. Mở gói web. pha trộn. js và thêm đoạn script bên dưới pha trộn. browserSync('127. 0. 0. 1. 8000'); 5. Chạy các lệnh bên dưới để tải xuống các phụ thuộc đồng bộ hóa trình duyệt và đồng bộ hóa trình duyệt-webpack-plugin đồng hồ chạy npm 6. Chạy lại lệnh bên dưới, lần này lệnh bên dưới sẽ chạy máy chủ ảo đồng hồ chạy npm Sau khi câu lệnh trên được thực thi thì một lúc sau bạn sẽ tự động được chuyển đến trình duyệt với url http. //máy chủ cục bộ. 3000. Ok, bây giờ tải lại tự động của bạn đang hoạt động. Hãy thử thay đổi tệp lưỡi cắt và xem kết quả Tự động tải lại được kích hoạtĐể mã hóa của bạn nhanh hơn nữa, bạn phải bật tính năng lưu tự động trong mã phòng thu trực quan. Vì vậy, khi bạn chỉnh sửa một tệp, tệp sẽ tự động được lưu và trình duyệt sẽ tự động tải lại. Bạn sẽ cảm thấy hạnh phúc hơn, mạnh mẽ hơn, nhanh hơn và hiệu quả hơn. Làm theo hình bên dưới để kích hoạt auto save on vs code Tôi có thể tự động làm mới trang web không?Tùy chọn đầu tiên trong menu bổ trợ sẽ có nội dung Bật Trình tải lại cho tab này. Bật tùy chọn này bằng cách nhấp vào chuyển đổi bên cạnh nó. Trong phần Điều chỉnh thời gian tải lại, hãy nhập khoảng thời gian bạn muốn trang web của mình làm mới. Bạn có thể chỉ định thời gian theo ngày, giờ, phút và giây
Laravel có tải lại nóng không?Nhóm Laravel đã cập nhật gói Laravel vite-plugin của bên thứ nhất để hỗ trợ tải lại toàn bộ trang khi thay đổi tệp phiến/tệp tùy ý . Vite sẽ tải lại toàn bộ trang khi bạn chỉnh sửa mẫu lưỡi cắt (hoặc bất kỳ tệp nào khác mà bạn định cấu hình) thay đổi.
Bạn sẽ sử dụng yếu tố nào để tự động làm mới trang?Thẻ khiến trang web tự động làm mới sau một khoảng thời gian đã chỉ định.
Làm cách nào để làm mới chế độ xem trong Laravel?Phương thức refresh()
. Lưu ý rằng, Phương thức refresh() cũng sẽ “làm mới” tất cả các mối quan hệ được tải của mô hình. |