一种基于控件式的自定义表单的创建与使用方法技术

本发明专利技术公开了一种基于控件式的自定义表单的创建与使用方法，包括以下步骤：控件库的加载；进入表单配置页面，系统调用对应的配置页面代码，并在这些代码中，运行该页面的代码，在运行到控件库的代码的时候，将控件库的代码临时加载到数据结构A中；控件库的解析；调用储存了临时控件库代码的数据结构A，将控件库中的每一个控件细分出来，再对每一个控件的定义代码进行解析，系统将解析出来的控件定义代码临时存储到数据结构B中。本发明专利技术自定义表单能够满足不同情况下的业务需求，减轻了开发人员对不同业务表单的开发压力，拓展出多个业务层面，也能够大大提升业务人员的工作效率。

【技术实现步骤摘要】
一种基于控件式的自定义表单的创建与使用方法
本专利技术涉及自动办公系统
，尤其涉及一种基于控件式的自定义表单的创建与使用方法。
技术介绍
在现在讲求效率的社会中，公司内部的办公协作效率则显得更加重要。在公司内部中，经常会有很多的单子需要提交，如请假、调休、外勤等等，每次需要提交并处理这些单子的时候，提交人都需要找对应的负责人进行确认并签名，这就会浪费很多的时间在沟通上，大大地提升了沟通的成本。而如果根据业务上的不同，需要开发人员进行不同的单子开发的话，又会提升了开发成本。所以现提出了一种基于控件式的自定义表单的创建与使用方法。
技术实现思路
基于
技术介绍
存在的技术问题，本专利技术提出了一种基于控件式的自定义表单的创建与使用方法。本专利技术提出的一种基于控件式的自定义表单的创建与使用方法，包括以下步骤：S1：控件库的加载；进入表单配置页面，系统调用对应的配置页面代码，并在这些代码中，运行该页面的代码，在运行到控件库的代码的时候，将控件库的代码临时加载到数据结构A中；S2：控件库的解析；调用储存了临时控件库代码的数据结构A，将控件库中的每一个控件细分出来，再对每一个控件的定义代码进行解析，系统将解析出来的控件定义代码临时存储到数据结构B中；S3：控件库的渲染；系统先从数据结构B中取出每一个控件的定义代码，并且对定义代码中的对控件图标、文字的定义代码进行解析，再根据定义了控件图标、文字的代码进行调用，在前端页面中渲染出每一个控件的定义图标、文字，并且形成一个控件库，由表单编辑人使用；S4：从控件库中拖动控件进入空白表单，生成自定义表单；S5：进行表单中拖入控件的属性配置，赋予每一个控件不同的业务性质，生成对应的业务表单；S6：生成的业务表单与公司内部的自定义流程系统配合，进行流转；S7：表单根据数据进行流程走向的判断；流转中利用表单数据进行流程的流转，流程的任意节点中，服务端接收到完成当前任务的指令后，判断关键的控件项中的数据，进行流程中所设定的规则判断，服务端根据判断的结果，进行流程下一个任务节点的寻找；S8：建立前端与服务端的数据连接；前端通过url对服务端进行访问检测，服务端解析头部信息，并返回数据包，前端接收数据包建立与服务端的连接；S9：流转节点中对表单数据进行修改；将工单的数据在页面上进行展示，点击编辑按钮进入工单数据编辑页面，对允许编辑的工单控件进行数据的编辑，编辑完成后，点击保存，系统自动返回到工单页面，并显示已经修改后的数据。优选地，所述S4中拖动控件的具体步骤为：先点击对应控件的定义图标，在空白表单中生成对应的控件实例，再根据业务的特性，拖动控件到想要对应的表单位置。优选地，所述S5中的属性配置包括基础属性配置和高级属性配置，其中基础属性配置包括标题配置、提示文字配置和校验条件配置，其中高级属性配置包括选项配置、选项设置配置和可选范围配置。优选地，所述S5中对拖入控件进行配置还涉及与具体业务的相关：成员控件与公司内部的人员进行关联，由表单编辑人进行范围的划定，并在划定的范围内与公司内部的人员进行关联；部门控件，与公司内部的组织架构进行关联，由表单编辑人进行范围的划定，并在划定的范围内进行与公司内部的组织架构进行关联。优选地，所述S5中生成的业务表单属于一个实例，具有唯一性和可变性。优选地，所述S7中进行流程中所设定的规则判断的具体步骤为：服务端将获取的流程信息处理成查询语句，查询数据并对数据进行映射处理，判断数据是否合理，再取出规则中的标准值，将数据与标准值比较，得出结果并返回结果。本专利技术中的有益效果为：1.自定义表单能够满足不同情况下的业务需求，减轻了开发人员对不同业务表单的开发压力，拓展出多个业务层面，也能够大大提升业务人员的工作效率。2.从自定义表单的角度出发，将填写项抽象出一个个控件，可以根据业务需求进行控件的拖动，并进行配置，使用该单进行公司内部的协作与办公，减轻了开发人员的开发压力，也降低了提交人与处理人之间的沟通成本，大大地提升了公司内部的办公和协作效率。附图说明图1为本专利技术提出的一种基于控件式的自定义表单的创建与使用方法的流程示意图；图2为本专利技术提出的一种基于控件式的自定义表单的创建与使用方法的规则判断的具体步骤示意图；图3为本专利技术提出的一种基于控件式的自定义表单的创建与使用方法的建立前端与服务端的数据连接的具体步骤示意图；图4为本专利技术提出的一种基于控件式的自定义表单的创建与使用方法的前端页面与服务端的数据传递的具体步骤示意图；图5为本专利技术提出的一种基于控件式的自定义表单的创建与使用方法的数据加载和处理的具体步骤示意图；图6为本专利技术提出的一种基于控件式的自定义表单的创建与使用方法的渲染过程的具体步骤示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。参照图1，一种基于控件式的自定义表单的创建与使用方法，包括以下步骤：控件库的加载：进入表单配置页面，系统调用对应的配置页面代码，并在这些代码中，运行该页面的代码，在运行到控件库的代码的时候，将控件库的代码临时加载到数据结构A中；控件库的解析：调用储存了临时控件库代码的数据结构A，将控件库中的每一个控件细分出来，再对每一个控件的定义代码进行解析，系统将解析出来的控件定义代码临时存储到数据结构B中；控件库的渲染；系统先从数据结构B中取出每一个控件的定义代码，并且对定义代码中的对控件图标、文字的定义代码进行解析，再根据定义了控件图标、文字的代码进行调用，在前端页面中渲染出每一个控件的定义图标、文字，并且形成一个控件库，由表单编辑人使用；从控件库中拖动控件进入空白表单，点击控件并进行拖动，系统先记录点击时候鼠标与控件的初始位置，当进行拖动的时候，系统获取出移动后鼠标的变更后位置，再通过鼠标变更后的位置与点击时候的初始位置进行相减，得出对应的位置偏移量，再用控件的初始位置与算出的位置偏移量进行相加，得出控件拖动后的位置，接着系统也将控件移动到对应的位置坐标，则相当于控件被用户成功移动，生成自定义表单；进行表单中拖入控件的属性配置，其中属性配置包括基础属性配置和高级属性配置，其中基础属性配置包括标题配置、提示文字配置和校验条件配置，其中高级属性配置包括选项配置、选项设置配置和可选范围配置，属性配置赋予每一个控件不同的业务性质，生成对应的业务表单，生成的业务表单属于一个实例，该实例是由原有表单的定义中生成的，具有唯一性，有自身的标识id，与其它由同样的表单定义生成的实例不相同，还具有可变性，业务表单实例中的数据可以变化，并不引起其它表单实例的变化；在流转的过程中，表单中所配置的属性和提交时候的数据会根据流程的业务需求，进行一定的判断，并决定下面流程的走向；其中对控件的标题进行设置本文档来自技高网...

【技术保护点】
1.一种基于控件式的自定义表单的创建与使用方法，其特征在于，包括以下步骤：/nS1：控件库的加载；进入表单配置页面，系统调用对应的配置页面代码，并在这些代码中，运行该页面的代码，在运行到控件库的代码的时候，将控件库的代码临时加载到数据结构A中；/nS2：控件库的解析；调用储存了临时控件库代码的数据结构A，将控件库中的每一个控件细分出来，再对每一个控件的定义代码进行解析，系统将解析出来的控件定义代码临时存储到数据结构B中；/nS3：控件库的渲染；系统先从数据结构B中取出每一个控件的定义代码，并且对定义代码中的对控件图标、文字的定义代码进行解析，再根据定义了控件图标、文字的代码进行调用，在前端页面中渲染出每一个控件的定义图标、文字，并且形成一个控件库，由表单编辑人使用；/nS4：从控件库中拖动控件进入空白表单，生成自定义表单；/nS5：进行表单中拖入控件的属性配置，赋予每一个控件不同的业务性质，生成对应的业务表单；/nS6：生成的业务表单与公司内部的自定义流程系统配合，进行流转；/nS7：表单根据数据进行流程走向的判断；流转中利用表单数据进行流程的流转，流程的任意节点中，服务端接收到完成当前任务的指令后，判断关键的控件项中的数据，进行流程中所设定的规则判断，服务端根据判断的结果，进行流程下一个任务节点的寻找；/nS8：建立前端与服务端的数据连接；前端通过url对服务端进行访问检测，服务端解析头部信息，并返回数据包，前端接收数据包建立与服务端的连接；/nS9：流转节点中对表单数据进行修改；将工单的数据在页面上进行展示，点击编辑按钮进入工单数据编辑页面，对允许编辑的工单控件进行数据的编辑，编辑完成后，点击保存，系统自动返回到工单页面，并显示已经修改后的数据。/n...

【技术特征摘要】
1.一种基于控件式的自定义表单的创建与使用方法，其特征在于，包括以下步骤：
S1：控件库的加载；进入表单配置页面，系统调用对应的配置页面代码，并在这些代码中，运行该页面的代码，在运行到控件库的代码的时候，将控件库的代码临时加载到数据结构A中；
S2：控件库的解析；调用储存了临时控件库代码的数据结构A，将控件库中的每一个控件细分出来，再对每一个控件的定义代码进行解析，系统将解析出来的控件定义代码临时存储到数据结构B中；
S3：控件库的渲染；系统先从数据结构B中取出每一个控件的定义代码，并且对定义代码中的对控件图标、文字的定义代码进行解析，再根据定义了控件图标、文字的代码进行调用，在前端页面中渲染出每一个控件的定义图标、文字，并且形成一个控件库，由表单编辑人使用；
S4：从控件库中拖动控件进入空白表单，生成自定义表单；
S5：进行表单中拖入控件的属性配置，赋予每一个控件不同的业务性质，生成对应的业务表单；
S6：生成的业务表单与公司内部的自定义流程系统配合，进行流转；
S7：表单根据数据进行流程走向的判断；流转中利用表单数据进行流程的流转，流程的任意节点中，服务端接收到完成当前任务的指令后，判断关键的控件项中的数据，进行流程中所设定的规则判断，服务端根据判断的结果，进行流程下一个任务节点的寻找；
S8：建立前端与服务端的数据连接；前端通过url对服务端进行访问检测，服务端解析头部信息，并返回数据包，前端接收数据包建立与服务端的连接；
S9：流转节点中对表单数据进行修改；将工单的数据在页面上进行展示，点击编辑按钮进入工单数据编辑页面，对允许编辑的工单控件进行数据...

【专利技术属性】
技术研发人员：黄铭恩，
申请(专利权)人：广州凡科互联网科技股份有限公司，
类型：发明
国别省市：广东;44