[发明专利]基于Vue组件的参数页面动态生成方法及装置有效
申请号: | 202010598257.7 | 申请日: | 2020-06-28 |
公开(公告)号: | CN111782211B | 公开(公告)日: | 2023-08-18 |
发明(设计)人: | 陈顺友;刘鸿羽;张棋刚;莫永波 | 申请(专利权)人: | 中国工商银行股份有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F8/76;G06F16/958 |
代理公司: | 北京三友知识产权代理有限公司 11127 | 代理人: | 王涛;任默闻 |
地址: | 100140 北*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 vue 组件 参数 页面 动态 生成 方法 装置 | ||
本发明提供了一种基于Vue组件的参数页面动态生成方法及装置,基于Vue组件的参数页面动态生成方法包括:根据参数编号获取参数页面的配置信息;根据所述配置信息,利用Vue组件动态选取控件,并注入所述控件的属性;根据所述配置信息以及所述属性动态生成所述参数页面。本发明提供的基于Vue组件的参数页面动态生成方法及装置,可以实现与后台系统的高度解耦,能快速与不同的后端进行集成,实现参数页面的快速开发,提升整个应用的研发效率。
技术领域
本发明涉及计算机数据处理技术领域,特别是涉及一种基于Vue组件的参数页面动态生成方法及装置。
背景技术
参数页面是各类业务系统必不可少的内容之一,开发团队很大一部分精力需要投入到页面开发,例如:实现增删改查的数据处理等,此类操作具有相同的特点:将页面的控件与后台参数表的字段进行映射,实现数据的存储与维护,其本身并不存在复杂的处理逻辑;同时页面的控件类型多样,如基于字典的下拉框,日期选择,文本输入,数字录入,每个控件有不同的校验规则与取数逻辑。传统的实现方法一般是基于后台配置,在应用服务器上根据参数配置动态生成页面(如JSP或Servlet),最终在浏览器上进行展示,可以理解的是,基于HTML的页面,在前端实现上无法进行很好的组件封装,需要依赖于后端代码对页面元素进行动态管理,整个实现方式与后台深度绑定,无法与各种不同的后台系统实现灵活的适配。
发明内容
针对现有技术中的问题,本发明提供的基于Vue组件的参数页面动态生成方法及装置,可以实现与后台系统的高度解耦,能快速与不同的后端进行集成,实现参数页面的快速开发,提升整个应用的研发效率。
为解决上述技术问题,本发明提供以下技术方案:
第一方面,本发明提供一种基于Vue组件的参数页面动态生成方法,包括:
根据参数编号获取参数页面的配置信息;
根据所述配置信息,利用Vue组件动态选取控件,并注入所述控件的属性;
根据所述配置信息以及所述属性动态生成所述参数页面。
一实施例中,基于Vue组件的参数页面动态生成方法还包括:根据菜单查找到与所述菜单绑定的参数编号。
一实施例中,基于Vue组件的参数页面动态生成方法还包括:在生成所述参数页面的过程中,通过Ajax的方式调用后台数据库接口,以与所述后台数据库进行交互。
一实施例中,所述根据所述配置信息以及所述属性动态生成所述参数页面包括:
通过所述后台数据库接口获取与所述配置信息对应的参数配置信息;
根据所述参数配置信息选择对应的控件;
根据预生成的顺序组装所述控件,以生成所述参数页面。
一实施例中,所述控件包括:日期选择控件,文本输入控件以及下拉选择控件。
第二方面,本发明提供一种基于Vue组件的参数页面动态生成装置,包括:
配置信息获取单元,用于根据参数编号获取参数页面的配置信息;
控件选取单元,用于根据所述配置信息,利用Vue组件动态选取控件,并注入所述控件的属性;
参数页面生成单元,用于根据所述配置信息以及所述属性动态生成所述参数页面。
一实施例中,基于Vue组件的参数页面动态生成装置还包括:
参数编号查找单元,用语言根据菜单查找到与所述菜单绑定的参数编号;
数据交互单元,用于通过Ajax的方式调用后台数据库接口,以与所述后台数据库进行交互;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国工商银行股份有限公司,未经中国工商银行股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010598257.7/2.html,转载请声明来源钻瓜专利网。
- 上一篇:一种中药煎药装置
- 下一篇:一种棒材线钢坯上料和计数的装置及方法