U-Agent低代码平台是一款基于Web的快速业务实现平台。使用U-Agent低代码平台配合U-Agent强大的平台基础能力，可以快速实现客户的业务页面。在U-Agent低代码平台的后端，有完整的组织结构、权限、工作流、数据管理、ES集成等功能支撑。使得U-Agent低代码平台能够发挥强大的界面编辑能力，快速实现和调整业务，缩短项目周期。

　　页面导航区分为4部分：标题栏、顶部工具栏、页面导航树、底部工具栏。

　　页面编辑区主要分为两大部分：页面标签和页面编辑器。页面标签用于切换正在编辑的页面。页面编辑器用于编辑页面。

　　页面编辑器分为两个区域：工具栏、操作区。

　　工具栏分为左右两个区域。左侧排列着多个功能按钮包括保存、预览等。右侧用于不同编辑视图的切换，包括：界面、脚本和数据服务。功能按钮：

　　用于编辑页面的界面。分为三个区域：编辑区、左侧边栏和右侧边栏。

　　用鼠标从控件箱拖拽控件到页面，可以将控件添加到页面上。页面中已经存在的控件，也可以拖拽调整位置。

　　拖拽的结果分为三种：放到某个容器内、放到某个控件之前、放到某个控件之后。

　　A、拖放到容器内

　　控件拖放到容器内时，容器会高亮显示。如下图。

　　B、拖放到某个控件前

　　拖放到某个控件之前时，会在该控件前面的位置显示蓝色的位置标识。如下图：

　　C、拖放到某个控件后

　　拖放到某个控件之后时，会在该控件后面的位置显示蓝色的位置标识。如下图：

　　对于某些控件，控件内的一些元素是可以编辑的。比如文本框的标题、面板的标题等。根据控件内元素的不同，可以有两种编辑操作：编辑内容、编辑样式。

　　所有控件内元素，都可以单独编辑样式。但是只有某些有文本内容的控件内元素才可以编辑内容。

　　如果要编辑控件内元素，首先要选中控件（参考控件选中模式）。在控件选中状态下，在控件上移动鼠标。如果鼠标当前位置不可编辑，会显示““鼠标指针。如果可编辑，会显示”“鼠标指针。如下图所示。

　　当鼠标移动到可编辑的元素上时，点击鼠标，会选中这个元素。选中的元素会显示虚线边框。元素选中后，可以做内容编辑和样式编辑操作。如下图。

　　元素被选中后，再次点击元素，会出现内容输入框，可以编辑内容。编辑完成后按回车键，或者点击其他区域，可以使内容生效。

　　元素被选中后，在样式面板中可以编辑元素的样式。此时样式面板上方会显示正在编辑的元素的名称。

　　在低代码平台中可以通过两种方式调整控件尺寸：可视化方式、属性方式。不同的控件支持的方式不同，调整的维度也不同。

　　A、可视化方式

　　低代码平台提供了可视化调整尺寸的方式。在控件选中并且显示”位置标识线“状态下（参考控件选中模式），可以通过拖动“位置标识线”来调整尺寸。红色“位置标识线”标识禁止调整尺寸，蓝色“位置标识线”标识允许调整尺寸。

　　当拖动位置标识线时，如果拖动中的位置标识线显示绿色，表示尺寸合法。如果拖动中的位置标识线显示红色，表示尺寸非法。

　　不同的控件对可视化尺寸调整方式支持程度不同。例如支持栅格数属性的控件，可以使用可视化方式调整栅格。

　　支持宽高属性的，一般可以用可视化方式调整宽高。

　　但是，并不是所有控件都开放可视化尺寸调整。某些控件，根据条件开放可视化尺寸调整。例如超级面板控件，父面板的模式不同，子面板支持的调整维度也不同。当父面板处于纵向维度（顶部栏、上-中-下、底部栏）模式下时，可以调整顶部栏和底部栏的高度。当父面板处于横向维度（左侧栏、左-中-右、右侧栏）模式下时，可以调整左侧栏和右侧栏的宽度。

　　B、属性方式

　　可以通过设置控件提供的属性来改变控件的尺寸。不同控件提供不同的属性。

　　以超级面板控件为例。提供了高度、宽度属性，可以以像素或百分百为单位，设置宽高。而当一个超级面板放入流布局模式的面板中时，这个面板也支持栅格数属性，可以设置面板支持的栅格数。

　　表单类控件（如文本框、下拉框等）提供栅格数属性。这些控件需要放入流布局模式的超级面板。