【技术实现步骤摘要】
本专利技术涉及web开发前端领域,具体涉及一种可渲染具有依赖关系字段的表单渲染方法和系统。
技术介绍
1、web页面中的表单通常是由开发人员根据业务需求一个个预先开发好对应的表单,并在测试验收后部署到服务器供用户使用。在这种开发方式中,每增加一个表单配置需求,就需要新开发一个表单,然后测试验收部署,以此类推,这会造成效率低下、且人工成本较高的问题。
2、也有一些使用类似formily(官网:https://react.formilyjs.org/)或form-render(官网:https://xrender.fun/form-render)的表单渲染插件来渲染表单,前端通过后端接口获取表单的配置数据,再通过表单渲染插件渲染出表单。增加表单配置需求时,只需要后端根据需求对应增加一个相应的表单配置数据即可,这样的处理使得前端不需要重新开发。
3、目前formily、form-render这类插件对表单项之间的依赖,联动条件的配置通常是通过配置字符串表达式实现的。例如表单项字段type选择了1时,配置类似"form.
...【技术保护点】
1.一种可渲染具有依赖关系字段的表单渲染方法,其特征在于,方法包括:
2.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,表单渲染数据的格式包括若干个表单项名称、表单项类型、表单项禁用或可见的依赖关系配置、是否必填;
3.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第二步中,表单字段配置数据传参到表单渲染组件的具体处理方式如下:
4.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第三步中,对于字段中存在依赖配置时,解析对应字段的表单字段配置数据的过程进一步包
...【技术特征摘要】
1.一种可渲染具有依赖关系字段的表单渲染方法,其特征在于,方法包括:
2.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,表单渲染数据的格式包括若干个表单项名称、表单项类型、表单项禁用或可见的依赖关系配置、是否必填;
3.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第二步中,表单字段配置数据传参到表单渲染组件的具体处理方式如下:
4.根据权利要求1所述的可渲染具有依赖关系字段的表单渲染方法,其特征在于,在第三步中,对于字段中存在依赖配置时,解析对应字段的表单字段配置数据的过程进一步包括以下的步骤:
5.一种可渲染具有依赖关系字段的表单渲染方法,其特征在于,方法包括:
...【专利技术属性】
技术研发人员:徐天柱,李先铸,鲁兴林,
申请(专利权)人:上海驰骛信息科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。