您當前的位置是:  首頁 > 資訊 > 文章精選 >
 首頁 > 資訊 > 文章精選 >

低代碼時代的呼叫中心(十)

2021-11-11 09:23:30   作者:黃河   來源:CTI論壇   評論:0  點擊:


  進一步,頁面的屬性風格、事件和腳本以及數據服務。
  1、頁面的屬性設置
  屬性編輯是低代碼平臺最常用的功能之一。屬性面板位于右側邊欄的下部,與“事件”、“樣式”組成多標簽頁。
  1)值編輯
  在屬性面板中,根據屬性值類型不同,采用不同的值編輯方式。下面逐一介紹這些值編輯方式。
  A、文本
  文本類型的屬性是最常用的。如果屬性是文本類型,則用文本框編輯屬性的值。例如:
  B、數字
  數字類型的屬性使用數字編輯框編輯。例如:
  C、枚舉
  有些屬性的值需要從固定的列表中選擇。這類屬性用下拉框編輯。下拉列表可以是固定的,也可以是從服務端加載的。這取決于控件。例如:
  D、尺寸
  對于尺寸類型的屬性,使用特殊的尺寸編輯框。尺寸可以分為兩類:像素、百分百。在尺寸編輯器中可以選擇。某些控件屬性只接收一種類型,另一種類型是禁用的。
  E、布爾
  布爾類型的屬性,使用滑塊按鈕編輯。按鈕灰色表示“false”,按鈕藍色表示“true”。
  F、表達式
  表達式類型的屬性值比較特殊。表達式是javascript格式的語句。根據屬性的不同,要求的表達式結果也不同。比如“是否顯示”屬性,要求表達式執行結果是布爾值。
  寫表達式的時候一定要注意,表達式內的值一定要符合javascript規范,否則會導致表達式異常,從而使頁面加載失敗。比如字符串、日期時間要用英文單引號括起來的。
  表達式中允許引用頁面定義的數據項。引用這些數據項時,要加this。限定符。例如頁面內定義了一個名為“strval”的數據項,下面的表達式判斷strval的值等于'hello'時,才顯示控件。
  G、數據項綁定
  在低代碼平臺中,表單類的控件需要綁定數據項才能使用。這些控件的值是存儲在綁定的數據項中的。當控件拖入頁面時,平臺會自動為控件創建數據項,并綁定。有時候,我們需要改變一個控件的數據項綁定。例如兩個控件綁定同一個數據項。這時候就需要手動修改數據項綁定。
  數據項綁定屬性的編輯器是一個下拉框。下拉框中以樹狀結構顯示頁面內所有數據項。包括普通變量、計算值、頁面的參數等。
  H、圖標
  某些控件有圖標類型的屬性。例如按鈕控件,允許設置按鈕圖標。圖標屬性使用特殊的圖標編輯器修改。圖標屬性編輯器是一個文本框,右側有一個按鈕()。點擊這個按鈕會彈出圖標選擇對話框。在這個對話框中選擇圖標。
  I、鍵值對
  鍵值對類型的屬性值,是JSON的數組結構。數組每個元素都是一個JSON對象,至少有鍵和值兩個元素。鍵和值的具體名稱,根據不同控件,有所不同。有些控件中,這兩個名稱是可配置的。
  JSON結構允許多層,即每個數組元素還可以有自己的下層數組。這根據控件屬性的要求而定。
  典型的鍵值對屬性,是下拉框的選項數據。下拉框的選項數據中的鍵和值名稱是可配置的。分別在值字段(選項數據中的鍵)、文本字段(選項數據中的值)屬性中配置。
  點擊鍵值對編輯框右側的編輯按鈕““,可以打開鍵值對編輯對話框。在對話框中,用可視化方式編輯鍵值對數據。也可以直接編輯JSON數據。對話框右上角有使用幫助。
  2)運行時屬性
  一般情況下,都是在屬性面板中,靜態編輯屬性的。如果希望在頁面運行時,使用腳本來實時改變屬性值。可以將屬性做運行時綁定。
  不是所有屬性都支持運行時綁定。只有部分屬性支持運行時綁定。例如文本框控件的標簽、后綴標簽、占位文本、選項數據等屬性支持運行時綁定。按鈕的按鈕文本支持運行時綁定。支持運行時綁定的屬性,在屬性編輯框右側有一個綁定按鈕”“。
  A、綁定
  將屬性做運行時綁定的方法,是在屬性編輯器中,點擊屬性后端的綁定按鈕。如下圖。
  當屬性沒有綁定為運行時數據項時,會顯示藍色的()按鈕。點擊后,彈出確認框。點擊確定后,就綁定了運行時數據項。同時,按鈕變為紅色的()按鈕。
  B、取消綁定
  點擊紅色的取消綁定按鈕,就取消了屬性的運行時綁定。
  C、查看綁定
  所有已經綁定的運行時屬性,都可以在數據項面板中查看。
  D、初始值
  已經綁定的運行時屬性,屬性編輯器中設置的值作為屬性的初始值。
  D、使用
  在腳本編輯器中,通過”this。rt['控件ID']['屬性']“格式可以讀寫運行時屬性。同時,腳本編輯器也提供了自動補全的輔助功能。

  2、事件和腳本
  低代碼平臺通過事件和腳本來完成業務功能。例如,當點擊按鈕時,會觸發按鈕點擊事件。從而執行編寫好的處理腳本,完成所需要的功能。
  1)事件
  事件面板在右側邊欄的下部。當選中一個控件后,事件面板中列出這個控件的所有事件。
  雙擊某個事件,或點擊這個事件右側的編輯按鈕”“,就可以切換到事件腳本編輯界面。在腳本編輯區域,可以編輯事件的腳本。
  2)腳本
  在工具欄右側按鈕中,點擊”腳本“按鈕,可以切換到腳本視圖。在腳本視圖中,可以檢索、編輯腳本,還可以添加自定義的方法。
  腳本視圖分為兩部分:方法導航和編輯區。
  方法導航中可以添加方法、刪除方法、檢索方法。這里列出的方法包括事件處理方法和自定義方法。檢索方法使用的條件可以是方法名、事件名、事件名拼音或拼音縮寫、控件ID、控件類型、控件類型拼音或拼音縮寫、方法內容。方法列表的頂部是”所有方法視圖“。點擊這個視圖,可以在編輯器顯示所有方法的內容,但是不能編輯。
  編輯區內可以編輯方法內容。編輯內容的時候,會有智能提示輔助功能。
  U-Agent低代碼平臺是一款基于Web的快速業務實現平臺。使用U-Agent低代碼平臺配合U-Agent強大的平臺基礎能力,可以快速實現客戶的業務頁面。在U-Agent低代碼
  3、樣式
  低代碼平臺的樣式面板,在右側邊欄的下方,與”屬性“、”事件“組成多標簽頁。
  低代碼平臺提供兩種樣式編輯方式:可視化方式和CSS方式。
  一般情況下,可以使用可視化方式編輯樣式,簡單方便。可視化方式支持背景色、邊框、字體大小、字體顏色、字體樣式、對齊方式、布局的編輯。可視化編輯視圖的頂部,顯示當前正在編輯的控件或控件內元素。
  某些情況下,需要修改可視化方式以外的樣式。或者對樣式做更高級的定制。這種情況下可以直接編輯CSS內容。點擊樣式面板右上角的切換按鈕”“““就可以在可視化和CSS方式之間切換。
  4、數據服務
  低代碼平臺用數據服務提供數據的訪問功能。通過編寫SQL語句的方式訪問數據。SQL語句在開發階段編寫。語句內可以提供參數。運行時前后端交互中,沒有SQL語句,前端只向服務端傳遞數據服務名和參數。避免了安全問題。同時,參數是預先編譯的,避免了SQL注入問題。
  低代碼平臺將頁面內數據服務,封裝為數據對象(頁面內的數據項)。從而簡化使用數據服務時的工作。使用數據服務對象有以下優點:
  1)簡化腳本代碼。一般情況下,使用數據服務對象不需要在then和catch中處理數據服務的返回和異常。數據服務對象將這些都做了封裝。包括參數取值、返回結果賦值給數據項、結果到控件的顯示、異常處理、日志記錄、消息提示等。
  2)腳本更靈活。如果在某種情況下確實需要對結果進行處理,也可以使用then來實現。處理更加靈活。
  3)簡化控件使用。常用控件對數據服務對象進行了適配,能夠自動處理數據服務對象的返回結果。
  數據服務的測試如下圖:
  查詢數據的操作如下圖:
  在”界面“視圖,選中”查詢“按鈕。在右側的”事件“面板,雙擊”點擊“事件,為按鈕添加事件代碼。
  在點擊事件的代碼中,輸入”this。ds$。“,會提示剛才添加的數據服務。如下圖:

郵箱:huanghe@utry.cn
電話:18600895885
【免責聲明】本文僅代表作者本人觀點,與CTI論壇無關。CTI論壇對文中陳述、觀點判斷保持中立,不對所包含內容的準確性、可靠性或完整性提供任何明示或暗示的保證。請讀者僅作參考,并請自行承擔全部責任。

專題

CTI論壇會員企業

亚洲AV综合网影院