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

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

　　A、文本

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

　　B、數(shù)字

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

　　C、枚舉

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

　　D、尺寸

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

　　E、布爾

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

　　F、表達(dá)式

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

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

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

　　G、數(shù)據(jù)項(xiàng)綁定

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

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

　　H、圖標(biāo)

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

　　I、鍵值對(duì)

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

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

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

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

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

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

　　A、綁定

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

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

　　B、取消綁定

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

　　C、查看綁定

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

　　D、初始值

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

　　D、使用

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

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

　　1）事件

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

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

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

　　腳本視圖分為兩部分：方法導(dǎo)航和編輯區(qū)。

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

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

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

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

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

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

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

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

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

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

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

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

　　數(shù)據(jù)服務(wù)的測(cè)試如下圖：

　　查詢數(shù)據(jù)的操作如下圖：

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

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