quy trình làm việc

Và ở đây chúng ta đã đến thời điểm quan trọng của việc tạo các ứng dụng web. Rốt cuộc, mọi thứ chúng tôi đã làm cho đến nay chỉ là tạo ra một bức tranh. Khá dễ thương, có lẽ, nhưng khá vô dụng. Bây giờ chúng ta cần làm điều chính. Hồi sinh nó và thêm một phản ứng cho hành động của chúng tôi.

Mỗi thành phần có một tab Workflow cho nhiệm vụ này. Trong đó, bạn có thể tạo các quy trình kinh doanh và xác định các điều kiện (trình kích hoạt) để khởi chạy chúng. Hãy tạo một quy trình nghiệp vụ như vậy cho nút Calculate .

Gây nên

Tạo quy trình nghiệp vụ rất giống với những gì chúng ta đã thấy trong mô-đun 4 khi chúng ta tạo quy trình nghiệp vụ cho phần phụ trợ. Có một khung vẽ chung, các khối được thêm vào đó và các kết nối giữa chúng xác định chuỗi hành động. Một sự khác biệt quan trọng là quy trình công việc phía trước có nhiều khối khác nhau để bắt đầu một quy trình kinh doanh. Đây là những yếu tố kích hoạt bắt đầu quá trình kinh doanh. Bản thân các trình kích hoạt có thể khác nhau đối với từng thành phần (nút có một lần nhấp, bảng có cập nhật dữ liệu trong đó và danh sách có lựa chọn của một số tùy chọn), nhưng logic chung của công việc là giống nhau trong mọi trường hợp. Một sự kiện xảy ra và sự kiện này bắt đầu quy trình công việc tương ứng.

Hãy quyết định một kế hoạch chung. Chúng ta cần làm gì khi nút được nhấp:

• Tìm ra các giá trị X và Y. Lấy chúng từ các trường đầu vào tương ứng.
• Khởi chạy một điểm cuối để tính toán và chuyển các tham số X và Y cho điểm cuối đó.
• Hiển thị vùng chứa kết quả.
• Đặt kết quả tính toán vào các trường Label bắt buộc.
  

khối quy trình kinh doanh

Bước đầu tiên yêu cầu InputFloat Get Properties . Nó đọc các giá trị hiện tại của thành phần, không chỉ những gì người dùng đã nhập mà còn cả các cài đặt khác (ví dụ: cài đặt giao diện hoặc phạm vi giá trị được phép). Chúng ta cần lấy Value , chính xác thì cái này chứa dữ liệu do người dùng nhập vào. Mỗi giá trị từ trường đầu vào của nó và chúng tôi cần hai khối cho điều này (cho X và cho Y). Trong đó, bạn cần chọn giá trị Component ID ở đầu vào. Nếu bạn không quên chỉ định tên của chúng khi tạo, sẽ không khó để tìm và chọn thành phần cần thiết.

Bước tiếp theo là khởi chạy điểm cuối. Đây là nơi diễn ra kết nối giữa giao diện người dùng và phụ trợ và lệnh tính toán được truyền từ trình duyệt đến máy chủ. Mỗi điểm cuối của ứng dụng của chúng tôi được biểu diễn dưới dạng một khối riêng biệt. Bạn chỉ cần chọn cái bạn cần và kết nối nó. Điểm cuối này đã được chỉ định phương thức GET và URL module4-basic trong mô-đun thứ năm. Nó sẽ có tên này trong danh sách các khối - Server request GET /module4-basic/

Không giống như các thành phần, các điểm cuối không cần đặt Endpoint ID này được đặt chính xác theo mặc định). Chỉ cần áp dụng cho đầu vào X và Y thu được ở bước trước.

Nhiệm vụ tiếp theo là hiển thị vùng chứa kết quả. Để thực hiện việc này, hãy sử dụng khối Container Update Properties . Trong chính khối đó, hãy chọn ID của vùng chứa mong muốn và đặt Visible = true .

Điều cuối cùng cần làm là phân phối 5 phần tử kết quả từ mảng cho các thành phần tương ứng của ứng dụng web. Chúng tôi biết rằng kết quả phải luôn đến theo một thứ tự được xác định nghiêm ngặt, vì vậy chúng tôi chỉ cần chọn tuần tự phần tử có chỉ mục mong muốn và gán giá trị của nó cho thành phần Label . Để làm điều này, chúng tôi sử dụng các khối Array Element (có chỉ số từ 0 đến 4), toString (để chuyển đổi dữ liệu Float thành String ) và Label Update Properties để thay đổi văn bản Label và hiển thị kết quả.

Bạn có thể nhận thấy rằng có hai tùy chọn khối để cập nhật thuộc tính của bất kỳ thành phần nào - Update Properties và Set Properties . Sự khác biệt giữa chúng cũng giống như giữa các phương thức Patch và Put trong Rest API. Cái đầu tiên chỉ thay đổi các thuộc tính được chỉ định rõ ràng, trong khi cái thứ hai ghi đè lên tất cả chúng.

Kết quả cuối cùng

Điều này hoàn thành việc tạo ra quy trình kinh doanh. Bạn có thể lưu, xuất bản và kiểm tra kết quả cuối cùng.

Nếu mọi thứ đã được thực hiện chính xác, thì kết quả cuối cùng sẽ như thế này: