组件简介

一、简介

组件是将页面中的可重用部分抽象为独立的、功能完备且具有自我样式和行为的单元。通过组件机制,可以极大地提高代码复用率、降低维护成本以及加速开发进程。

组件也是一种元素,逻辑处理和展示形态依赖于页面元素。

极态提供了丰富的组件库,用户可以开发自定义组件。

二、展示效果

组件在运行时展示的样式,组件都有 PC端样式和移动端样式。

一般组件都支持 PC 端和移动端,个别组件(如导入组件、解析 Excel 组件)仅在 PC 端支持,详细见各个组件的文档说明。

以表格组件为例,在 PC 端和移动端有不同的展示效果。

(一)PC 端

image.png

(二)移动端

image.png

三、组件类型

image.png

Jit 提供的组件主要分为以下几类:

  • 视图组件:用于数据展示;
  • 表单组件:主要包括表单、批量编辑表单;
  • 操作组件:用于数据操作或页面交互;
  • 布局容器组件:用于页面布局;
  • 审批组件:用于处理审批数据。

四、组件初始化

image

对于需要设置数据源的组件(主要包含视图组件、表单组件和部分操作组件)在页面设计器拖入后,首先需要配置组件的数据源。配置项如下:

  • 数据模型:组件展示或操作的数据来源,模型类型有:数据表、聚合表、扩展表,不同组件支持的模型类型不同;
  • 筛选条件:对展示或操作的数据设置条件并过滤,不满足条件的数据不显示;
  • 排序规则:显示或操作的数据先后顺序的规则。

五、组件设计器

image.png

每个组件都有自己的设计器,可以修改组件的配置,每个组件的配置可查看各组件详情描述。

六、组件变量

组件变量是组件内部运行时对处理数据的变量标识。

组件变量的有只读、可读写两种状态:

  • 只读,其他组件可使用该组件变量,但是不可对该变量赋值
  • 可读写,其他组件可使用该组件变量,同时也可以对该变量赋值

七、组件函数

组件函数是运行组件的入口,组件函数的实际含义由每个组件单独定义。

组件支持有多个组件函数,组件函数的参数可以传入组件变量。

八、组件事件

image.png

组件在运行时交互所产生的动作就是组件对外输出的事件。通常事件触发时可以携带组件变量,方便其他组件使用。

九、组件权限

image.png

在给应用角色配置权限时,可以对页面中的组件进一步权限控制,有:

  • 按钮权限:组件内部的按钮,主要是视图组件、表单组件;
  • 数据源权限:对组件初始化数据源进一步控制权限;
  • 字段权限:控制组件显示的字段。

当然不是所有组件的权限控制都有以上三个部分,如果组件没有对应的模块,则不会有对应的权限配置,具体以每个组件的说明文档为准。

进一步了解极态云,体验产品?

请访问 极态云官网


极态云官方账号
1 声望0 粉丝

JIT 技术,为专业开发全面提速!极态云(jit)是一个基于全新软件开发理论(面向元素开发方法)、全新编程框架、全新开发工具、全新部署运行平台的企业级软件系统开发与运行平台,极大简化了应用系统的开发、部署...