ZeroCloud 低代码开发平台
首页
用户手册
开发者手册
首页
用户手册
开发者手册
  • 用户手册

    • 产品简介
    • 快速入门
    • 工作台
    • 流程门户
    • 应用管理
    • 组织管理
    • 数据管理
    • 业务建模

      • 表单管理

        • 表单设计
        • 组件说明

          • 添加组件
          • 复制替换
          • 删除组件
        • 设置说明

          • 设置属性
          • 设置校验
          • 设置事件
        • 基础组件

          • 标题
          • 文字
          • 图片
          • 按钮
          • 链接
          • 分割线
          • 网页
        • 布局组件

          • 表单区块
          • 网格布局
          • 标签页
          • 明细表格
          • 明细区域
        • 功能组件

          • 输入文本
          • 日期时间
          • 单项选择
          • 多项选择
          • 下拉选择
          • 计数器
          • 开关
          • 滑块
          • 评分
          • 上传附件
          • 选择用户
          • 选择部门
          • 选择数据
          • 选择颜色
          • 富文本
          • UEditor
          • 条形码
          • 二维码
          • 添加明细行
          • 流程审批
          • 历史流程
      • 表单模型

        • 模型设计
        • 用法示例
      • 视图管理

        • 视图设计
        • 基础组件

          • 文字
          • 按钮
          • 图片
          • 链接
          • 分割线
          • 标签
          • 网页
          • Html
        • 布局组件

          • 页头
          • 容器
          • 网格
          • 区块
          • 卡片
          • 标签页
        • 模态组件

          • 对话框
          • 抽屉
        • 数据展示

          • 表格
          • 数据表格
          • 树
          • 数据树
          • 轮播图
          • 日历
          • 图表
          • 时间线
          • 步骤条
          • 宫格
          • 进度条
          • 分页
          • 标记
        • 数据输入

          • 表单/表单项
          • 文本框
          • 开关
          • 日期选择
          • 单项选择
          • 多项选择
          • 下拉选择
          • 滑块
          • 评分
      • 逻辑编排
      • 自定义组件
      • 报表管理
    • 流程设计

      • 流程定义

        • 流程设计
        • 节点配置
        • 办理人配置
      • 决策定义
      • 我的任务
      • 流程运维
      • 流程监控
    • 安全管理

      • 用户组
      • 安全角色
      • 权限资源
      • 权限分配
    • 系统监控

      • 系统监控
  • 开发者手册

    • 安装部署

      • 环境要求
      • 生产环境
    • 技术架构

      • 技术栈
    • API 文档

      • 概述
      • PC端 JS-API

        • 全局变量
        • PC表单
        • PC视图
      • 移动端 JS-API

        • 移动端
        • 移动表单
        • 移动视图
      • 服务端 API

        • 流程
        • 表单模型
        • 任务调度
        • 自定义服务
    • 常用案例

      • PC表单

        • 表单数据
        • 表单校验
        • 生命周期
        • 组件事件
        • 扩展方法
      • PC视图

      • 移动表单

      • 移动视图

      • 自定义服务

        • 写在案例之前
        • 环境搭建
        • Swagger 文档
        • 前台通用请求方式
        • 自定义返回值
        • ajax 参数
        • 按钮点击给明细表赋值
        • 表单展示接口报错
        • 数据选择使用ajax
        • 数据源使用后台接口
        • 根据临时变量的值给后台传参
        • 批量删除
        • 删除按钮
        • 入库判断库存
        • 表单调用后台自定义接口
        • 后台发起流程
        • 出库校验
        • 视图调用后台自定义接口
  • 视频教程

    • 培训视频

      • 2024-08-30
  • 常见问题

    • 问题反馈

表单设计

表单的设计界面一共分为五个部分,上部分为预览发布区,左侧为核心功能页签和组件选择区,中间为表单布局设计区,右侧为属性配置区。

  • 界面分区:
  • 功能:

表单由各个组件组成,例如文本输入、下拉选择、选择用户、选择部门、明细表格组件等。

可以实现单表操作、多表关联、多表嵌套、联合计算、汇总数据等多种常用表单业务处理模式,用来填报各种数据,用作流程审批的基础。

  • 使用方法:

通过拖拽的方式,将组件拖入表单布局设计区,设置表单属性和组件属性后,点击发布即可。

  • 路径:【业务建模】➜【表单管理】➜【PC表单】➜【创建分组】➜【创建表单】➜【添加组件】➜【设置属性】➜【保存】

增加分组

选中【全部分组】右键【创建分组】并保存。

更改分组

创建表单发布后,更改表单分组

返回表单列表页,点击需要移动表单的右下角更多(...),选择【移动至新分组】

选择需要移至的分组,点击【确定】

新建表单

新建表单,需要添加组件、设置数据标题和保存表单。

  • 路径:

【业务建模】➜【表单管理】➜【创建分组】➜【创建表单】

  • 选中分组,点击【新建】

设置表单属性

在表单属性中可以设置表单名称、编码、宽度、位置、描述等信息。

新增数据表

点击【数据表定义】——【新增数据表】,先选择数据源,再选择对应的数据表,最后点击确认。

添加组件

从左侧的组件存放区中依次拖动所需要的组件,请注意根据需求合理选择组件。

也可以使用绑定的数据表字段进行表单设计,点击【组件库】右侧【表字段】拖入相应字段即可。

移动组件位置

当组件位置需要调整时,点击组件,鼠标移动到左上角位置,拖至合适位置。

替换组件

当组件类型需要调整时,点击组件,鼠标移动到左下角位置,点击替换按钮,可直接选择要替换为的组件。

设置组件属性

根据不同组件的特性,属性配置区自动展示相关组件内容。

选中组件,可以设置组件属性、数据校验、事件。

清空

点击【清空】按钮,当前数据表所有相关组件和属性将被清空。

刷新

点击【刷新】,刷新当前表单。未发布的内容将被清空。

导入导出

点击【导入】,可以选择需要被导入的表单文件。 点击【导出】,可以将表单导出为json文件。

自动构建

1、点击核心功能页签中的【数据表】菜单,确保用于表单构建的数据表已添加完整,如需补充请点击【新增数据表】按钮进行添加。若更改数据表结构,需要点击【更新结构】,根据明细表是否需要自动创建行,来决定是否勾选【自动创建行】

2、点击核心功能页签中【设计视图】表单布局设计区左上角【快速构建】,会有提示,点击确定。

3、快速构建配置

1)网格列数,根据需求调整表字段信息,点击加号(+)或减号(-)增加或减少网格列数。此列数为主表构建后每行所含的列数,如设置为3,则构建后的主表均为3列结构。

2)快速构建生成模式分为三种:全部字段,已选字段,忽略字段

  • 全字段代表所有字段均会构建到表单中。

  • 已选字段,用户可以根据需要选择构建字段(相应字段前点击选择即可),例如一些表单含TaskID、ID、编号等只需要存储不需要展示时,可不在表单中进行构建。

  • 按规则忽略模式,不需要进行构建的字段添加后,构建时将自动忽略。

4、设置完成,点击构建即可生成相应的表单,可在自动构建的表单基础上再进行人工调整适配。

发布表单

表单设计完成后点击右上角发布按钮,发布表单即可完成。