Khóa học sụp đổ 101
10 Mô-đun
5 Tuần

Trình chọn tệp

Nhấn vào đây để sao chép

Thành phần Filepicker trong ứng dụng web


Trong mô-đun mới, chúng tôi sẽ tiếp tục khám phá các khả năng của quy trình kinh doanh. Chúng ta sẽ tìm ra các tình huống phức tạp hơn các phép toán đơn giản. Chúng ta sẽ nghiên cứu các phép toán so sánh, rẽ nhánh và hoạt động của các chu trình. Ngoài ra, chúng tôi sẽ tìm ra cách làm việc với các tệp và phân tích nội dung của chúng.

Để làm được điều này, hãy tưởng tượng rằng nhiệm vụ của chúng ta là phát triển mạng xã hội của chính mình. Tất nhiên, không phải tất cả cùng một lúc, thiết kế hồ sơ người dùng là đủ.

Thiết kế tổng thể

Hãy bắt đầu với thiết kế tổng thể. Chúng ta cần thiết kế trang và thêm các yếu tố cần thiết. Một vấn đề tương tự đã được giải quyết trong quá trình làm việc trên mô-đun thứ 6, vì vậy chúng tôi sẽ không giải thích lại tất cả các bước. Hãy để đây là một cơ hội khác để củng cố kiến thức trong thực tế.

Hãy tưởng tượng rằng người dùng có thể thêm hình đại diện vào hồ sơ của họ, chỉ định thông tin đăng nhập và cũng có thể điền thông tin tiểu sử. Nhưng có một điều kiện - chúng không thể được nhập trực tiếp (tất cả các trường nhập đều có tham số Đã tắt Disabled = true ); chúng phải được tải từ các tệp.

Trình chọn tệp

Khối Filepicker có thể được sử dụng để làm việc với các tệp trong AppMaster . Nó rất tuyệt trong hầu hết các tình huống và cho phép bạn chỉ định các cài đặt khác nhau và chọn giao diện. Nhưng thực tế sử dụng nó có thể không phù hợp với thiết kế mà bạn định thực hiện. Do đó, trong ví dụ của chúng tôi, chúng tôi sẽ sử dụng một phương pháp khác và tạo khả năng tải tệp lên mà không cần Filepicker và thậm chí không có bất kỳ nút rõ ràng nào.

Chúng tôi sẽ sử dụng trình kích hoạt Container onClick trong vùng chứa chính để thực hiện việc này. Bất kỳ nhấp chuột nào vào vùng chứa hoặc phần tử của vùng chứa sẽ bắt đầu quy trình kinh doanh này. Và chúng ta nên bắt đầu bằng cách chọn tệp. Để làm điều này, chúng ta sẽ sử dụng khối Select Files . Điểm đặc biệt của nó là khối này yêu cầu sự tham gia của người dùng để thực hiện. Quá trình sẽ chỉ tiến hành sau khi người dùng chọn các tệp. Đặt thông số Max files = 99 để có thể chọn nhiều file.

Kế hoạch là để người dùng gửi hai tệp cùng một lúc. Đầu tiên là một hình ảnh để đặt làm ảnh đại diện. Thứ hai là một Excel (xlsx) với phần còn lại của dữ liệu.

Was this article helpful?
Vẫn đang tìm kiếm một câu trả lời?
Tham gia vào cộng đồng