基于Vue.js的移动端组件库的应用方法、装置及移动端组件库.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113934414A(43)申请公布日2022.01.14(21)申请号202111074072.7(22)申请日2021.09.14(71)申请人南方电网深圳数字电网研究院有限公司地址518053广东省深圳市南山区沙河街道高发社区侨香路智慧广场D栋501、502、601、602(72)发明人易文峰赵铭唐智林祥洲马鸿超(74)专利代理机构广州三环专利商标代理有限公司44202代理人肖宇扬(51)Int.Cl.G06F8/34(2018.01)G06F8/38(2018.01)权利要求书2页说明书11页附图5页(54)发明名称基于Vue.js的移动端组件库的应用方法、装置及移动端组件库(57)摘要本发明公开了一种基于Vue.js的移动端组件库的应用方法、装置及移动端组件库，该应用方法包括：获取基于Vue.js的移动端组件库对应的注册信息，并根据注册信息对移动端组件库进行注册，移动端组件库包括多个组件，基于移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例，向组件实例发送业务需求所需的参数，以触发组件实例根据参数执行图形界面渲染以及配置业务需求对应的业务功能的操作以响应当前场景。可见，实施本发明通过已注册的移动端组件库生成组件实例，并根据参数组件实例进行图形界面渲染以及对应的业务功能的配置，使组件的搭建和模块化封装自动化，有利于提高移动应用的开发效率以及降低开发成本。CN113934414ACN113934414A权利要求书1/2页1.一种基于Vue.js的移动端组件库的应用方法，其特征在于，所述方法包括：获取基于Vue.js的移动端组件库对应的注册信息，并根据所述注册信息对所述移动端组件库进行注册，所述移动端组件库包括多个组件；当检测到所述移动端组件库注册完成之后，基于所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例；向所述组件实例发送所述业务需求所需的参数，以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务功能的操作以响应所述当前场景。2.根据权利要求1所述的基于Vue.js的移动端组件库的应用方法，其特征在于，所述组件包括：基础组件、表单组件、弹出层组件、滚动组件中的其中一种；其中，所述基础组件包括图形组件与布局组件，用于生成移动端交互的图形与布局；所述表单组件包括多个表单控件，用于设置校验条件，并根据所述校验条件对用户在所述移动端上输入的表单数据进行校验；所述弹出层组件，用于接收用户通过所述移动端输入的参数，并解析所述用户针对交互弹出层输入的参数，向对应的业务逻辑提供回调函数；所述滚动组件，用于提供Android/iOS原生滚动体验的滚动列表。3.根据权利要求1或2所述的基于Vue.js的移动端组件库的应用方法，其特征在于，所述根据所述注册信息对所述移动端组件库进行注册之后，所述方法还包括：向所述移动端对应的移动应用添加所述移动端组件库中预设的Vue自定义指令，并根据所述Vue自定义指令生成对应指令效果的图形交互界面；其中，所述图形交互界面包括所述组件实例，所述组件实例用于对所述移动应用的子页面模块的搭建。4.根据权利要求3所述的基于Vue.js的移动端组件库的应用方法，其特征在于，所述方法还包括：解析所述组件实例发送的输入事件，得到针对所述图形交互界面包含的参数信息，并将所述参数信息以预设的方式发送至所述业务逻辑，以触发所述业务逻辑执行与所述输入事件相匹配的操作；其中，所述组件实例发送的输入事件表示为所述组件实例接收到的所述用户通过所述移动端的所述图形交互界面执行操作时所触发的事件。5.根据权利要求4所述的基于Vue.js的移动端组件库的应用方法，其特征在于，所述将所述参数信息以预设的方式发送至所述业务逻辑，包括：将所述参数信息以回调方式发送至所述业务逻辑，所述回调方式为所述回调函数传递参数的方式；或，将所述参数信息以事件方式发送至所述业务逻辑，所述事件方式为事件对象传递参数的方式。6.一种基于Vue.js的移动端组件库的应用装置，其特征在于，所述装置包括：获取模块，用于获取基于Vue.js的移动端组件库对应的注册信息，所述移动端组件库包括多个组件；注册模块，用于根据所述获取模块获取到的所述注册信息对所述移动端组件库进行注册；2CN113934414A权利要求书2/2页生成模块，用于当检测到所述移动端组件库注册完成之后，基于所述注册模块注册后的所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例；发送模块，用于向所述生成模块生成的所述组件实例发送所述业务需求所需的参数，以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务