Thành phố Cuồng loạn

Việc xuất dữ liệu ra định dạng Excel là một yêu cầu phổ biến trong các ứng dụng quản lý doanh nghiệp. Quy trình này thường bao gồm hai giai đoạn: Backend xử lý dữ liệu và tạo luồng nhị phân (binary stream), trong khi Frontend tiếp nhận luồng đó để chuyển đổi thành file tải về trên trình duyệt. 1. Xử lý phía Backend với Spring Boot và Apache PO ...

Trong quá trình phát triển ứng dụng Vue.js, việc quản lý các yêu cầu HTTP đến API backend là một tác vụ thiết yếu. Axios là một thư viện HTTP client dựa trên Promise rất phổ biến, giúp đơn giản hóa việc gửi các yêu cầu này. Để đảm bảo tính nhất quán, dễ bảo trì và khả năng mở rộng, việc tùy chỉnh và đóng gói Axios là một phương pháp được khuyến ...

Để xây dựng ứng dụng Vue 3 giao tiếp với backend, Axios là thư viện HTTP client phổ biến và hiệu quả. Bài viết này hướng dẫn cách cài đặt, sử dụng cơ bản, đóng gói hàm và áp dụng interceptor để tối ưu hóa việc gọi API. Cài đặt dự án Vue 3 Sử dụng Vite để khởi tạo dự án mới: npm create vite@latest my-vue-app -- --template vue cd my-vue-app npm ...

1. Khi tích hợp các thư viện UI như Element Plus hoặc Mint UI, cần đảm bảo file CSS của thư viện được import toàn cục (thường trong main.js hoặc main.ts). Tuy nhiên, để các quy tắc CSS tùy chỉnh của bạn có hiệu lực đúng mức độ ưu tiên và phạm vi áp dụng, nên đặt file CSS cá nhân vào cuối chuỗi import — ví dụ: sau khi import UI framework nhưng t ...

1. Lý do đóng gói Việc đóng gói Axios là cần thiết bởi vì trong quá trình phát triển ứng dụng, bạn sẽ sử dụng Axios rất nhiều lần để thực hiện các yêu cầu HTTP. Để tăng tính bảo trì và dễ dàng quản lý mã nguồn sau này, chúng ta thường tạo ra một lớp hoặc hàm bọc (wrapper) cho Axios. 2. Sử dụng Interceptor Interceptor trong Axios giúp chúng ta ...

Mã phía máy chủ > pnpm add -w exceljs async downloadExcel(ctx) { const category = ctx.request.body.categoryId || 'user'; const workbook = new ExcelJs.Workbook(); workbook.creator = 'ABC'; workbook.lastModifiedBy = 'ABC'; workbook.created = new Date(); workbook.modified = new Date(); workbook.lastP ...

Cấu trúc dự án Vue cơ bản Quy trình phát triển module frontend thường bao gồm: Xây dựng giao diện tĩnh và chia thành các thành phần độc lập Thực hiện các yêu cầu API Quản lý trạng thái bằng Vuex (actions, mutations, state) Hiển thị dữ liệu động từ kho lưu trữ Cấu trúc thư mục Thư mục public: Chứa tài nguyên tĩnh, được webpack giữ nguyên khi ...

Axios trong Vue.js Axios là một thư viện HTTP dựa trên promise, có thể sử dụng trong trình duyệt và Node.js. Tạo XMLHttpRequests từ trình duyệt Tạo http request từ node.js Hỗ trợ Promise API Chặn request và response Chuyển đổi dữ liệu request và response Hủy request Chuyển đổi JSON tự động Hỗ trợ phòng thủ XSRF trên client Cài đặt: npm install ...

Mục lục Ghi chú học Vue 01 - Nền tảng Vue Ghi chú học Vue 02 - Thành phần Vue Ghi chú học Vue 03 - Axios Ghi chú học Vue 04 - Định tuyến Vue Ghi chú học Vue 05 - Ví dụ H5 ứng dụng âm nhạc Ghi chú học Vue 06 - Vuex Ghi chú học Vue 07 - Ví dụ cửa hàng Web Ứng dụng Vue 25. Ứng dụng Vue - Danh sách nhạc Ví dụ: src/route.js import Vue from 'vue' i ...

JSONPlaceholder (https://jsonplaceholder.typicode.com/) là một dịch vụ REST API miễn phí dùng để thử nghiệm. Bài viết này hướng dẫn cách tích hợp RxJS 6 với React.js để thực hiện các thao tác cơ bản: GET, POST, PUT, DELETE. Khởi tạo dự án React TypeScript # Cài đặt công cụ khởi tạo npm install -g create-react-app # Tạo ứng dụng mới npx create ...