【技术实现步骤摘要】
一种基于VUE实现动态模板展示的方法及相关产品
[0001]本申请涉及人工智能
,特别是涉及一种基于
VUE
实现动态模板展示的方法及相关产品
。
技术介绍
[0002]随着互联网和移动设备的普及,前端开发已成为计算机科学中最重要和最活跃的领域之一
。
而在前端开发中,由于传统的静态模板难以满足动态数据展示和交互的需求,需要在前端应用程序中实现动态模板的展示和更新,因此对于动态模板的需求日益增长
。
[0003]VUE
是一种轻量级
、
易于上手的前端框架,具有简单的
API、
高效的性能和灵活的组件化架构,受到越来越多开发者的欢迎
。
传统的动态模板展示方案,一般需要手动编写模板代码且模板代码通常是静态的,难以动态修改,不太适合大规模应用程序的开发,从而导致动态模板的展示具有灵活性差,效率低的问题
。
[0004]因此,如何在保证动态模板展示效率的同时提高其灵活性,是本领域技术人员急需解决的
【技术保护点】
【技术特征摘要】 【专利技术属性】
1.
一种基于
VUE
实现动态模板展示的方法,其特征在于,所述方法包括:利用
VUE
路由加载应用程序当前页面对应的第一动态模版,并进行展示;当所述应用程序的后台输入数据发生变化时,读取所述后台输入数据;结合所述后台输入数据确定对应的
VUE
组件;利用所述
VUE
组件对所述第一动态模板进行更新,得到第二动态模板;实时展示所述第二动态模板
。2.
根据权利要求1所述的方法,其特征在于,所述利用
VUE
路由加载应用程序当前页面对应的第一动态模版,并进行展示之前,还包括:构建
VUE
组件库以及所述
VUE
组件库中各
VUE
组件与不同数据间的对应关系;所述
VUE
组件库包括:表格
、
图表
、
弹窗以及自定义组件
。3.
根据权利要求2所述的方法,其特征在于,所述利用
VUE
路由加载应用程序当前页面对应的第一动态模版,并进行展示,包括:确定用户的访问请求;所述访问请求包括:待访问页面的页面编号;根据预设的页面编号与
VUE
路由的对应关系,确定与所述访问请求对应的第一
VUE
路由;根据预设的
VUE
路由与
VUE
组件的对应关系,从所述
VUE
组件库中确定与所述第一
VUE
路由对应的第一
VUE
组件;利用所述第一
VUE
组件加载所述待访问页面的第一动态模版,并进行展示
。4.
根据权利要求3所述的方法,其特征在于,所述结合所述后台输入数据确定对应的
VUE
组件,包括:结合所述
VUE
组件库中各
VUE
组件与不同数据间的对应关系,利用所述后台输入数据确定对应的第二
VUE
组件
。5.
根据权利要求4所述的方法,其特征在于,所述利用所述
VUE
技术研发人员:戴维,
申请(专利权)人:中国银行股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。