Xuất dữ liệu là một tính năng quan trọng của ứng dụng web trong đó người dùng được phép xuất dữ liệu thành tệp để sử dụng tiếp. Hầu hết chúng ta cần triển khai xuất dữ liệu với dữ liệu từ cơ sở dữ liệu nhưng đôi khi chúng ta cần xuất dữ liệu từ Bảng HTML
Vì vậy, nếu bạn đang nghĩ đến việc triển khai xuất dữ liệu từ Bảng HTML, thì bạn đang ở đây đúng nơi. Trong hướng dẫn này, bạn sẽ học cách triển khai xuất dữ liệu từ Bảng HTML bằng jQuery, PHP và MySQL. Chúng tôi sẽ sử dụng plguin tableExport jQuery để triển khai xuất dữ liệu Bảng HTML sang các tệp Excel, CSV và Văn bản
Chúng tôi sẽ trình bày hướng dẫn này theo các bước đơn giản với ví dụ trực tiếp để hiển thị động trong Bảng HTML từ bảng cơ sở dữ liệu MySQL và triển khai xuất dữ liệu Bảng HTML sang tệp Excel, CSV và Văn bản
Ngoài ra, đọc
- Xuất dữ liệu sang Excel bằng PhpSpreadsheet bằng CodeIgniter
- Xuất dữ liệu sang tệp CSV bằng PHP và MySQL
- Xuất dữ liệu sang Excel bằng PHP & MySQL
Vì vậy, hãy bắt đầu triển khai xuất dữ liệu Bảng HTML sang tệp CSV, Excel và Văn bản với jQuery, PHP và MySQL. Trước khi bắt đầu, hãy xem cấu trúc tệp cho ví dụ này
- mục lục. php
- xuất khẩu. js
Bước 1. Tạo bảng cơ sở dữ liệu MySQL
Vì chúng tôi sẽ triển khai ví dụ trực tiếp để xuất dữ liệu Bảng HTML sang tệp CSV, Excel và Văn bản, vì vậy trước tiên chúng tôi sẽ tạo các nhà phát triển bảng để lưu trữ dữ liệu của nhà phát triển
CREATE TABLE `developers` [ `id` int[11] NOT NULL, `name` varchar[255] NOT NULL, `skills` varchar[255] NOT NULL, `address` varchar[255] NOT NULL, `gender` varchar[255] NOT NULL, `designation` varchar[255] NOT NULL, `age` int[11] NOT NULL ] ENGINE=InnoDB DEFAULT CHARSET=latin1;
Chúng tôi cũng sẽ chèn một số bản ghi vào màn hình bảng nhà phát triển trong bảng HTML để xuất
INSERT INTO `developers` [`id`, `name`, `skills`, `address`, `gender`, `designation`, `age`] VALUES [1, 'Smith', 'Java', 'Newyork', 'Male', 'Software Engineer', 34], [2, 'David', 'PHP', 'London', 'Male', 'Web Developer', 28], [3, 'Rhodes', 'jQuery', 'New Jersy', 'Male', 'Web Developer', 30], [4, 'Sara', 'JavaScript', 'Delhi', 'Female', 'Web Developer', 25], [5, 'Shyrlin', 'NodeJS', 'Tokiyo', 'Female', 'Programmer', 35], [6, 'Steve', 'Angular', 'London', 'Male', 'Web Developer', 28], [7, 'Cook', 'MySQL', 'Paris', 'Male', 'Web Developer', 26], [8, 'Root', 'HTML', 'Paris', 'Male', 'Web Developer', 28], [9, 'William', 'jQuery', 'Sydney', 'Male', 'Web Developer', 23], [10, 'Nathan', 'PHP', 'London', 'Male', 'Web Developer', 28], [11, 'Shri', 'PHP', 'Delhi', 'Male', 'Web Developer', 38], [12, 'Jay', 'PHP', 'Delhi, India', 'Male', 'Web Developer', 30];
Bước 2. Bao gồm các tệp jQuery, Bootstrap và tableExport
trong chỉ mục. php, chúng tôi sẽ bao gồm các tệp plugin Bootstrap, jQuery và tableExport
Bước 3. Hiển thị bản ghi trong bảng HTML
trong chỉ mục. php, chúng tôi sẽ hiển thị các bản ghi nhân viên vào bảng HTML từ các nhà phát triển bảng cơ sở dữ liệu MySQL
Chúng tôi cũng sẽ tạo các nút xuất dữ liệu bảng HTML thiết kế thả xuống để xuất dữ liệu bảng HTML sang định dạng tệp CSV, Excel và văn bản
Bước 4. Xuất dữ liệu bảng HTML
trong xuất khẩu. js, chúng tôi sẽ triển khai plugin jQuery exportTable bằng cách sử dụng bộ chọn bảng để xuất dữ liệu bảng HTML sang định dạng tệp CSV, Excel và văn bản