流程表单开发设计器设计方案

目 录

  • 前言
  • 设计功能
    • 使用场景模拟

      • 快速开发表单
      • 表单使用
    • 主要功能
      • 表单设计器功能
      • 其他相关功能
    • 数据存储设计
  • Demo界面及功能
    • 表单设计器

      • 表单设计器功能界面整体原型
      • 定义数据项目
      • 表单字段属性定义

前言

原办公业务流程平台审批单使用业务数据(横向)表纵向存储的思路,所有流程所使用的业务表单的数据都存在一张物理表中,表中每条数据记录包含列的(Column)定义和值(Value),列(Column)所对应的字段信息,通过定义表来定义。这种设计需要使用代码进行数据组装,比较繁琐。当表单内容较大时,界面展现速度较慢,而且此方案很难支撑查询统计需求。

为了满足用户可自定义快速开发流程表单的需求,并解决上述方案的不足,采用NoSQL技术来优化设计,因为NoSQL无需事先为要存储的数据建立字段,随时可以存储自定义的数据格式。按NoSQL的特性,可以灵活进行schema结构(列的定义)的修改,理论上应该可以很好支持这些动态表单的持久化保存。

基于上述文档数据库管理思路,采用审批单(表单)模版,以及NoSQL与关系型数据库相结合的方案,设计目标如下:

  • 使用用户化工具设计审批单(模版)
  • 按规范规则,定义审批单关键数据项,例如如下统一命名关键数据项,标题、部门、关键数值(例如统计、流程流转规则所需要的)、时间等
  • 审批单(模版)通过业务信息管理进行版本化管理
  • 审批单数据存储分为两部分:一是关键字段内容,随同流程数据存储到关系型数据库中;整个表单(含HTML、CSS、JavaScript、图标等)连同数据内容,以文档整体对象存储到NoSQL数据库中
  • 审批单上所涉及到的CSS、JS、图标等资源性文件,需要进行版本管理(在数据库中只保存他们的URL);

注:“模版”为管理概念,通过业务信息管理上线使用的表单可以定义为模版,依赖业务信息进行版本管理。

设计功能

使用场景模拟

1.快速开发表单

Created with Rapha?l 2.1.2运维人员运维人员表单设计器表单设计器MongoDBMongoDB表单信息管理表单信息管理1.按需求绘制表单()2.定义表单数据项()3.生成HTML文档()4.保存文档到数据集()5.发布开发完成表单()

2.表单使用

Created with Rapha?l 2.1.2运维人员运维人员业务信息管理业务信息管理表单信息管理表单信息管理流程等其他环节流程等其他环节MongoDBMongoDB1.新建业务()2.添加表单()3.展现表单列表()4.选择表单()5.略......()6.提取表单文档并形成缩略图()7.解析表单关键信息()8.保存业务信息()9.更新表单使用状态()

主要功能

表单设计器功能

  • 布局管理:增加/删除表单布局区块
  • 编辑表单标题:
  • 表单内容管理:在区块内按行管理,增加1行1栏、1行2栏、1行3栏、1行4栏,删除行
  • 添加表单字段:定义表单字段名称、显示名称、数据i类型、验证等
  • 表单样式管理:选择预设CSS样式
  • 获取界面源码文档:
  • 保存表单:保存表单文档到MongoDB数据库中
  • 表单信息管理:发布表单到表单信息表中(MongoDB中的ID、时间、标题、创建人、状态、描述等)

其他相关功能

  • 解析表单关键字功能:解析按规范规则所定义的字段关键字,以及将来所提供统计数据接口的数据定于
  • 生成表单缩略图:生产静态表单或图片
  • 表单预览:预览所设计表单,可以与“生成表单缩略图”通用

数据存储设计

业务文档的数据一般情况下分为三部分:业务文档数据、意见数据和附件。三部分数据在本项目中保存在MongoDB数据中,表单文档和意见文档保存在collections集合中,其中附件保存的db.fs.files集合中,三部分数据以内嵌文档方式保存。

附近存储使用GridFS。GridFS是一种将大型文件存储在MongoDB的文件规范。

Demo界面及功能

表单设计器

表单设计器功能界面整体原型

定义数据项目

表单字段属性定义

属性类型:

  • 单行文本
  • 多行文本
  • 下拉列表
  • 日期时间
  • 复选控件
  • 单选控件
  • 表格控件

格式化类型

  • 字符(abc)
  • 数字(3.14)
  • 电子邮件([email protected])
  • 网址(www.10010.com)

注:下拉列表数据内容,最好来自数据库事先定义。

参考:

从原理分析审批流表单配置功能使用的问题 肖永威 2014.2

在BPM动态可配置表单中使用NoSQL技术可行性分析——通用流程化应用审批单设计思路(二) 肖永威 2014.12

用MongoDB数据库来管理办公系统中文档型的表单和信息——通用流程化应用审批单设计思路(二,续) 肖永威 2015.1

时间: 2024-11-05 12:19:38

流程表单开发设计器设计方案的相关文章

流程管理中WEB表单开发服务需求分析及设计思路

在流程管理应用中,BPM产品所提供的表单设计工具,主要是面向开发人员的.而一些办公系统产品所提供的表单设计工具,受自身平台限制,无法在大型定制化应用中使用.在此通过对用户需求分析,提出WEB表单开发服务设计思路. 一.需求分析 现如今,在创新与改革社会环境推动下,办公管理系统的管理需求变化已经是常态了,如何让信息系统快速响应支撑管理需求的多变,已经成为使信息化建设和运维人员头痛的事情.特别是在一些大型企事业单位,快速支撑需求更突出.而原有信息系统很难适应这样的需求,必须走创新的路来解决这些需求,

如何提高码农产量,基于java的web快速开发平台之自定义表单开发随笔

老板 :下班前一定写完? 程序猿:可以,下班前能一定给! 第二天早上上班~~~ 老板:这都第二天了,怎么没写完? 程序猿:我还没有下班呢! 哎!程序猿的痛啊 公司上线的项目有不少销售记录表,又是报价单,又是仓储表,还有什么请假单之类的.一开始,还觉得不就一些表单吗,有什么难的.结果,实际进行起来,才发现,字段什么的是不难,难的是整体的架构啊!每张表的架构都不一样,又不能套用,每个控件的布局啊,表格的宽度和高度,都要自己慢慢去试.这样就非常麻烦了,在开发了几张表单之后,我真的是有些难以忍受了. P

如何提高码农产量,基于ASP.NET MVC的敏捷开发框架之自定义表单开发随笔四

"厂长,上一次我们讲过了工作流的整体规划,今天我要动手做啦!我想先把工作流的自定义表单做出来." "好的,以前我做这方面的东西,我给你设计了一份表结构,你先拿去看看." "厂长,是不是没发完,怎么就一个表?" "我就知道你会这么问,我现在给你解释一下重点字段的含义." 数据表:将表单上的内容保存到哪个表. 关联表的主键:要保存表单数据那张表的主键. 是否需要建表:是否需要把表单中的数据存入到表中,这里的意思是,是将表单上面的栏

表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

单选按钮:<input type="radio"> 多行文本框:<textarea rows="5" cols="30"></textarea> 下拉菜单:seclet option <select name="home" ><!--下拉列表--> <option value="北 京">北 京</option> <o

基于vue开发的一款强大的表单设计器,支持element和antd-vue表单快速开发。

基于 vue 和 element-ui 实现的表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,支持生成element 和 antd-vue 表单,让表单开发简单而高效. 在线预览 使用文档 特性 可视化配置页面 提供栅格布局,并采用flex实现对齐 一键预览配置的效果 一键生成配置json数据 一键生成代码,立即可运行 提供自定义组件满足用户自定义需求 提供远端数据接口,方便用户需要异步获取数据加载 提供功能强大的高级组件 支持表单验证 快速获取表单数据 国际化支持 组件

[转]Uipath、BluePrism、AA产品对比之设计器篇

本文转自:https://www.jianshu.com/p/53d0d33a1a35 版本说明: Uipath V2018.3.2,BluePrism V6.3,Automation Anywhere 11.2 Uipath (UP) 新建 UP的产品思路是从易于开发者安装和使用开始,本质是以自建工程起步的单机版开发工具,尽管目前版本的名字已经从NewProject改名成NewProcess ,但本质上每个人新建的还是一个工程文件. 熟悉Visio Studio 等任何一款软件开发工具的朋友就

流程设计器jQuery + svg/vml(Demo7 - 设计器与引擎及表单一起应用例子)

去年就完成了流程设计器及流程引擎的开发,本想着把流程设计器好好整理一下,形成一个一步一步的开发案例,结果才整理了一点点,发现写文章比写代码还累,加上有事情要忙,结果就.. 明天要去外包驻场了,现把流程设计器最终实现的效果及应用案例放到网上(Demo),欢迎大家围观,欢迎园友们提出宝贵意见. 1.流程设计器整体外观 2.流程实例名称设置 3.活动审批人设置 4.条件公式设置 以上是流程设计器的实现效果. 接下来想向园友们推荐一下我这几年来用业余时间做的一个云考勤系统(大部分时间花在做流程设计器.流

工作流引擎之流程设计器和自定义表单设计器

发一个预览版的工作流设计器和表单设计器,后续问题继续探讨工作流引擎原理和设计器 原理,其中部分设计素材来源于网络. 演示地址: http://211.149.216.199/frame/frame.action 账号:flow密码:flow 交流QQ群:163383141 1.工作流设计器 2.自定义表单设计器

电子面单开发流程

电子面单开发流程 开放平台开发(登录.注册.登记,接口API和文档界面展示) 外网文档资格申请界面(查询.发送邮件.审核动作.删除) 电子面单平台界面(增删改查) 电子面单单号类型维护表(增删改查,方便后期统计) 网点客户信息维护界面开发(增删改查.审核.查余额.修改密码.发送短信通知) 网点自己充值(网点余额增加,余额变化记录增加一条数据,事务提交) 网点给客户充值(网点余额减少,余额变化记录增加一条数据,充值记录增加一条数据,事务提交) 网点给客户充值生成单号明细是一个服务程序(发放记录需要