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)的后端，有完整的組織結(jié)構(gòu)、權(quán)限、工作流、數(shù)據(jù)管理、ES集成等功能支撐。使得U-Agent低代碼平臺(tái)能夠發(fā)揮強(qiáng)大的界面編輯能力，快速實(shí)現(xiàn)和調(diào)整業(yè)務(wù)，縮短項(xiàng)目周期。

　　頁(yè)面導(dǎo)航區(qū)分為4部分：標(biāo)題欄、頂部工具欄、頁(yè)面導(dǎo)航樹、底部工具欄。

　　頁(yè)面編輯區(qū)主要分為兩大部分：頁(yè)面標(biāo)簽和頁(yè)面編輯器。頁(yè)面標(biāo)簽用于切換正在編輯的頁(yè)面。頁(yè)面編輯器用于編輯頁(yè)面。

　　頁(yè)面編輯器分為兩個(gè)區(qū)域：工具欄、操作區(qū)。

　　工具欄分為左右兩個(gè)區(qū)域。左側(cè)排列著多個(gè)功能按鈕包括保存、預(yù)覽等。右側(cè)用于不同編輯視圖的切換，包括：界面、腳本和數(shù)據(jù)服務(wù)。功能按鈕：

　　用于編輯頁(yè)面的界面。分為三個(gè)區(qū)域：編輯區(qū)、左側(cè)邊欄和右側(cè)邊欄。

　　用鼠標(biāo)從控件箱拖拽控件到頁(yè)面，可以將控件添加到頁(yè)面上。頁(yè)面中已經(jīng)存在的控件，也可以拖拽調(diào)整位置。

　　拖拽的結(jié)果分為三種：放到某個(gè)容器內(nèi)、放到某個(gè)控件之前、放到某個(gè)控件之后。

　　A、拖放到容器內(nèi)

　　控件拖放到容器內(nèi)時(shí)，容器會(huì)高亮顯示。如下圖。

　　B、拖放到某個(gè)控件前

　　拖放到某個(gè)控件之前時(shí)，會(huì)在該控件前面的位置顯示藍(lán)色的位置標(biāo)識(shí)。如下圖：

　　C、拖放到某個(gè)控件后

　　拖放到某個(gè)控件之后時(shí)，會(huì)在該控件后面的位置顯示藍(lán)色的位置標(biāo)識(shí)。如下圖：

　　對(duì)于某些控件，控件內(nèi)的一些元素是可以編輯的。比如文本框的標(biāo)題、面板的標(biāo)題等。根據(jù)控件內(nèi)元素的不同，可以有兩種編輯操作：編輯內(nèi)容、編輯樣式。

　　所有控件內(nèi)元素，都可以單獨(dú)編輯樣式。但是只有某些有文本內(nèi)容的控件內(nèi)元素才可以編輯內(nèi)容。

　　如果要編輯控件內(nèi)元素，首先要選中控件（參考控件選中模式）。在控件選中狀態(tài)下，在控件上移動(dòng)鼠標(biāo)。如果鼠標(biāo)當(dāng)前位置不可編輯，會(huì)顯示““鼠標(biāo)指針。如果可編輯，會(huì)顯示”“鼠標(biāo)指針。如下圖所示。

　　當(dāng)鼠標(biāo)移動(dòng)到可編輯的元素上時(shí)，點(diǎn)擊鼠標(biāo)，會(huì)選中這個(gè)元素。選中的元素會(huì)顯示虛線邊框。元素選中后，可以做內(nèi)容編輯和樣式編輯操作。如下圖。

　　元素被選中后，再次點(diǎn)擊元素，會(huì)出現(xiàn)內(nèi)容輸入框，可以編輯內(nèi)容。編輯完成后按回車鍵，或者點(diǎn)擊其他區(qū)域，可以使內(nèi)容生效。

　　元素被選中后，在樣式面板中可以編輯元素的樣式。此時(shí)樣式面板上方會(huì)顯示正在編輯的元素的名稱。

　　在低代碼平臺(tái)中可以通過兩種方式調(diào)整控件尺寸：可視化方式、屬性方式。不同的控件支持的方式不同，調(diào)整的維度也不同。

　　A、可視化方式

　　低代碼平臺(tái)提供了可視化調(diào)整尺寸的方式。在控件選中并且顯示”位置標(biāo)識(shí)線“狀態(tài)下（參考控件選中模式），可以通過拖動(dòng)“位置標(biāo)識(shí)線”來(lái)調(diào)整尺寸。紅色“位置標(biāo)識(shí)線”標(biāo)識(shí)禁止調(diào)整尺寸，藍(lán)色“位置標(biāo)識(shí)線”標(biāo)識(shí)允許調(diào)整尺寸。

　　當(dāng)拖動(dòng)位置標(biāo)識(shí)線時(shí)，如果拖動(dòng)中的位置標(biāo)識(shí)線顯示綠色，表示尺寸合法。如果拖動(dòng)中的位置標(biāo)識(shí)線顯示紅色，表示尺寸非法。

　　不同的控件對(duì)可視化尺寸調(diào)整方式支持程度不同。例如支持柵格數(shù)屬性的控件，可以使用可視化方式調(diào)整柵格。

　　支持寬高屬性的，一般可以用可視化方式調(diào)整寬高。

　　但是，并不是所有控件都開放可視化尺寸調(diào)整。某些控件，根據(jù)條件開放可視化尺寸調(diào)整。例如超級(jí)面板控件，父面板的模式不同，子面板支持的調(diào)整維度也不同。當(dāng)父面板處于縱向維度（頂部欄、上-中-下、底部欄）模式下時(shí)，可以調(diào)整頂部欄和底部欄的高度。當(dāng)父面板處于橫向維度（左側(cè)欄、左-中-右、右側(cè)欄）模式下時(shí)，可以調(diào)整左側(cè)欄和右側(cè)欄的寬度。

　　B、屬性方式

　　可以通過設(shè)置控件提供的屬性來(lái)改變控件的尺寸。不同控件提供不同的屬性。

　　以超級(jí)面板控件為例。提供了高度、寬度屬性，可以以像素或百分百為單位，設(shè)置寬高。而當(dāng)一個(gè)超級(jí)面板放入流布局模式的面板中時(shí)，這個(gè)面板也支持柵格數(shù)屬性，可以設(shè)置面板支持的柵格數(shù)。

　　表單類控件（如文本框、下拉框等）提供柵格數(shù)屬性。這些控件需要放入流布局模式的超級(jí)面板。