應用示例

步驟一：添加組件

1. 創建Web應用。具體操作，請參見創建Web應用。

2. 在Web應用編輯器中，單擊最左側的組件圖標。

3. 在畫布左側組件列表上方，輸入文本框，找到該組件，然后將組件拖拽到中間畫布。

   有關組件添加的更多信息，請參見添加組件。

   

（可選）步驟二：配置數據源

1. 在Web應用編輯器右側樣式中，單擊展示數據后的配置數據源。

2. 在展開的數據源配置頁面，選擇數據類型，完成數據源配置。

   可選數據源類型有設備、接口、應用推送、頁面變量。

   說明

   數據源返回的數據類型必須為字符串。

3. 單擊確定。

   文本框內容將基于關聯的數據源實時更新。

步驟三：配置樣式

1. 在右側樣式中，完成組件展示的配置。

   配置項	描述
   默認提示	設置在應用頁面顯示的輸入提示，例如“請輸入設備名稱”。
   字符數量限制	設置應用用戶最多可輸入多少個字符。一中文字符算一個字符。
   默認值	可設置該組件默認顯示的內容。
   是否換行	選中復選框后，文本框輸入支持換行。
   文本樣式	設置文本的字體、字號、顏色、粗細、水平對齊、垂直對齊。
   背景顏色	設置文本框的背景顏色。

   說明

   如果組件配置了數據源，默認提示和默認值配置不再生效。

2. 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息，請參見樣式配置。

步驟四：配置交互動作

1. 選中組件的交互頁簽，配置事件和交互動作。具體操作，請參見交互配置。

   例如，組件值改變，執行動作調用其他服務的某個接口，刷新接口服務的返回數據。

2. 單擊頁面右上方的預覽圖標，查看組件展示數據或調試組件的交互動作。

   說明

   如果配置了數據源為設備，支持給設備下發指令，將輸入內容下發給設備；數據源為接口，則用戶輸入操作無效。