[发明专利]生成前端交互界面的方法和装置

说明书

技术领域

本申请实施例涉及计算机技术领域，具体涉及计算机网络技术领域，尤其涉及一种生成前端交互界面的方法和装置。

背景技术

在Web应用中，当最终用户通过非编程方式调整控件的一些配置项时，如何有效直观的向用户呈现该控件的属性并正确的接收用户输入，是一项繁琐而复杂的工作，尤其在控件数量庞大、配置项又不尽相同时。

现有的技术方案中，有代表性的调整控件的方法为对象表示法的表单模式(JSON schema-form)系列，可以基于传统的网页表单形式来组织交互界面，以及通过对象表示法(JSON)对象来描述属性类型及配置界面。

发明内容

本申请实施例的目的在于提出一种生成前端交互界面的方法和装置。

第一方面，本申请实施例提供了一种生成前端交互界面的方法，包括：响应于接收用户输入的配置界面生成指令，呈现控件的预编辑代码；接收用户输入的对于控件的预编辑代码中配置项界面参数的定义；基于对于控件的预编辑代码中的配置项界面参数的定义，生成前端交互界面。

在一些实施例中，基于控件的预编辑代码中的配置项界面参数的定义，生成前端交互界面包括：基于对于控件的预编辑代码中的配置项界面参数的定义，呈现对于配置项界面参数中的配置项类型的预编辑代码；接收用户在配置项类型的预编辑代码中对于配置项类型的定义；基于控件的预编辑代码中的配置项界面参数的定义、对于配置项类型的定义，生成前端交互界面。

在一些实施例中，配置项类型支持设定校验参数。

在一些实施例中，配置项类型所支持设定的校验参数包括以下一项或多项：配置项类型支持设定JavaScript原始数据类型：数值、布尔、字符串、数组，以及基于数组实现的枚举、列表；配置项类型支持设定指定列表类型的配置项的列表元素类型；配置项类型支持设定枚举类型的有效值集合；配置项类型支持设定字符类型的最大最小长度、正则验证；配置项类型支持设定数值类型的最大最小验证；配置项类型支持设定配置项的必需填写；配置项类型支持设定配置项的自定义的验证函数。

在一些实施例中，配置项界面参数的数据格式采用键值对格式，键值对的键标识配置项，键值对的值采用键值对格式标识配置项交互元素的参数。

在一些实施例中，交互元素的参数包括以下一项或多项：配置项交互元素类型；配置项在配置界面中的标题；配置项在配置界面中的布局定位；以及配置项交互元素类型的独有参数。

第二方面，本申请实施例提供了一种生成前端交互界面的装置，包括：控件代码呈现单元，用于响应于接收用户输入的配置界面生成指令，呈现控件的预编辑代码；界面参数定义单元，用于接收用户输入的对于控件的预编辑代码中配置项界面参数的定义；交互界面生成单元，用于基于对于控件的预编辑代码中的配置项界面参数的定义，生成前端交互界面。

在一些实施例中，交互界面生成单元包括：呈现类型代码单元，用于基于对于控件的预编辑代码中的配置项界面参数的定义，呈现对于配置项界面参数中的配置项类型的预编辑代码；接收类型定义单元，用于接收用户在配置项类型的预编辑代码中对于配置项类型的定义；生成交互界面单元，用于基于控件的预编辑代码中的配置项界面参数的定义、对于配置项类型的定义，生成前端交互界面。

在一些实施例中，交互界面生成单元中的配置项类型支持设定校验参数。

在一些实施例中，交互界面生成单元中的配置项类型所支持设定的校验参数包括以下一项或多项：配置项类型支持设定JavaScript原始数据类型：数值、布尔、字符串、数组，以及基于数组实现的枚举、列表；配置项类型支持设定指定列表类型的配置项的列表元素类型；配置项类型支持设定枚举类型的有效值集合；配置项类型支持设定字符类型的最大最小长度、正则验证；配置项类型支持设定数值类型的最大最小验证；配置项类型支持设定配置项的必需填写；配置项类型支持设定配置项的自定义的验证函数。

在一些实施例中，界面参数定义单元中的配置项界面参数的数据格式采用键值对格式，键值对的键标识配置项，键值对的值采用键值对格式标识配置项交互元素的参数。

在一些实施例中，界面参数定义单元中的交互元素的参数包括以下一项或多项：配置项交互元素类型；配置项在配置界面中的标题；配置项在配置界面中的布局定位；以及配置项交互元素类型的独有参数。