[发明专利]基于Vue组件的参数页面动态生成方法及装置

说明书

本发明提供了一种基于Vue组件的参数页面动态生成方法及装置，基于Vue组件的参数页面动态生成方法包括：根据参数编号获取参数页面的配置信息；根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；根据所述配置信息以及所述属性动态生成所述参数页面。本发明提供的基于Vue组件的参数页面动态生成方法及装置，可以实现与后台系统的高度解耦，能快速与不同的后端进行集成，实现参数页面的快速开发，提升整个应用的研发效率。

技术领域

本发明涉及计算机数据处理技术领域，特别是涉及一种基于Vue组件的参数页面动态生成方法及装置。

背景技术

参数页面是各类业务系统必不可少的内容之一，开发团队很大一部分精力需要投入到页面开发，例如：实现增删改查的数据处理等，此类操作具有相同的特点：将页面的控件与后台参数表的字段进行映射，实现数据的存储与维护，其本身并不存在复杂的处理逻辑；同时页面的控件类型多样，如基于字典的下拉框，日期选择，文本输入，数字录入，每个控件有不同的校验规则与取数逻辑。传统的实现方法一般是基于后台配置，在应用服务器上根据参数配置动态生成页面(如JSP或Servlet)，最终在浏览器上进行展示，可以理解的是，基于HTML的页面，在前端实现上无法进行很好的组件封装，需要依赖于后端代码对页面元素进行动态管理，整个实现方式与后台深度绑定，无法与各种不同的后台系统实现灵活的适配。

发明内容

针对现有技术中的问题，本发明提供的基于Vue组件的参数页面动态生成方法及装置，可以实现与后台系统的高度解耦，能快速与不同的后端进行集成，实现参数页面的快速开发，提升整个应用的研发效率。

为解决上述技术问题，本发明提供以下技术方案：

第一方面，本发明提供一种基于Vue组件的参数页面动态生成方法，包括：

根据参数编号获取参数页面的配置信息；

根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；

根据所述配置信息以及所述属性动态生成所述参数页面。

一实施例中，基于Vue组件的参数页面动态生成方法还包括：根据菜单查找到与所述菜单绑定的参数编号。

一实施例中，基于Vue组件的参数页面动态生成方法还包括：在生成所述参数页面的过程中，通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互。

一实施例中，所述根据所述配置信息以及所述属性动态生成所述参数页面包括：

通过所述后台数据库接口获取与所述配置信息对应的参数配置信息；

根据所述参数配置信息选择对应的控件；

根据预生成的顺序组装所述控件，以生成所述参数页面。

一实施例中，所述控件包括：日期选择控件，文本输入控件以及下拉选择控件。

第二方面，本发明提供一种基于Vue组件的参数页面动态生成装置，包括：

配置信息获取单元，用于根据参数编号获取参数页面的配置信息；

控件选取单元，用于根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；

参数页面生成单元，用于根据所述配置信息以及所述属性动态生成所述参数页面。

一实施例中，基于Vue组件的参数页面动态生成装置还包括：

参数编号查找单元，用语言根据菜单查找到与所述菜单绑定的参数编号；

数据交互单元，用于通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互；