Skip to content

页面介绍

认识设计器

我们将设计器分为如下区域:

【1】文件面板

用于展示和维护应用种的模块、页面、数据表、工作流。

模块是包含特定功能的 HTML 部件。用户能够通过低码可视化方式设计模块布局。该功能仅在平台自带的 “低码平台” 应用中出现。

  • 公共模块类型的模块

会出现在组件模块面板中,可供普通用户使用;

  • 组件配置类型的模块

需要通过代码引入该模块,在二次开发中由程序员使用。

页面指的是 HTML 页面。用户能够通过低码可视化的方式来设计页面布局,并且可以将设计好的页面发布到 Bladex 系统的菜单中。

数据表既是数据库中的数据表,同时也是用于增加、修改该表数据的页面。

用户可通过低码可视化方式设计一个数据表的增加、修改页面,页面中的组件会自动映射为该数据表的字段。在第一次发布后,数据库中会增加对应的数据表。此后的修改,低码平台会自动根据映射关系维护数据表的表结构。

暂未开放。

【2】组件模块面板

展示设计器可以通过 拖拽/单击 来操作的组件/模块,

并根据组件功能的不同分别整合为 业务组件(仅在页面设计中出现)、布局组件、容器组件、展示组件、文本字段、数字输入、选择组件、日期和时间组件、特殊字段、按钮组件。

详情参见 组件面板

前文中的公共模块类型的模块。

【3】表单画布

可对表单字段进行拖拽调整位置、复制、删除等操作。

【4】操作区域

版本分为:设计中、启用中、历史。

  • 设计中:正在设计的页面、数据表等。增加删除组件等,不会变更当前正在使用的页面、数据表等。点击【发布】后,状态变为启用中,同时,页面、组件自动发布,数据表自动更新。

  • 启用中:正在使用的页面、数据表等。点击【创建新版本】,该版本变为历史,同时创建一个新版本,状态为设计中。拖拽新组件到当前布局设计器或删除组件,等同于点击【创建新版本】。

  • 历史:历史版本为启用过的版本。点击【发布】后,状态变为启用中,同时,页面、组件等自动按照该版本的设计自动发布,数据表自动更新。主要用于回滚版本。点击【创建新版本】,会基于该历史版本创建新本。

  • 保存

将当前设计保存到数据库中。

  • 终端适配(Pc、 Pad、 Mobile)

  • 撤销、重做

设计器提供撤销重做操作,防止自己操作出错后导致无法回退。

  • 导入模板

支持内置模板库和自定义的 JSON 导入,通过该功能可以方便的还原之前的表单设计内容。

预览可以查看设计的表单页面,并且可以通过该功能查看验证、获取表单数据等效果。

清空当前表单画布中的字段。

可以查看表单设计器配置的 JSON 信息。

  • 生成代码

可以生成直接使用的代码,默认为单文件组件风格的代码,也可以切换标签页查看在html中使用的代码。

【5】组件属性面板

对表单中组件的属性、样式、事件进行配置。

【6】大纲树面板

展示当前表单的结构树(组件类型、组件标识)。

【7】表单属性面板

配置表单的属性、自定义样式、数据源、事件等。