屬性編輯是低代碼平臺最常用的功能之一。屬性面板位于右側邊欄的下部，與“事件”、“樣式”組成多標簽頁(yè)。

　　在屬性面板中，根據屬性值類(lèi)型不同，采用不同的值編輯方式。下面逐一介紹這些值編輯方式。

　　A、文本

　　文本類(lèi)型的屬性是最常用的。如果屬性是文本類(lèi)型，則用文本框編輯屬性的值。例如：

　　B、數字

　　數字類(lèi)型的屬性使用數字編輯框編輯。例如：

　　C、枚舉

　　有些屬性的值需要從固定的列表中選擇。這類(lèi)屬性用下拉框編輯。下拉列表可以是固定的，也可以是從服務(wù)端加載的。這取決于控件。例如：

　　D、尺寸

　　對于尺寸類(lèi)型的屬性，使用特殊的尺寸編輯框。尺寸可以分為兩類(lèi)：像素、百分百。在尺寸編輯器中可以選擇。某些控件屬性只接收一種類(lèi)型，另一種類(lèi)型是禁用的。

　　E、布爾

　　布爾類(lèi)型的屬性，使用滑塊按鈕編輯。按鈕灰色表示“false”，按鈕藍色表示“true”。

　　F、表達式

　　表達式類(lèi)型的屬性值比較特殊。表達式是javascript格式的語(yǔ)句。根據屬性的不同，要求的表達式結果也不同。比如“是否顯示”屬性，要求表達式執行結果是布爾值。

　　寫(xiě)表達式的時(shí)候一定要注意，表達式內的值一定要符合javascript規范，否則會(huì )導致表達式異常，從而使頁(yè)面加載失敗。比如字符串、日期時(shí)間要用英文單引號括起來(lái)的。

　　表達式中允許引用頁(yè)面定義的數據項。引用這些數據項時(shí)，要加this。限定符。例如頁(yè)面內定義了一個(gè)名為“strval”的數據項，下面的表達式判斷strval的值等于'hello'時(shí)，才顯示控件。

　　G、數據項綁定

　　在低代碼平臺中，表單類(lèi)的控件需要綁定數據項才能使用。這些控件的值是存儲在綁定的數據項中的。當控件拖入頁(yè)面時(shí)，平臺會(huì )自動(dòng)為控件創(chuàng )建數據項，并綁定。有時(shí)候，我們需要改變一個(gè)控件的數據項綁定。例如兩個(gè)控件綁定同一個(gè)數據項。這時(shí)候就需要手動(dòng)修改數據項綁定。

　　數據項綁定屬性的編輯器是一個(gè)下拉框。下拉框中以樹(shù)狀結構顯示頁(yè)面內所有數據項。包括普通變量、計算值、頁(yè)面的參數等。

　　H、圖標

　　某些控件有圖標類(lèi)型的屬性。例如按鈕控件，允許設置按鈕圖標。圖標屬性使用特殊的圖標編輯器修改。圖標屬性編輯器是一個(gè)文本框，右側有一個(gè)按鈕（）。點(diǎn)擊這個(gè)按鈕會(huì )彈出圖標選擇對話(huà)框。在這個(gè)對話(huà)框中選擇圖標。

　　I、鍵值對

　　鍵值對類(lèi)型的屬性值，是JSON的數組結構。數組每個(gè)元素都是一個(gè)JSON對象，至少有鍵和值兩個(gè)元素。鍵和值的具體名稱(chēng)，根據不同控件，有所不同。有些控件中，這兩個(gè)名稱(chēng)是可配置的。

　　JSON結構允許多層，即每個(gè)數組元素還可以有自己的下層數組。這根據控件屬性的要求而定。

　　典型的鍵值對屬性，是下拉框的選項數據。下拉框的選項數據中的鍵和值名稱(chēng)是可配置的。分別在值字段（選項數據中的鍵）、文本字段（選項數據中的值）屬性中配置。

　　點(diǎn)擊鍵值對編輯框右側的編輯按鈕““，可以打開(kāi)鍵值對編輯對話(huà)框。在對話(huà)框中，用可視化方式編輯鍵值對數據。也可以直接編輯JSON數據。對話(huà)框右上角有使用幫助。

　　一般情況下，都是在屬性面板中，靜態(tài)編輯屬性的。如果希望在頁(yè)面運行時(shí)，使用腳本來(lái)實(shí)時(shí)改變屬性值。可以將屬性做運行時(shí)綁定。

　　不是所有屬性都支持運行時(shí)綁定。只有部分屬性支持運行時(shí)綁定。例如文本框控件的標簽、后綴標簽、占位文本、選項數據等屬性支持運行時(shí)綁定。按鈕的按鈕文本支持運行時(shí)綁定。支持運行時(shí)綁定的屬性，在屬性編輯框右側有一個(gè)綁定按鈕”“。

　　A、綁定

　　將屬性做運行時(shí)綁定的方法，是在屬性編輯器中，點(diǎn)擊屬性后端的綁定按鈕。如下圖。

　　當屬性沒(méi)有綁定為運行時(shí)數據項時(shí)，會(huì )顯示藍色的（）按鈕。點(diǎn)擊后，彈出確認框。點(diǎn)擊確定后，就綁定了運行時(shí)數據項。同時(shí)，按鈕變?yōu)榧t色的（）按鈕。

　　B、取消綁定

　　點(diǎn)擊紅色的取消綁定按鈕，就取消了屬性的運行時(shí)綁定。

　　C、查看綁定

　　所有已經(jīng)綁定的運行時(shí)屬性，都可以在數據項面板中查看。

　　D、初始值

　　已經(jīng)綁定的運行時(shí)屬性，屬性編輯器中設置的值作為屬性的初始值。

　　D、使用

　　在腳本編輯器中，通過(guò)”this。rt['控件ID']['屬性']“格式可以讀寫(xiě)運行時(shí)屬性。同時(shí)，腳本編輯器也提供了自動(dòng)補全的輔助功能。

　　低代碼平臺通過(guò)事件和腳本來(lái)完成業(yè)務(wù)功能。例如，當點(diǎn)擊按鈕時(shí)，會(huì )觸發(fā)按鈕點(diǎn)擊事件。從而執行編寫(xiě)好的處理腳本，完成所需要的功能。

　　1）事件

　　事件面板在右側邊欄的下部。當選中一個(gè)控件后，事件面板中列出這個(gè)控件的所有事件。

　　雙擊某個(gè)事件，或點(diǎn)擊這個(gè)事件右側的編輯按鈕”“，就可以切換到事件腳本編輯界面。在腳本編輯區域，可以編輯事件的腳本。

　　在工具欄右側按鈕中，點(diǎn)擊”腳本“按鈕，可以切換到腳本視圖。在腳本視圖中，可以檢索、編輯腳本，還可以添加自定義的方法。

　　腳本視圖分為兩部分：方法導航和編輯區。

　　方法導航中可以添加方法、刪除方法、檢索方法。這里列出的方法包括事件處理方法和自定義方法。檢索方法使用的條件可以是方法名、事件名、事件名拼音或拼音縮寫(xiě)、控件ID、控件類(lèi)型、控件類(lèi)型拼音或拼音縮寫(xiě)、方法內容。方法列表的頂部是”所有方法視圖“。點(diǎn)擊這個(gè)視圖，可以在編輯器顯示所有方法的內容，但是不能編輯。

　　編輯區內可以編輯方法內容。編輯內容的時(shí)候，會(huì )有智能提示輔助功能。

　　U-Agent低代碼平臺是一款基于Web的快速業(yè)務(wù)實(shí)現平臺。使用U-Agent低代碼平臺配合U-Agent強大的平臺基礎能力，可以快速實(shí)現客戶(hù)的業(yè)務(wù)頁(yè)面。在U-Agent低代碼

　　低代碼平臺的樣式面板，在右側邊欄的下方，與”屬性“、”事件“組成多標簽頁(yè)。

　　低代碼平臺提供兩種樣式編輯方式：可視化方式和CSS方式。

　　一般情況下，可以使用可視化方式編輯樣式，簡(jiǎn)單方便。可視化方式支持背景色、邊框、字體大小、字體顏色、字體樣式、對齊方式、布局的編輯。可視化編輯視圖的頂部，顯示當前正在編輯的控件或控件內元素。

　　某些情況下，需要修改可視化方式以外的樣式。或者對樣式做更高級的定制。這種情況下可以直接編輯CSS內容。點(diǎn)擊樣式面板右上角的切換按鈕”“““就可以在可視化和CSS方式之間切換。

　　低代碼平臺用數據服務(wù)提供數據的訪(fǎng)問(wèn)功能。通過(guò)編寫(xiě)SQL語(yǔ)句的方式訪(fǎng)問(wèn)數據。SQL語(yǔ)句在開(kāi)發(fā)階段編寫(xiě)。語(yǔ)句內可以提供參數。運行時(shí)前后端交互中，沒(méi)有SQL語(yǔ)句，前端只向服務(wù)端傳遞數據服務(wù)名和參數。避免了安全問(wèn)題。同時(shí)，參數是預先編譯的，避免了SQL注入問(wèn)題。

　　低代碼平臺將頁(yè)面內數據服務(wù)，封裝為數據對象（頁(yè)面內的數據項）。從而簡(jiǎn)化使用數據服務(wù)時(shí)的工作。使用數據服務(wù)對象有以下優(yōu)點(diǎn)：

　　1）簡(jiǎn)化腳本代碼。一般情況下，使用數據服務(wù)對象不需要在then和catch中處理數據服務(wù)的返回和異常。數據服務(wù)對象將這些都做了封裝。包括參數取值、返回結果賦值給數據項、結果到控件的顯示、異常處理、日志記錄、消息提示等。

　　2）腳本更靈活。如果在某種情況下確實(shí)需要對結果進(jìn)行處理，也可以使用then來(lái)實(shí)現。處理更加靈活。

　　3）簡(jiǎn)化控件使用。常用控件對數據服務(wù)對象進(jìn)行了適配，能夠自動(dòng)處理數據服務(wù)對象的返回結果。

　　數據服務(wù)的測試如下圖：

　　查詢(xún)數據的操作如下圖：

　　在”界面“視圖，選中”查詢(xún)“按鈕。在右側的”事件“面板，雙擊”點(diǎn)擊“事件，為按鈕添加事件代碼。

　　在點(diǎn)擊事件的代碼中，輸入”this。ds$。“，會(huì )提示剛才添加的數據服務(wù)。如下圖：