一种自定义表单控件间配置执行的方法技术

本发明专利技术公开了一种自定义表单控件间配置执行的方法，通过配置界面采用Angular2技术，独立出联动配置页面，获取控件列表，再经由内嵌的JS页面，通过各种编写的Angular2指令执行，通过拖拽方法、选择控件、三方植入、自由输入，经由业务人员自由配置的方式，同步生成联动逻辑文字描述，最后保存时由配置界面的根据逻辑文字描述，完成逻辑校验，转译成可执行的JS代码，并抽离功能依赖库，一并发送给使用页面，在使用界面中延迟联动功能执行到控件自身，提高页面加载的性能。提高页面加载的性能。提高页面加载的性能。

【技术实现步骤摘要】
一种自定义表单控件间配置执行的方法


[0001]本专利技术涉及表单应用开发
，尤其涉及一种自定义表单控件间配置执行的方法。

技术介绍

[0002]随着前端技术的发展，低代码是一种发展的趋势，特别是针对于表单提交这类大量使用、需求多变但差别不大，创新性比较低的页面，特别适合发展成低代码模式，由专业前端人员针对页面基础模块进行构造，然后提供给非前端专业的业务人员，针对每种业务场景进行表单的配置，便能生成各种业务类型的前端表单页面。
[0003]目前的可配置页面，更多的是注重控件的多样性，忽略了多控件之间的联动性，通常的是只能简单的配置可选控件的值、是否可见或者必填校验，缺陷是可配置的内容扁比较少，可配置的方式比较单一，通常为在配置界面和使用界面内内置相同功的能方法，且控件之间关系为一对一，或者使用了强耦合的框架结构进行联动配置，配置界面和执行界面必须同一套框架代码，但是由于框架的局限性，配置后可实现的联动方案比较固定(为预写入代码联动的固定方法)，不便利业务人员进行后期的扩展，不符合表单配置的高灵活化、广丰度的的特色。
[00本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种自定义表单控件间配置执行的方法，其特征在于，包括以下步骤：步骤1.点开配置页面，页面根据自定义的控件表单渲染出控件列表详情；步骤2.根据渲染的控件列表详情，选择联动触发的控件，和选择联动结果控件，形成控件多对对应关系；步骤3.在逻辑配置区域，通过输入、拖拽已有方法、植入三方方法，选择联动逻辑控件，配置文字形式逻辑关系；步骤4.经由页面对配置的联动进行检查，校验是否存在死循环，若有死循环告知用户检查，若无继续将配置的文件逻辑转译成可执行的JS代码块，并封装保存后发送给后端，同时提取执行块的依赖方法，抽离组装成依赖库发送给后端；步骤5.点开表单页面，此时从表单ID查询到联动配置ID，通过接口请求从后端请求到配置保存的联动触发配置、控件联动代码块、与执行方法依赖库，将根据触发关系将联动代码储存在对应的控件中，同时执行依赖库，声明所需要的依赖方法；步骤6.点击有配置联动的控件，触发其联动方法，从自身联动属性中截取出执行代码块并沙盒执行，若成功将按照配置的联动逻辑，对多控件进行取值、判断、运算，并将运算结果按照配置的方式触发其它控件的联动，进行链式触发，最终满足页面需要的逻辑联动。2.如权利要求1所述的一种自定义表单控件间配置执行的方法，其特征在于，联动控件关系配置界面通过Angualr2的Directive功能，定义各类辅助指令与功能类；通过getAllEle类，获取自定义表单的控件，抽离成独立的控件列表，脱离其控件自带的联动配置方式，进行多控件间的联动关系自由配置；针对每个控件生成唯一的联动的linkId供给联动模块linkage使用。3.如权利要求1所述的一种自定义表单控件间配置执行的方法，其特征在于，控件的触发端与作用端选择的同时，由createLink指令同步生成联动的对应关系，以单个或者多个控件联动影响多个或者单个控件的关系描述字符串形式，保存在该条linkage的linkTarget与linkResult，并根据配置的多条联动输入端输出端检测，校验出多条配置中的联动死循环情况。4.如权利要求1所述的一种自定义表单控件...

【专利技术属性】
技术研发人员：任瀚，
申请(专利权)人：四川启睿克科技有限公司，
类型：发明
国别省市：