一种基于Vue远程表单生成方法、计算机及存储介质技术

本发明专利技术提出一种基于Vue远程表单生成方法、计算机及存储介质。首先，新建API管理文件夹，为每个业务模块单独创建JS文件，将每个JS文件中的API封装为请求方法并导出；其次，在API管理文件夹外新建表单配置项文件，将生成符合系统业务逻辑需求的表单所需的属性转换为便于前端渲染的数据结构对象存储在表单配置项文件内并导出；再次，根据数据结构对象封装前端组件，设计组件props；再次，将API请求方法导入表单配置项文件；最后，将导入有API请求方法的表单配置项文件作为props传入封装公共组件。解决表单动态渲染时无法实时更新数据、灵活调用接口的问题。使项目组件化程度更高，提高开发效率与可维护性。提高开发效率与可维护性。提高开发效率与可维护性。

【技术实现步骤摘要】
一种基于Vue远程表单生成方法、计算机及存储介质


[0001]本申请涉及一种表单生成方法，尤其涉及一种基于Vue远程表单生成方法、计算机及存储介质，属于计算机应用


技术介绍

[0002]随着互联网的发展，传统行业智慧化已经成为一种趋势，应用于各种场景的管理系统开发需求增多。在现有的系统中，表单格式通常较为统一且固定，但表单的内容不同，需要为每个页面定制化开发，如此一来，弊端便逐渐显现，最常见的问题为重复代码多，项目文件大，不便于后期系统维护。
[0003]现有的一种可配置的表单生成方法，通过设计相应的表单配置项文件，根据其数据结构编写前端模板，使用时只需配置数据结构中相应参数的方式，将表单动态渲染出来。但现有这种方法仍存有诸多不足，首先，其表单配置项文件虽可由后台动态传入，但传入的内容在初次请求时已确定，不可更改，不能在其他模块影响该表单涉及数据时进行实时响应。再者，若表单需要定制化的交互体验时，请求动作便需要在表单项的特定事件中进行，但现有方法并不能满足该需求，现有方法无法实现在表单需要定制化的交互体验时，请求动作在表单项的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于Vue远程表单生成方法，其特征在于，包括以下步骤：步骤一、新建API管理文件夹，在API管理文件夹内为项目中的每个业务模块单独创建JS文件，并将每个JS文件中的API封装为请求方法并导出；步骤二、在API管理文件夹外新建表单配置项文件，将生成符合系统业务逻辑需求的表单所需的属性转换为便于前端渲染的数据结构对象存储在表单配置项文件内，并将其作为表单配置项导出；步骤三、根据步骤二得到的数据结构对象封装前端组件，设计组件props；步骤四、将步骤一导出的API请求方法导入至步骤二表单配置项文件中，并将该方法赋值给表单配置项api属性；步骤五、将步骤四所述导入有API请求方法的表单配置项文件作为props传入步骤三所述的封装前端组件，生成表单。2.根据权利要求1所述的一种基于Vue远程表单生成方法，其特征在于，步骤一所述封装因请求参数和返回结构做统一处理对请求方法进行二次封装。3.根据权利要求1所述的一种基于Vue远程表单生成方法，其特征在于，步骤二所述表单配置项属性包括，录入框的类型、绑定的字段以及需调用的接口和录入框特殊的配置项属性。4.根据权利要求3所述的一种基于Vue远程表单生成方法，其特征在于，步骤二所述在API管理文件夹外新建表单配置项文件，将生成符合系统业务逻辑需求的表单所需的属性转换为便于前端渲染的数据结构对象存储在表单配置项文件内的方法是，具体包括以下步骤：步骤二一、根据UI设计稿，整理系统需要的录入框类型，以及所属录入框类型需要定制化配置的属性；步骤二二、根据后台API文档，总结每种类型的录入框提交的字段结构，根据不同类型的录入框配置属性。5.根据权利要求4所述的一种基于Vue远程表单生成方法，其特征在于，步骤二所述表单配置项文件，还包括重置与查询的配置数据；所述配置数据的配置属性为按钮文字、作用和样式。6.根据权利要求5所述的一种基于Vue远程表单生成方法，其特征在于，步...

【专利技术属性】
技术研发人员：林涛，覃榆珊，许华杰，刘星，
申请(专利权)人：深圳市城市交通规划设计研究中心股份有限公司，
类型：发明
国别省市：