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

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

      • 表单管理

        • 表单设计
        • 组件说明

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

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

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

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

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

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

        • 视图设计
        • 基础组件

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

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

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

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

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

      • 流程定义

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

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

      • 系统监控
  • 开发者手册

    • 安装部署

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

      • 技术栈
    • API 文档

      • 概述
      • PC端 JS-API

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

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

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

      • PC表单

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

      • 移动表单

      • 移动视图

      • 自定义服务

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

    • 培训视频

      • 2024-08-30
  • 常见问题

    • 问题反馈

快速入门

此处以一个常用的采购申请单为例,展示ZeroCloud中常用的重要功能

新建用户

创建组织

  • 选择组织管理 -> 部门成员菜单,在部门成员页面点击新建单位按钮
  • 在打开的编辑单位对话框中,输入单位编码、单位名称和单位描述,点击保存

创建部门

单位中不能直接新建和添加成员,必须在单位下级新建部门

  • 右键点击要创建部门的单位,选择新建部门选项
  • 在打开的编辑部门页面中输入部门编码、部门名称、部门级别、展示顺序、部门地址和部门描述,点击保存按钮

创建成员

  • 选择要创建成员的部门,点击添加成员按钮,选择新成员选项
  • 在打开的编辑部门成员页面中,输入用户的相关信息,点击保存

连接数据库

  • 选择数据管理 -> 数据源菜单,打开数据源页面
  • 在打开编辑数据源对话框中,首先选择数据库类型,默认为SQLServer,可以修改成MySql或Oracle,然后修改连接字符串中的地址和端口等配置,填入数据源编码、数据源名称、用户名、密码,修改完成后,点击保存

请根据实际情况,配置您的数据源信息,图中数据仅做演示

设计表单

创建分组

  • 根据自身业务需求,可以创建对应的分组,用来管理表单

创建表单

  • 选择业务建模 -> 表单管理 -> PC表单,选择要创建表单的分组,点击新建按钮新建表单

配置表单

  • 选择基础信息页签,打开基础信息页面
  • 在打开的基础信息页面中修改表单的基本信息
  • 选择数据表定义页签,打开数据表定义页面
  • 点击新增数据表按钮,打开选择数据表对话框,在数据源配置项中选择刚才添加的数据源,在下方的数据表配置项中选择需要使用的数据表
  • 添加完成后,勾选 ZeroCloudData.purchase_t后的明细表复选框,标识该表为明细表

表单设计

ZeroCloud允许根据数据源快速生成表单,节省了重复操作

  • 选择设计视图页签,打开设计视图页面
  • 在打开的设计视图页面上,点击顶部工具栏中的快速构建按钮,快速根据数据源生成表单

示例的数据表结构如下,大家可以模仿创建 主表:

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for purchase_m
-- ----------------------------
DROP TABLE IF EXISTS `purchase_m`;
CREATE TABLE `purchase_m` (
  `id` int(0) NOT NULL AUTO_INCREMENT,
  `request_user` varchar(50) NULL DEFAULT NULL,
  `request_date` datetime(0) NULL DEFAULT NULL,
  `sn` varchar(50) NULL DEFAULT NULL,
  `phone` varchar(50) NULL DEFAULT NULL,
  `reason` varchar(1000) NULL DEFAULT NULL,
  `amount` decimal(18, 2) NULL DEFAULT NULL,
  `str1` varchar(50) NULL DEFAULT NULL,
  `str2` int(0) NULL DEFAULT NULL,
  `attachments` varchar(300) NULL DEFAULT NULL,
  `request_user_code` varchar(50) NULL DEFAULT NULL,
  `request_dept` varchar(50) NULL DEFAULT NULL,
  `request_dept_code` varchar(50) NULL DEFAULT NULL,
  `business_key` varchar(36) NULL DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=479 DEFAULT CHARSET=utf8mb4;

明细表:

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for purchase_t
-- ----------------------------
DROP TABLE IF EXISTS `purchase_t`;
CREATE TABLE `purchase_t` (
  `id` int(0) NOT NULL AUTO_INCREMENT,
  `order_index` int(0) NULL DEFAULT NULL,
  `item_name` varchar(50) NULL DEFAULT NULL,
  `item_cat` varchar(50) NULL DEFAULT NULL,
  `price` decimal(18, 2) NULL DEFAULT NULL,
  `qty` decimal(18, 2) NULL DEFAULT NULL,
  `unit` varchar(50) NULL DEFAULT NULL,
  `sub_total` decimal(18, 2) NULL DEFAULT NULL,
  `item_code` varchar(50) NULL DEFAULT NULL,
  `business_key` varchar(36) NULL DEFAULT NULL,
  `request_date` datetime(0) NULL DEFAULT NULL,
  `work_user` varchar(50) NULL DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE,
  INDEX `business_key` (`business_key`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=657 DEFAULT CHARSET=utf8mb4;

  • 根据实际情况选择需要展示的数据,点击构建
  • 系统会根据数据表中的字段自动生成表单结构
  • 修改表单区块的名称
  • 从组件列表中拖动标题组件到顶端,为表单增加标题
  • 点击右上角发布按钮,发布表单

设计流程

创建流程

  • 选择流程管理 -> 流程定义,选择要创建流程的分组,点击新建按钮新建流程

配置流程

  • 选择基础信息页签,打开基础信息页面,修改流程相关信息
  • 在默认表单 -> PC表单中,选择刚才创建的表单,点击保存
  • 选择设计视图页签,打开设计视图页面,系统默认生成了一条基本的流程

配置节点

  • 配置开始节点使用的表单
  • 在打开的选择表单对话框中选择刚才创建的采购申请单
  • 点击编辑表定义按钮,配置开始节点中使用的数据表
  • 在打开的数据表定义窗口中,选择要使用的数据表,点击保存
  • 选择要配置的审核节点,点击添加办理人按钮
  • 选择当前节点的办理人,点击保存i

发布流程

  • 点击右上角的发布按钮,发布当前编辑的流程

发起流程

后台测试

  • 在主菜单选择流程管理 -> 流程定义,点击发起操作
  • 填写表单内容,点击提交按钮
  • 在主菜单选择流程应用 -> 我的任务,进入我的任务页面
  • 点击刚才提交的表单,进入审核页面
  • 审核完成,点击上方的同意按钮,通过此申请

前台测试

  • 在主菜单切换主页,由后台管理 切换为 流程门户
  • 在主菜单选择流程发起 -> 流程库,选择流程,直接点击
  • 填写表单内容,点击提交按钮
  • 在主菜单选择待办事项 -> 我的任务,进入我的任务页面
  • 点击刚才提交的表单,进入审核页面
  • 审核完成,点击上方的同意按钮,通过此申请
Prev
产品简介
Next
工作台