programming php

Vốn thô của php

ghi chú. Nếu trước đây bạn đã cài đặt

//localhost:777

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

//localhost:777

3. Để gỡ cài đặt, hãy chạy lệnh này.

//localhost:777

Chạy ứng dụng React

Chạy lệnh này để di chuyển đến thư mục

//localhost:777

Chạy lệnh này để thực thi ứng dụng React

//localhost:777

Mộ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ết

Trướ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
Ajax là gì?
Tại sao nên sử dụng Ajax?
Khi nào nên sử dụng Ajax?
API Ajax của jQuery
Ví dụ CRUD của Laravel Ajax

điều kiện tiên quyết

Định nghĩa hội nghị cộng đồng;

Bạn hiểu cơ bản về Laravel
Bạn đang chạy PHP và MySQL
Bạn có kiến thức cơ bản về HTML và JavaScript, đặc biệt là jQuery
Bạn đã cài đặt trình chỉnh sửa
Bạn có một trình soạn thảo văn bản hoặc IDE hỗ trợ PHP
Bạn có một trình duyệt web hiện đại hỗ trợ HTML5
Bạn đã theo dõi một loạt bài hướng dẫn và bạn đã hiểu những kiến thức cơ bản về Laravel 5

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

JavaScript - ngôn ngữ kịch bản phía máy khách liên kết tất cả các công nghệ với nhau
HTML/XHTML/CSS - dùng để hiển thị dữ liệu
Mô hình tài liệu [DOM] - được sử dụng để truy cập và thao tác với các tài liệu có cấu trúc
XML/JSON - dùng để trao đổi dữ liệu. JSON hiện được sử dụng phổ biến thay cho định dạng XML
XMLHttpRequest - Đối tượng JavaScript chịu trách nhiệm giao tiếp với máy chủ

Ư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

Cải thiện trải nghiệm người dùng - Ajax cho phép bạn tạo các ứng dụng tương tác nhanh chóng và không yêu cầu tải lại toàn bộ trang. Người dùng có thể tiếp tục sử dụng ứng dụng trong khi các hoạt động của Ajax đang chạy trong nền
Giảm sử dụng băng thông - Băng thông tốn tiền và Ajax cho phép bạn tiết kiệm tiền. Các ứng dụng truyền thống yêu cầu tải lại tất cả nội dung ngay cả khi bạn chỉ quan tâm đến một phần nhỏ của ứng dụng. Điều này dẫn đến việc sử dụng nhiều băng thông. Ajax chỉ cho phép bạn truy xuất dữ liệu bạn cần từ máy chủ
Cải thiện hiệu suất hệ thống - Ajax chỉ truy xuất dữ liệu cần thiết từ máy chủ. Điều này cải thiện đáng kể hiệu suất hệ thống và thời gian đáp ứng
Thúc đẩy phân tách dữ liệu, logic nghiệp vụ và trình bày - Các cuộc gọi Ajax thường truy xuất dữ liệu từ máy chủ và nếu cần, logic nghiệp vụ được áp dụng. Dữ liệu được hiển thị sau khi các kích hoạt này được hoàn tất thành công

Dưới đây là những nhược điểm của việc sử dụng Ajax

Yêu cầu JavaScript - JavaScript là công nghệ phía máy khách và bạn không có quyền kiểm soát nó. Nếu người dùng tắt JavaScript trên trình duyệt web của họ thì Ajax sẽ không hoạt động
Khả năng tương thích với trình duyệt web - không phải tất cả các trình duyệt web, đặc biệt là các trình duyệt cũ, đều hỗ trợ tất cả các công nghệ mà Ajax sử dụng. Ngày nay, hầu hết các trình duyệt đều hỗ trợ các công nghệ này, vì vậy bạn nên chú ý đến điều này
Không/không thể đánh dấu nội dung - người dùng thường đánh dấu nội dung để họ có thể dễ dàng quay lại nội dung đó. Với nội dung Ajax, điều này là không thể hoặc ít nhất là cần nhiều nỗ lực hơn để thực hiện
Nội dung JavaScript thường không thân thiện với SEO - Các công cụ tìm kiếm dễ chọn hơn nội dung truyền thống, chẳng hạn như nội dung được tạo qua JavaScript. Phát triển nội dung SEO với JavaScript đòi hỏi nhiều nỗ lực hơn

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

Hoàn thành tự động - nếu bạn đã làm việc với bất kỳ công cụ tìm kiếm nào, kết quả có thể đã được hiển thị cho bạn trước khi bạn có thể hoàn thành việc nhập liệu. Ajax có thể được sử dụng để cung cấp chức năng như vậy
Lưu tự động - khi bạn đang soạn email và nội dung nào đó trên internet và mất kết nối với máy chủ, có thể bạn sẽ tìm thấy công việc của mình trong thư mục nháp. Đây chỉ là một ví dụ. Nếu bạn phát triển hệ thống quản lý nội dung, bạn cũng có thể cung cấp chức năng tương tự nơi bạn lưu người dùng thực hiện các tác vụ định kỳ để cung cấp chức năng khôi phục tự động.
Phân trang - bạn chỉ có thể thấy rất nhiều thứ cùng một lúc. Việc phân trang cho phép bạn hiển thị một số mục hạn chế tại một thời điểm và cung cấp các liên kết để cho phép người dùng xem đoạn tiếp theo. Tìm kiếm của Google liệt kê 10 mục trên mỗi trang và cung cấp cho bạn các liên kết đến các trang kết quả khác. Ajax có thể cải thiện đáng kể trải nghiệm người dùng khi hiển thị nội dung đã được phân trang
Bình luận blog - Có gì sai với một blog? . Người dùng có thể để lại nhận xét mà không cần tải lại toàn bộ trang, điều này có thể rất khó chịu
Xác thực thời gian thực - Bạn có thể sử dụng Ajax để cung cấp phản hồi cho người dùng trong thời gian thực. Giả sử người dùng đang điền vào biểu mẫu đăng ký trên một trang web. Bạn có thể sử dụng Ajax để xác thực địa chỉ email đã gửi và cho người dùng biết nếu địa chỉ đó khả dụng trước khi người dùng gửi biểu mẫu.
Còn nhiều và nhiều hơn nữa - Ajax cũng có thể được sử dụng để thực hiện các chức năng như khảo sát, bỏ phiếu trực tuyến, lọc và sắp xếp dữ liệu, v. v

API AJAX của JQuery
Sử dụng Ajax yêu cầu bạn phải biết JavaScript và nhiều công nghệ khác. Điều này làm tăng thời gian và chi phí phát triển. May mắn thay, các thư viện JavaScript như jQuery có thể giúp cuộc sống của bạn dễ dàng hơn. jQuery có API Ajax cung cấp triển khai Ajax.

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

Giao diện lập trình ứng dụng [API] AJAX - các mẫu AJAX của chúng tôi sẽ gửi dữ liệu đến máy chủ và nhận phản hồi. Dữ liệu từ mẫu được gửi theo cách thông thường khi máy chủ phản hồi nội dung JSON. Bạn có thể sử dụng bất kỳ định dạng áp dụng nào nhưng JSON là định dạng thường được sử dụng và đó là định dạng chúng tôi sẽ sử dụng trong hướng dẫn này
JavaScript - JavaScript là phần cốt lõi của AJAX. Chúng tôi sẽ làm việc với thư viện jQuery trong hướng dẫn này để làm cho mọi thứ trở nên dễ dàng. Bạn không cần biết JavaScript để làm theo hướng dẫn này
Ứng dụng web - theo cách này, chúng tôi sử dụng HTML, CSS và JavaScript cơ bản để xây dựng giao diện người dùng

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

cd ~/Desktop

Chạy khách sạn sau để tạo một dự án mới

composer create-project laravel/laravel ajax-crud 6.0.*

Lệnh ở trên tạo file ajax-crud và cài đặt phiên bản Laravel 6 mới nhất. 0
Sau khi lệnh trên đã chạy thành công, hãy chạy lệnh sau để duyệt đến thư mục dự án mới

cd ajax-crud

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.
Chạy lệnh sau

php artisan serve --port=777

Lệnh phía trên bắt đầu tích hợp dịch vụ web trên cổng 777
Mở URL sau khi cuộn bản web bản sao bạn

//localhost: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

php artisan make:model Task –m

Lệnh lệnh đến ra mô hình Nhiệm vụ và di chuyển đến nó
Mở mô-đun Tác vụ trong /app/Task. php

Cập nhật mã của bạn ở đây

protected $fillable = ['task', 'description','done']

Chỉ định các trường có thể được sử dụng

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ố 8

Nế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


Create schema ajax_crud;

Dòng trên tạo cơ sở dữ liệu MySQL có tên là ajax_crud.
Bây giờ, hãy thiết lập các tham số cấu hình cơ sở dữ liệu để kết nối với máy chủ MySQL.

Mở tập tin. env trong quá trình tải lên

Đặt cấu hình như sau

cd ~/Desktop

Lư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

composer create-project laravel/laravel ajax-crud 6.0.*

Lư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

composer create-project laravel/laravel ajax-crud 6.0.*

Để giải quyết vấn đề này, hãy mở /app/Providers/AppServiceProvider. php

nhập mã của bạn

composer create-project laravel/laravel ajax-crud 6.0.*

sử 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]

composer create-project laravel/laravel ajax-crud 6.0.*

Kiể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
Chúng tôi sẽ sử dụng Twitter bootstrap để thực hiện một số kiểu dáng lạ mắt cho giao diện người dùng. Mặc dù chúng tôi chỉ cần một trang html cho tất cả các chức năng, chúng tôi sẽ tận dụng các phần của lưỡi kiếm Laravel để phân tách mã thành các phần nhỏ có thể quản lý được.

Cấu trúc được đội trưởng đội sau

cd ajax-crud

cd ajax-crud

cd ajax-crud

cd ajax-crud

cd ajax-crud

cd ajax-crud

hỏi_add. lưỡi. php - chứa HTML làm phương thức chúng tôi sẽ sử dụng để thêm tác vụ mới
task_delete. lưỡi. php - chứa HTML là phương thức chúng tôi sẽ sử dụng để yêu cầu người dùng xác thực trước khi xóa tác vụ
nhiệm vụ_chỉnh sửa. lưỡi. php - chứa HTML làm phương thức chúng tôi sẽ sử dụng để chỉnh sửa và cập nhật các tác vụ
nhiệm vụ. lưỡi. php - là khung naghe cha sẽ tải khung naghe một phần

Chúng tôi sẽ làm việc với các tài nguyên JavaScript và CSS tại đây

css/phong cách. css - tệp này sẽ chứa kiểu giao diện đẹp mà bạn đã thấy trong hình trên
js/nhiệm vụ. js - tệp này sẽ chứa mã Javascript jQuery sẽ thực hiện các thao tác AJAX CRUD
Các tệp khác như thư viện Bootstrap và jQuery sẽ được tải xuống trực tiếp từ các mạng CDN tương ứng

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

composer create-project laravel/laravel ajax-crud 6.0.*

Tôi sẽ liên kết tệp css trên tiêu đề trang
đặt mã token Laravel CSRF làm giá trị meta cho. Chúng tôi sẽ cần giá trị này khi thực hiện các thao tác AJAX
Trên dòng 25 Thêm nhiệm vụ mới. Dòng sự kiện. ngăn chặn Mặc định [];
@foreach [$task as $task] lặp lại $task được truyền từ controller và hiển thị dữ liệu trong panel
title="sự kiện. preventDefault[];editTaskForm[{{$task->id}}];" fixed number at click for internally at the write at the id task
title="sự kiện. preventDefault[];deleteTaskForm[{{$task->id}}];" sucs number at click for để phóng to bản ghi tại nhật id task cho tác vụ mà người buộc tội một lúc
{{ $tasks->links[] }} ra các nút phần trang
@include['partials. task_add'] @include['partials. task_edit']@include['partials. xóa tác vụ'] khuất lạng tàn bao đầu tị thị để tải các khung không ạạn phần mới nhất cha. Chúng tôi làm điều này với mục đích tổ chức và tránh các tệp lớn
Cuối cùng, chúng tôi tải xuống tài nguyên JavaScript tại nút của trang

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

composer create-project laravel/laravel ajax-crud 6.0.*

Code cho task_delete. lưỡi. php như sau

composer create-project laravel/laravel ajax-crud 6.0.*

Mã cho task_edit. lưỡi. php dưới dạng sau .

composer create-project laravel/laravel ajax-crud 6.0.*

Vậ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

composer create-project laravel/laravel ajax-crud 6.0.*

' + giá trị + '
']; . buổi bieu diễn[]; . nhấp chuột [hàm[] { $. ajaxSetup[{ tiêu đề. { 'X-CSRF-TOKEN'. $['meta[name="csrf-token"]']. attr['nội dung'] } }]; . ajax[{ loại. 'PUT', url. '/tasks/' + $["#frmEditTask input[name=task_id]"]. val[], dữ liệu. { nhiệm vụ. $["#frmEditTask input[name=task]"]. val[], mô tả. $["#frmEditTask input[name=description]"]. val[], }, kiểu dữ liệu. 'json', thành công. chức năng [dữ liệu] { $['#frmEditTask']. kích hoạt ["đặt lại"]; . gần"]. nhấp chuột[]; . địa điểm. tải lại[]; . hàm [dữ liệu] { lỗi var = $. parseJSON[dữ liệu. văn bản phản hồi]; . html['']; . mỗi [lỗi. thông báo, chức năng [khóa, giá trị] { $['#edit-task-errors']. nối thêm ['
- ' + giá trị + '
- ']; . buổi bieu diễn[]; . nhấp chuột [hàm[] { $. ajaxSetup[{ tiêu đề. { 'X-CSRF-TOKEN'. $['meta[name="csrf-token"]']. attr['nội dung'] } }]; . ajax[{ loại. 'XÓA', url. '/tasks/' + $["#frmDeleteTask input[name=task_id]"]. val[], kiểu dữ liệu. 'json', thành công. hàm [dữ liệu] { $["#frmDeleteTask. gần"]. nhấp chuột[]; . địa điểm. tải lại[]; . chức năng [dữ liệu] { bảng điều khiển. nhật ký [dữ liệu]; . sẵn sàng[function[] { $["#add-error-bag"]. ẩn giấu[]; . phương thức ['hiển thị']; . ajax[{ loại. 'NHẬN', url. '/ task/' + task_id, thành công. hàm [dữ liệu] { $["#edit-error-bag"]. ẩn giấu[]; . giá trị [dữ liệu. nhiệm vụ. nhiệm vụ]; . giá trị [dữ liệu. nhiệm vụ. sự mô tả]; . giá trị [dữ liệu. nhiệm vụ. Tôi]; . phương thức ['hiển thị']; . chức năng [dữ liệu] { bảng điều khiển. nhật ký [dữ liệu]; . ajax[{ loại. 'NHẬN', url. '/ task/' + task_id, thành công. hàm [dữ liệu] { $["#frmDeleteTask #delete-title"]. html["Xóa tác vụ [" + dữ liệu. nhiệm vụ. nhiệm vụ + "]?"]; . giá trị [dữ liệu. nhiệm vụ. Tôi]; . phương thức ['hiển thị']; . chức năng [dữ liệu] { bảng điều khiển. nhật ký [dữ liệu];
  - $["#btn-thêm"]. nhấp chuột [hàm [] {…}]
  - $. ajaxSetup[{…}]; . 'X-CSRF-TOKEN'. $['meta[name="csrf-token"]']. attr['content'] read meta tiều để có tên csrf-token và định giá Vượt trội để tiếp tục tính nội dung và gán nó cho X-CSRF-TOKEN
  - $. ajax[{…}];
    - các loại. 'POST', chỉ được xác định bởi trạng thái HTTP
    - url. '/tasks', URL mà hàm AJAX hoạt động
    - dữ liệu. {…} xác định các giá trị nên điểm đến của back-end một lý do của các nhóm AJAX. nhiệm vụ. $["#frmAddTask input[name=task]"]. val[], sử dụng jQuery để lấy giá trị của tác vụ với tên đầu vào trong mẫu có id là #frmAddTask
    - loại dữ liệu. 'json', đặt kiểu dữ liệu làm việc
    - thành công. function[data] {…} default nên được gọi nếu mọi thứ hoạt động tốt. Nó chấp nhận dữ liệu chứa dữ liệu được trả về từ máy chủ
    - lỗi. function[data] {…} là hàm được gọi khi back-end trả về hàm. Trong trường hợp của chúng tôi, chúng tôi hy vọng sẽ nhận được lỗi xác thực và hiển thị cho người dùng
  - $["#btn-chỉnh sửa"]. nhấp chuột [hàm [] {…}]
  - $["#btn-xóa"]. nhấp chuột [hàm [] {…}]
  - function addTaskForm[] {…} format modal format កូ task
  - hàm editTaskForm[task_id] {. } xác định tốc độ mục tiêu bạn mới chỉnh sửa tại. Hàm này chấp nhận tham số task_id, thực hiện thao tác AJAX để truy xuất nhật ký từ máy chủ, sau đó hiển thị các giá trị được trả về trong mẫu tác vụ chỉnh sửa.
  - chức năng xóaTaskForm[task_id] {. } xác định sai định dạng mới của thị trường định dạng bản ghi nhật ký. Nó chấp nhận một tham số task_id được sử dụng để truy xuất các bản ghi từ cơ sở dữ liệu và hiển thị tên tác vụ trong hộp thoại xác nhận
  Đó là những gì JavaScript ở phía máy khách. Nếu bạn cần giải thích thêm về đoạn mã trên, hãy sử dụng phần bình luận để hỏi
  API AJAX của Laravel
  Bây giờ, chúng tôi sẽ cần tạo một API cơ bản sẽ đáp ứng các lệnh gọi AJAX của chúng tôi. Laravel có một tệp tùy chỉnh để xác định các tuyến API nhưng để đơn giản, vì lợi ích của chúng tôi, chúng tôi sẽ xác định các tuyến API của API của chúng tôi trong mẫu tuyến đường web
  Bảng dưới đây cho thấy các tuyến đường mà chúng tôi sẽ làm việc với
```
php artisan serve --port=777
```
  1
```
php artisan serve --port=777
```
  2
  Mở /tuyến/web. php
  Thêm tuyến đường
```
composer create-project laravel/laravel ajax-crud 6.0.*
```
  9
```
php artisan serve --port=777
```
  2
  Các tuyến đường của chúng tôi sẽ tương tác với một mô hình có tên là TaskController và chúng tôi đã đặt tên cho tất cả các tuyến đường của mình
  Bộ điều khiển AJAX của Laravel
  Hiện tại, đại diện cho tập tin điều khiển cho sự cố mã trên
  Chạy khách sạn sau
```
cd ajax-crud
```
  0
```
php artisan serve --port=777
```
  2
  Mở /app/Http/Controllers/TaskController. php
  Thêm mã của bạn
```
php artisan serve --port=777
```
  2____31
```
php artisan serve --port=777
```
  2
  - chỉ mục chức năng công cộng[Yêu cầu $request]{…}. $t task = Nhiệm vụ. orderBy['id', 'desc']->paginate[5];
  - cửa hàng chức năng công khai [Yêu cầu $request]. Hàm xác thực đầu vào. Nếu đầu vào vượt qua, thì một tác vụ mới được tạo và trả về kết quả thành công. Nếu sau đó nó xác nhận lỗi thì phản hồi lỗi được trả về với thông báo có liên quan
  - public function show[$id]{…} là định dạng đến ứng dụng yêu cầu của AJAX GET cho phép tác động
  - public function update[Request $request, $id]{…} đây là sự khởi đầu đến tính toán AJAX PUT. Nó cũng thực hiện xác thực
  - public function destroy[$id]{…} 实明是 xuất hiện xung quanh yều của AJAX DELETE vạn phần ghi nấm của dữ liệu ảnh
  Đang tải ứng dụng định dạng trong phần web bản chính
  Khách sạn sau để khởi động máy tính.
  _______42____32____42
  Tải xuống URL của bạn vào trình duyệt web của bạn
```
cd ajax-crud
```
  3____42
  Bạn cùng điện đến sau
```
php artisan serve --port=777
```
  2
```
//localhost:777
```
  1
```
php artisan serve --port=777
```
  2
  Nhấp vào nút để thêm
  Bạn sẽ nhận được biểu mẫu phương thức ngay bây giờ
```
//localhost:777
```
  3
```
php artisan serve --port=777
```
  2
  Nhấp vào Thêm tác vụ mới không cần phải nhập theo bất kỳ cách nào
  Bạn sẽ nhận được các thông báo lỗi sau
```
php artisan serve --port=777
```
  2
```
//localhost:777
```
  6
```
php artisan serve --port=777
```
  2
  Nhấp vào nút chỉnh sửa
  Bạn sẽ nhận được một biểu mẫu có thông tin chi tiết về nhiệm vụ mà bạn đã nhấp vào
```
//localhost:777
```
  8
```
php artisan serve --port=777
```
  2
  Nhấp vào nút để xóa
  Bạn sẽ nhận được những hình ảnh sau
```
php artisan serve --port=777
```
  2
```
php artisan make:model Task –m
```
  1
```
php artisan serve --port=777
```
  2
  Bản tóm tắt
  Trong hướng dẫn này, chúng ta đã học cách tạo một ứng dụng Laravel AJAX để tạo, đọc, cập nhật và xóa dữ liệu khỏi cơ sở dữ liệu. Chúng ta sẽ xem xét cách triển khai xác thực AJAX của Laravel và hiển thị các thông báo lỗi trên mẫu phương thức khi chúng xảy ra.
  Cái gì tiếp theo?
  Nếu bạn thấy hướng dẫn này hữu ích, vui lòng ủng hộ chúng tôi bằng cách sử dụng các nút mạng xã hội để thích và chia sẻ hướng dẫn. Nếu bạn thấy nó không hữu ích, vui lòng sử dụng phần bình luận bên dưới để cho chúng tôi biết làm thế nào chúng tôi có thể làm tốt hơn vào lần tới. Bạn cũng có thể đăng ký một tài khoản miễn phí trên trang web và sử dụng diễn đàn để đặt bất kỳ câu hỏi nào về lập trình mà bạn có và chúng tôi hứa sẽ cố gắng hết sức để trả lời chúng. Bạn cũng có thể trả lời các câu hỏi từ các thành viên khác và xây dựng danh tiếng của mình

Chạy ứng dụng React

Những gì bạn nên biết

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề