升级清单：
可视化操作说明升级说明：
可视化界面
可视化操作说明
1）工具栏
保存：保存当前布局
编辑/布局/预览：切换编辑、布局、预览模式
撤销/重做：撤销、重做编辑步骤
清空：删除所有布局和控件元素
缩放：对编辑区进行缩放调整
仅取主对象：请求数据是否仅取主对象，默认为勾选状态。
侧边栏（左侧）
布局：可拖拽到编辑区新增布局（行、列）
容器组件：可拖拽到编辑区新增容器组件
页面布局类型：可拖拽到编辑区新增指定布局类型的容器
基础组件：可拖拽到编辑区容器内新增控件（容器必须是非父栅格）
侧边栏（右侧）
页面列表：显示页面列表信息，高亮显示的为当前编辑的页面。双击列表可切换编辑页面（重新请求数据）。
属性：显示编辑器当前选择的容器或控件展示对应的属性信息，可编辑。
侧边栏的分隔条可以拖动调整宽度，点击可以展开、收场侧边栏。侧边栏面板标题可以点击来展开、收起对应面板。
- 编辑区
编辑区展示页面的布局容器和控件
- 编辑模式下会显示容器的外框、展开/收缩按钮及容器的布局容器类型、页面布局元素类型、是否父栅格、样式名称等信息。点击展开/收缩按钮可展开、收起对应容器，点击是否父栅格标记可切换容器的是否父栅格属性。
- 布局模式会显示容器的外框，并且隐藏界面侧边栏。
- 预览模式下不显示容器外框等额外信息，并且隐藏界面侧边栏。预览模式下不可编辑。
- 如果当前页面没有布局信息，默认添加 DIV.module 和 DIV.container-fluid 容器
2. 点击编辑区内的容器或控件，则选中当前元素，并在侧边栏属性面板显示当前选中的元素的属性信息。选中的元素会有红色外框标记，并在外框的右上角显示上移、下移、删除按钮。点击上移、下移按钮可以调整选中元素的顺序，点击删除按钮可以删除选中元素，如果容器元素包含子元素，子元素也会被删除。
3. 编辑区内的容器和控件可拖拽并释放到指定位置，如果当前指定位置可以释放，容器会显示为绿色虚线框和底色，并在释放位置显示蓝色指示线(如未显示，则释放到容器的最后位置)。否则显示为红色虚线框及底色。
4. TOOLBAR 配置：
a. 如容器布局元素类型为 TOOLBAR,容器右上角会显示齿轮形状的设置图标。点击图标弹出设置面板。设置面板左侧显示所有方法定义，右侧显示已选取的方法按钮列表。已选取的方法在左侧列表显示为灰色。点击列表项可以选中/取消选中该列表项(同时按住ctrl键可多选)。
b.点击 按钮可以把左侧选中的方法添加到右侧列表，点击可以把左侧列表的所有方法添加到右侧列表。
c. 点击按钮调整列表中选中方法的顺序。
d. 点击按钮可以移除右侧列表中选中的方法。点击可以清空右侧列表。
e. 点击取消按钮关闭设置面板并放弃所做的设置操作。点击确定按钮关闭设置面板并接受所做的设置操作，右侧列表方法添加显示到 TOOLBAR 中（按钮）。
GRID 配置：
如容器布局元素类型为 GRID,容器右上角会显示齿轮形状的设置图标。点击图标弹出设置面板。设置面板左侧显示所有属性定义，右侧显示已选取的字段（表格列）列表，及是否可见复选框，如果是操作列，同时显示方法名称。已选取的字段在左侧列表显示为灰色。点击列表项可以选中/取消选中该列表项(同时按住ctrl键可多选)。左侧列表下方显示方法定义下拉框。
- 点击 按钮可以把左侧选中的字段添加到右侧列表，点击可以把左侧列表的所有字段添加到右侧列表。如方法定义下拉框中有选择方法，则添加为操作列。
c. 点击按钮调整列表中选中方法的顺序。
d. 点击按钮可以移除右侧列表中选中的方法。点击可以清空右侧列表。
e. 点击取消按钮关闭设置面板并放弃所做的设置操作。点击确定按钮关闭设置面板并接受所做的设置操作，右侧列表字段添加显示到 GRID中（表格列）。 - SEARCH_FORM/FORM_COLUMN配置：
如容器布局元素类型为 ELEMENT ，且查询条件类型为空，容器显示为FORM_COLUMN。如容器布局元素类型为 ELEMENT ，且查询条件类型不为空，容器显示为SEARCH_FORM。FORM_COLUMN与SEARCH_FORM容器右上角会显示齿轮形状的设置图标。点击图标弹出设置面板。设置面板左侧显示所有属性定义（已选取的字段显示为灰色），右侧显示已选取的字段（表格列）列表,按行、列进行显示。
- 调整可配置显示的行数及列数。
c. 点击行列单元格可以选中该单元格(同时按住ctrl键可多选)。点击合并按钮可合并选中的单元格（必须为同一行中连续的单元格）。点击拆分单元格可拆分选中的单元格。
点击撤销、重做按钮可以执行撤销、重做操作。
e. 左侧列表字段可以拖拽至右侧单元格中，可侧单元格中的字段可拖拽调整位置及顺序。鼠标移动到右侧的字段上会显示删除按钮，点击可删除该字段。
f. 点击取消按钮关闭设置面板并放弃所做的设置操作。点击确定按钮关闭设置面板并接受所做的设置操作，并根据右侧列表显示的行列及字段在ELEMENT容器内添加相应的ROW、COL布局容器及控件。
可视化配置自适应高度
TestCaseNew301 – 管理页
这个页面是简单的上下布局，表格自适应高度。步骤如下
找到最外层容器，添加 “elastic-layout” 样式名称
确定要自适应高度的容器，在这个页面是包含表格的这个 DIV 添加样式名称 “elastic-layout”，由于是表格，再额外添加 “elastic-grid”
TestCaseNew301 – 新增、编辑、查看页面
找到最外层容器，添加 “elastic-layout” 样式名称
这个 Tabs 内容是需要自适应高度的，添加 “elastic-layout”，由于是包含 tabs 控件的容器，再添加 “elastic-tabs”
基本信息 tab 页是一个表单，没有需要自适应高度的内容，无需处理
子表&孙子表 Tab内是左右结构，内部各有一个表格自适应高度。在左右结构的 col 的上一层窗口添加 “elastic-layout” 和 “elastic-horizontal” 样式名称，两个 col 也需要添加 “elastic-layout”
两个 col 内再分别进行配置，都是有一个表格需要自适应高度，在包含表格的 容器上添加”elastic-layout elastic-grid”
总结经验：
- 从最外层一层层往里配置
- 最外一层要配置 elastic-layout
- 找到需要自适应高度的容器并配置上 elastic-layout
- 如果是左右结构的布局，需要在其上一层容器配置 elastic-layout elastic-horizontal,左右结构的各列都需要配置上 elastic-layout
- tab控件需要在 TABS 上配置 elastic-layout elastic-tabs
- 表格控件、树控件自适应高度，需要在直接包含控件的这一层容器上添加elastic-layout，并添加对应控件的样式(elastic-grid 或 elastic-tree)
云平台代码生成页面结构变化
云平台代码生成页面的JS拆分为3个JS：并在云平台上抽取了前段JS公用级别的代码到 BaseController.js utils.js 中。
以 BaseItem 业务对象，配置了管理页面、ALL共用页面类型，2个页面列表。、
按旧版会生成如下JS文件：
baseItemManage.js 管理页面JS
baseItemAll.js 新增编辑查看共用页面JS
新版本会生成如下文件：
baseItemManage.js 管理页面JS
baseItemManageCtrl.js 项目组可手工修改的文件，可在这个文件中覆盖云平台生成的默认方法等 【扩展JS控制器文件】 这个文件继承baseItemManageBsCtrl.js
baseItemManageBsCtrl.js 云平台生成的文件，可在这个文件中覆盖云平台生成的默认方法等 【扩展JS控制器文件】 这个文件继承BaseController.js
baseItemAll.js 新增编辑查看共用页面JS ,平台生成的文件，这个文件不可修改，只能通过云平台生成
baseItemAllCtrl.js 项目组可手工修改的文件，可在这个文件中覆盖云平台生成的默认方法等 【扩展JS控制器文件】 这个文件继承baseItemAllBsCtrl.js
baseItemAllBsCtrl.js 云平台生成的文件，这个文件不可修改，只能通过云平台生成， 这个文件继承BaseController.js
升级到云平台3.1版本以后，所有新生成的代码或者重生成的代码就使用者个前段JS结构。
业务对象的抬头表 【需要扩展JS】字段，如果这个字段勾选了，那么就代表着项目组需要自己维护 *Ctrl.js 类型的文件，那么此时云平台的代码生成就不会再生成 *Ctrl.js文件。