YOTOO自定义表单系统——办公教学好助手
随着信息化水平的提高，越来越多的流程实现了线上化，这些功能实现的背后普遍有着大量的重复表单需要处理，不但占用了开发人员大量时间，还存在需求响应慢、重复开发量多的问题。为应对此类问题，YOTOO采用自定义表单来实现数据的动态渲染、数据收集、表单数据绑定、表单验证、代码文件生成等功能，既能快速响应需求，又节省了大量的开发工作量。
图：系统登录界面
-
自定义表单：用户可根据业务场景需求进行托、拉、拽自行定义表单模板；
-
自定义流程：基于自定义表单为基础的流程自定义，与自定义表单为依赖关系。
一、工作原理
Form-Making基于Vue和elementUI实现，内置了i18n国际化解决方案，提供了表单设计器(MakingForm)和表单生成器(GenerateForm)两个组件，通过表单设计器快速设计出表单页面，生成可配置JSON数据和可直接运行的Vue文件代码，表单生成器基于生成的JSON数据可以快速渲染出表单页面，其原理如图所示：
二、总体架构
YOTOO在Form-Making的基础功能之上进行了扩展。
一是对基础组件的种类进行了扩充，如人员机构组件、组件多层嵌套、UFile文件上传等组件的扩展。
二是实现了自定义表单的数据处理功能，由于管理需要大量的统计查询功能，基于MySQL的JSON类型实现了表单数据查询、统计下载、表单间的关联等一系列数据处理功能。
三、功能介绍
-
表单组件包含：填空题、单选题、多选题、下拉题、日期、时间等；
-
支持拖拉拽新建、编辑表单的组成内容；
-
支持手机、电脑的两种预览模式。
-
支持多种类型：包括表单、问卷、投票、考试测评等；
-
支持增删改查表单（表单=表单模板）；
-
支持表单实例管理：能够按创建的表单增加表单真实实例（实例包含数据），并可进行增删改查等操作。
-
流程组件包含：节点（开始、业务、结束），环节（流转的线条）、节点的操作人员等 ；
-
支持自定义方式新建流程：指定表单模板，指定流程节点，指定流程流转环节，可采用拖拉拽方式实现。
-
支持增删改查流程(流程模板)；
-
支持预览：节点概况式查询流程模板（查看节点和环节）；
-
支持使用流程模板创建流程实例，并进行增删改查等操作（实例按照模板设置，自动流转，进行流程处理）。
- 用户可自行设置业务场景（请假、外出等），并根据场景需求进行托、拉、拽自行定义表单模板。
四、产品亮点
