一种可渲染具有依赖关系字段的表单渲染方法和系统技术方案

技术编号:42041844 阅读:23 留言:0更新日期:2024-07-16 23:25
本发明专利技术公开了可渲染具有依赖关系字段的表单渲染方法和系统,既满足常规的表单渲染需求,也满足具有依赖关系字段的表单渲染需求,提高表单开发效率,且配置规则简单,方便开发人员快速掌握,降低学习成本。其技术方案为:在表单渲染页面中,表单渲染组件通过接口请求得到单个表单渲染数据;将表单渲染数据转换为表单渲染组件所需的标准数据格式,再通过表单字段配置数据的参数传参到表单渲染组件;表单渲染组件遍历表单字段配置数据中的每个字段,若当前字段存在依赖配置,则解析出对应字段的表单字段配置数据,并应用到对应表单渲染组件控制禁用或可见的参数位置,得到渲染后的表单;渲染到目标页面表单所在位置。

【技术实现步骤摘要】

本专利技术涉及web开发前端领域,具体涉及一种可渲染具有依赖关系字段的表单渲染方法和系统


技术介绍

1、web页面中的表单通常是由开发人员根据业务需求一个个预先开发好对应的表单,并在测试验收后部署到服务器供用户使用。在这种开发方式中,每增加一个表单配置需求,就需要新开发一个表单,然后测试验收部署,以此类推,这会造成效率低下、且人工成本较高的问题。

2、也有一些使用类似formily(官网:https://react.formilyjs.org/)或form-render(官网:https://xrender.fun/form-render)的表单渲染插件来渲染表单,前端通过后端接口获取表单的配置数据,再通过表单渲染插件渲染出表单。增加表单配置需求时,只需要后端根据需求对应增加一个相应的表单配置数据即可,这样的处理使得前端不需要重新开发。

3、目前formily、form-render这类插件对表单项之间的依赖,联动条件的配置通常是通过配置字符串表达式实现的。例如表单项字段type选择了1时,配置类似"form.getfieldva本文档来自技高网...

【技术保护点】

1.一种可渲染具有依赖关系字段的表单渲染方法,其特征在于,方法包括:

2.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,表单渲染数据的格式包括若干个表单项名称、表单项类型、表单项禁用或可见的依赖关系配置、是否必填;

3.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第二步中,表单字段配置数据传参到表单渲染组件的具体处理方式如下:

4.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第三步中,对于字段中存在依赖配置时,解析对应字段的表单字段配置数据的过程进一步包括以下的步骤:...

【技术特征摘要】

1.一种可渲染具有依赖关系字段的表单渲染方法,其特征在于,方法包括:

2.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,表单渲染数据的格式包括若干个表单项名称、表单项类型、表单项禁用或可见的依赖关系配置、是否必填;

3.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第二步中,表单字段配置数据传参到表单渲染组件的具体处理方式如下:

4.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第三步中,对于字段中存在依赖配置时,解析对应字段的表单字段配置数据的过程进一步包括以下的步骤:

5.一种可渲染具有依赖关系字段的表单渲染方法,其特征在于,方法包括:

...

【专利技术属性】
技术研发人员:徐天柱李先铸鲁兴林
申请(专利权)人:上海驰骛信息科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1