Vốn thô của php
ghi chú. Nếu trước đây bạn đã cài đặt 3 trên toàn cầu, bạn nên gỡ cài đặt gói này để đảm bảo npx luôn sử dụng phiên bản mới nhất của 3. Để gỡ cài đặt, hãy chạy lệnh này. 5Chạy ứng dụng ReactChạy lệnh này để di chuyển đến thư mục 6Chạy lệnh này để thực thi ứng dụng React 6Một cửa sổ trình duyệt mới sẽ bật lên với Ứng dụng React mới được tạo của bạn. Nếu không, hãy mở trình duyệt của bạn và nhập ReactDOM.(myElement, document.getElementById('root'));2 vào thanh địa chỉ Kết quả Những gì bạn nên biếtTrước khi bắt đầu với React. JS, bạn nên có kinh nghiệm trung cấp về Bạn cũng nên có một số kinh nghiệm với các tính năng JavaScript mới được giới thiệu trong ECMAScript 6 (ES6), bạn sẽ tìm hiểu về chúng trong chương React ES6 Các ứng dụng web ngày càng trở nên phổ biến và người dùng mong đợi trải nghiệm tương tự được cung cấp bởi các ứng dụng dành cho máy tính để bàn. Theo truyền thống, các ứng dụng web phải gửi yêu cầu đến máy chủ và chờ phản hồi. Phản hồi phải làm mới toàn bộ trang web ngay cả khi chỉ cần cập nhật một phần nhỏ của trang. Điều này dẫn đến các vấn đề về hiệu suất và ảnh hưởng đến trải nghiệm người dùng. AJAX giải quyết vấn đề này bằng cách chỉ cập nhật những điểm cần cập nhật mà không ảnh hưởng đến toàn bộ trang Hướng dẫn trước sẽ trình bày các khía cạnh lý thuyết của AJAX, thảo luận về những ưu điểm và nhược điểm, sau đó chỉ cho bạn cách triển khai. Nếu bạn đã quen thuộc với lý thuyết, thì bạn có thể gác lại và đi thực hành. Video giới thiệu ứng dụng Các chủ đề được đề cập
điều kiện tiên quyết Định nghĩa hội nghị cộng đồng;
Ajax là gì? AJAX là từ viết tắt của JavaScript và XML không đồng bộ. AJAX đề cập đến một nhóm công nghệ cho phép máy khách ứng dụng web gửi và nhận dữ liệu từ máy chủ không đồng bộ. Trong trường hợp này, nó không đề cập đến việc gửi và truy xuất dữ liệu trong nền mà không ảnh hưởng đến việc hiển thị trang hiện tại. Ajax được triển khai bằng các công nghệ này
Ưu nhược điểm của Ajax? Đây là một trong những ưu điểm của Ajax khi phát triển ứng dụng web
Dưới đây là những nhược điểm của việc sử dụng Ajax
Tóm lại, trong hầu hết các trường hợp, ưu điểm nhiều hơn nhược điểm và bạn sẽ phải làm việc với Ajax theo cách này hay cách khác. Phần sau đây xem xét khi nào bạn nên sử dụng Ajax Khi nào nên sử dụng AJAX Vì vậy, đây là một ý tưởng khi bạn nên sử dụng Ajax
API AJAX của JQuery Các phần tương tự của Laravel AJAX CRUD Trước khi tạo ứng dụng của mình, trước tiên chúng ta sẽ xem xét các thành phần chính của việc tạo ứng dụng AJAX Laravel
Ví dụ CRUD của Laravel Ajax Trong phần này, chúng tôi sẽ sử dụng trình soạn thảo để tạo một ứng dụng Laravel mới bằng phiên bản 5.8 * mới nhất. Tôi sẽ tạo ứng dụng của mình trên máy tính để bàn. Sử dụng bất kỳ vị trí nào bạn thích. Mở một thiết bị đầu cuối
Chạy khách sạn sau để tạo một dự án mới
Lệnh ở trên tạo file ajax-crud và cài đặt phiên bản Laravel 6 mới nhất. 0
Bây giờ hãy thử cài đặt nó. Chúng tôi sẽ làm việc với máy chủ tích hợp.
Lệnh phía trên bắt đầu tích hợp dịch vụ web trên cổng 777
Bạn chọn đết trang chào chương trình cho Laravel Chúng ta sẽ tạo một ứng dụng danh sách đơn giản để làm Mở terminal và duyệt đến thư mục gốc Chạy khách sạn sau để tạo mô hình và di chuyển đồng thời
Lệnh lệnh đến ra mô hình Nhiệm vụ và di chuyển đến nó Cập nhật mã của bạn ở đây
Bây giờ hãy tải lên tệp di chuyển cơ sở dữ liệu Mở tệp di chuyển /database/migrations/xxxx_xx_xx_xxxxxx_create_tasks_table. php Nhập mã như bạn đã làm ________số 8Nếu bạn không quen thuộc với khái niệm về migration, tôi khuyên bạn nên đọc Laravel Migration Guide Trước khi chạy migration chúng ta phải tạo một csdl trong mysql và cấu hình cấu hình để kết nối với csdl Chạy câu lệnh SQL sau trong MySQL
Dòng trên tạo cơ sở dữ liệu MySQL có tên là ajax_crud. Mở tập tin. env trong quá trình tải lên Đặt cấu hình như sau 0Lưu nó. Các cài đặt ở trên phải khớp với cài đặt trên máy chơi game của bạn Thực hiện lệnh này để chạy di chuyển 0Lưu nó. Nếu bạn đang sử dụng phiên bản MySQL thấp hơn thường đi kèm với XAMPP, thì bạn có thể nhận được thông báo lỗi 1Để giải quyết vấn đề này, hãy mở /app/Providers/AppServiceProvider. php nhập mã của bạn 2sử dụng Chiếu sáng\Hỗ trợ\Mặt tiền\Lược đồ; Lược đồ. defaultStringLength(191); Lưu nó. Bạn sẽ phải xóa thủ công các bảng được tạo như một phần của cơ sở dữ liệu trước khi thực hiện lệnh này Reback hotel after (nếu bạn làm hại đến từ điển, bạn có một vạn định nghĩa này) 3Kiểm tra dữ liệu trước khi chạy di chuyển. Bạn sẽ thấy bảng nhiệm vụ với hai bản ghi nội dung buộc tội gieo rắc trong quá trình di chuyển Biểu mẫu phương thức Bootstrap của Laravel Blade Cấu trúc được đội trưởng đội sau 5 6 6 6 6 6
Chúng tôi sẽ làm việc với các tài nguyên JavaScript và CSS tại đây
Tạo một tệp tài nguyên/lượt xem/tác vụ mới. lưỡi. php Thêm mã vào tệp nhiệm vụ. lưỡi. php 4
Tạo kiểu CSS Bạn cần tải xuống css từ trang https. //github. com/KodeBlog/Laravel-Ajax-CRUD-Example/blob/master/public/css/style. css Bây giờ, hãy tạo chế độ xem một phần Tạo một thư mục mới có tên là partials trong /resources/views Tạo tệp trong /resources/views/partials Mã cho các lượt xem như bạn Mã cho task_add. lưỡi. php 5Code cho task_delete. lưỡi. php như sau 6Mã cho task_edit. lưỡi. php dưới dạng sau . 7Vậy đó, nó cho các lượt xem. Hãy làm điều đó ngay bây giờ trên JavaScript Ví dụ về mã CRavel AJAX jQuery CRUD JavaScript Tiếp theo, tạo một tệp nhiệm vụ. js trong thư mục /public/js Thêm mã của bạn vào đây 8
|