(1.35)--[6.2]自定义页面设计器.pdf

✓表单页面和流程页面常用于收

集数据；

✓报表页面用于展示数据；

✓自定义页面通过个性化方式丰

富页面内容。

自定义页面

自定义页面常用

于信息展示、导航和

门户页面，可以自由

组合文字、图片、链

接和按钮等元素，借

助数据源或者更丰富

的组件实现复杂业务

场景的搭建。

自定义页面设计器介绍

工具栏

功能选项使用说明

可以让用户更清晰地看到页面的整体布局，还可以让用户在大纲树上对

控件进行批量拖拽、批量删除。双击大纲树可以更改别名，用来区分多

大纲树

个相同的控件。点击右上角的“固定”图标，可以将大纲树面板固定在

左侧。按住CMD/CTRL键，可在大纲树上进行多选操作。

点击组件库里的组件进行拖拽，可将控件拖拽到画布中或大纲树中的指

组件库

定位置，也可以点击组件直接将组件插入到画布当中。

为了提高设计效率而存在，合理地使用模板和区块能够提高日常页面设

区块模板

计中的效率，并遵循合理的设计范式。

数据源可以声明一个变量或者一个远程变量，用于动态展示一些数据使

数据源

用。在控件的属性配置上可以进行对数据源的数据绑定。

动作面板动作面板可以用来编写JavaScript代码，来实现一些更定制化的需求。

可以用来配置多语言文案的管理，在控件的属性配置上可以进行对多语

多语言文案管理

言数据进行数据绑定。

大纲树

可以让用户更清晰地

看到页面的整体布局，还

可以让用户在大纲树上对

组件进行批量拖拽、批量

删除。双击大纲树可以更

改别名，用来区分多个相

同的控件。点击右上角的

“固定”图标，可以将大

纲树面板固定在左侧。按

住CMD/CTRL键，可在

大纲树上进行多选操作。

组件库

点击组件库里的组件进行拖拽，可将组件拖拽到画布中或大纲

树中的指定位置，也可以点击组件直接将组件插入到画布当中。

组件库

组件库-图标

图标：通过图标传达信息，例如警告、提示、趋势等。宜搭图

标分为基础图标和自定义图标两类。

组件库-图标

组件库-图标

组件库-对话框

可在需要给用户提示信息，需要用户进行确认操作，需要用

户处理事务又不希望跳转页面以致打断工作流程等场景使用。

组件库-对话框

可在需要给用户提示信息，需要用户进行确认操作，需要用

户处理事务又不希望跳转页面以致打断工作流程等场景使用。

组件库-轮播组件

将所需展示的多张图片循环滚动展示。

组件库-查询组件

操作栏的搜索只能实现单一条件查询，而查询组件可用

于实现对数据的多条件查询。

区块模板

自定义页面专属的、已经设计好的区块，可以直接拖拽到画

布中使用，从而实现网页页面的快速搭建、提高页面的设计效率。

区块模板分类

区块模板的类型：公共区块模板和私有区块模板。

公共区块模板：宜搭中提供的公共模板。

区块模板分类

区块模板的类型：公共区块模板和私有区块模板。

私有区块模板：允许用户在编辑器中将任意一块区域保存为

项目私有模板，以便随时在项目中复用。

数据源

数据源可以声明变量、远程数据源或连接器，用于动态展示

数据。在组件的属性配置上可以绑定数据源。

动作面板

动作面板可以用来编写JavaScript代码，来实现一些更定制化的需求。

•动作面板支持动作绑

定，指的是将“组件

的动作”和“动作面

板中定义的函数”进

行绑定。

•动作面板支持直接书

写JS代码定义函数。

支持书写debugger进

行断点调试。

属性配置面板

属