三级在线不卡_低代碼時(shí)代的呼叫中心（九） - 文章精選 - CTI論壇-中國領(lǐng)先的ICT行業(yè)網(wǎng)站

　　揭秘了，U-Agent，遠傳的低代碼開(kāi)發(fā)平臺。

　　1、大致的印象

　　U-Agent低代碼平臺是一款基于Web的快速業(yè)務(wù)實(shí)現平臺。使用U-Agent低代碼平臺配合U-Agent強大的平臺基礎能力，可以快速實(shí)現客戶(hù)的業(yè)務(wù)頁(yè)面。在U-Agent低代碼平臺的后端，有完整的組織結構、權限、工作流、數據管理、ES集成等功能支撐。使得U-Agent低代碼平臺能夠發(fā)揮強大的界面編輯能力，快速實(shí)現和調整業(yè)務(wù)，縮短項目周期。

　　直接上頁(yè)面！

　　1）登錄

　　2）菜單進(jìn)入

　　系統運行環(huán)境和低代碼開(kāi)發(fā)環(huán)境一體化。

　　3）頁(yè)面編輯

　　4）頁(yè)面導航區

　　頁(yè)面導航區分為4部分：標題欄、頂部工具欄、頁(yè)面導航樹(shù)、底部工具欄。

　　5）頁(yè)面編輯區

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

　　2、頁(yè)面編輯

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

　　1）工具欄

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

保存。用于保存頁(yè)面。保存的同時(shí)，會(huì )在歷史版本庫中生成臨時(shí)的歷史版本。
標簽并保存。保存頁(yè)面的同時(shí)，設置版本標簽。一旦設置標簽并保存了頁(yè)面，在歷史版本庫中的臨時(shí)歷史版本將被清理。只保留設置了標簽的歷史版本。
撤銷(xiāo)和重做。撤銷(xiāo)按鈕和重做按鈕，用于對界面編輯操作進(jìn)行撤銷(xiāo)和重做。
預覽。點(diǎn)擊預覽按鈕，會(huì )在新的瀏覽器窗口中預覽當前頁(yè)面。預覽前必須保存。
接口配置。如果需要把當前頁(yè)面作為組件提供給其他頁(yè)面，并且需要對外暴露方法和事件，可以在接口配置中進(jìn)行設置。
引入JS。當頁(yè)面中需要用到第三方的js文件時(shí)，可以在這里設置應用js的URL。頁(yè)面加載時(shí)會(huì )將JS同時(shí)加載。
一鍵綁定。當頁(yè)面中存在未綁定數據項的表單控件時(shí)，使用一鍵綁定功能，將自動(dòng)為未綁定的控件生成數據項，并做綁定數據項的操作。
重新加載。用于刷新當前編輯的頁(yè)面。所有未保存的修改將作廢。
歷史版本。瀏覽歷史版本庫中的版本，可以打開(kāi)指定的歷史版本。

　　2）界面視圖

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

　　3、控件和布局

　　1）創(chuàng )建

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

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

　　A、拖放到容器內

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

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

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

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

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

　　2）編輯控件內元素

　　對于某些控件，控件內的一些元素是可以編輯的。比如文本框的標題、面板的標題等。根據控件內元素的不同，可以有兩種編輯操作：編輯內容、編輯樣式。

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

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

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

內容編輯：

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

樣式編輯：

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

　　3)調整控件尺寸

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

　　A、可視化方式

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

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

　　不同的控件對可視化尺寸調整方式支持程度不同。例如支持柵格數屬性的控件，可以使用可視化方式調整柵格。

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

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

　　B、屬性方式

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

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