Thành phố Cuồng loạn

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 ...

Nhiệm vụ 1: Tạo biểu đồ cột hiển thị 5 tỉnh có doanh thu cao nhất năm 2020 (1) Đặt vấn đề Viết ứng dụng Vue, kết nối API để hiển thị biểu đồ cột 5 tỉnh có doanh thu cao nhất năm 2020. Đồng thời in ra cấu trúc dữ liệu sử dụng trong biểu đồ tại console trình duyệt. Lưu lại hình ảnh kết quả biểu đồ và nội dung console để đưa vào báo cáo. (2) Chu ...

Tạo dự án và sắp xếp cấu trúc thư mục Để bắt đầu, chúng ta sẽ tạo một dự án Vue 3 mới bằng lệnh: npm init vue@latest Lưu ý rằng npm yêu cầu tên gói phải **toàn chữ thường và không chứa ký tự đặc biệt**, cho phép dấu gạch ngang (-) và dấu gạch dưới (_). Khi sử dụng `npm init vue@latest`, nếu tên dự án có chữ hoa (ví dụ: MyApp), trình scaffolding ...

Khi phát triển các ứng dụng doanh nghiệp, yêu cầu phổ biến là cho phép người dùng xuất dữ liệu dạng bảng biểu sang định dạng Excel hoặc PDF. Mặc dù phần lớn quy trình chuyển đổi và tạo tập tin được thực hiện bởi máy chủ, phía Client vẫn cần nắm vững kỹ thuật gọi API và xử lý luồng dữ liệu trả về để đảm bảo tính toàn vẹn của tệp. Trong một trườ ...

Để phát triển frontend độc lập mà không phụ thuộc vào backend, việc mô phỏng dữ liệu API là một kỹ thuật thiết yếu. Bài viết này trình bày cách tích hợp Mock.js vào dự án Vue (phiên bản CLI 4/5) kết hợp với axios để giả lập các endpoint HTTP như GET và POST. 1. Khởi tạo dự án Sử dụng giao diện đồ họa Vue CLI để tạo dự án mới: vue ui Sau đó chọ ...

MockJS là một thư viện JavaScript giúp tạo dữ liệu ngẫu nhiên hoặc mô phỏng phản hồi HTTP, rất hữu ích trong các bài kiểm tra đơn vị, chức năng và tích hợp trong phát triển ứng dụng phía client. MockJS có khả năng sinh ra nhiều loại dữ liệu như chuỗi ký tự, số, giá trị boolean, đối tượng, mảng, hỗ trợ nhiều định dạng dữ liệu bao gồm JSON, XML, ...