[发明专利]页面多语言展示方法、其装置、电子设备及计算机存储介质在审
申请号: | 201911310717.5 | 申请日: | 2019-12-18 |
公开(公告)号: | CN111061533A | 公开(公告)日: | 2020-04-24 |
发明(设计)人: | 方添荣;陈斯敏;周玖明 | 申请(专利权)人: | 深圳前海环融联易信息科技服务有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451 |
代理公司: | 深圳市精英专利事务所 44242 | 代理人: | 林燕云 |
地址: | 518000 广东省深圳市前海深港合作区前*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 语言 展示 方法 装置 电子设备 计算机 存储 介质 | ||
本发明涉及计算机技术领域,尤其涉及一种页面多语言展示方法、其装置、电子设备及计算机存储介质。该方法包括:设置包含多种语言数据的语言包;在所述Vue项目引入的Vuex插件中的状态管理属性中定义一个用于控制所述页面展示的语言的展示语言变量;获取用户的语言选择指令;根据所述语言选择指令,确定所述页面当前需要展示的目标语言;将所述展示语言变量设置为与所述目标语言相对应的值,以使所述页面展示所述目标语言。其利用插件Vuex中的状态管理属性实现了页面的国际化,可以支持多种语言的切换展示。而且不需要增加重复的前端页面,有利于提升页面响应速度和减少代码体积。
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面多语言展示方法、其装置、电子设备及计算机存储介质。
背景技术
随着经济全球化的不断推进,现有许多网站或者移动应用都需要实现国际化,支持以多种不同的语言进行展示(例如英语、中文、法语等)。传统的国际化实现方式是直接新增一个内容完全相同,仅展示语言不同的页面,根据用户的需要而切换至相应语言的页面。
这样的解决方式比较直接粗暴,在网站规模简单,需要支持的语言较少时可以很好的解决问题。但是随着支持语言的种类的增加,需要设置的页面数量也随之增加,导致代码冗余而且对日常维护工作造成极大的困难,极大的增加了开发成本。
现有还有通过引入第三方框架来实现前端多语言支持的方法。例如,i18n框架来克服需要新增多套页面的缺陷。但是第三方框架的引入会导致代码体积增加,项目加载变慢等的问题,对用户的体验有一定的影响。而且,现有的前端多语言展示方法在进行页面刷新后,会自行重置到默认语言。后端反馈至前端的数据也无法支持多语言展示。如何有效的提升页面多语言展示在用户使用过程中的体验,是目前亟待解决的问题。
发明内容
本发明的实施例提供了一种页面多语言展示方法、其装置、电子设备及计算机存储介质,用于解决现有页面多语言展示方法中的一种或者多种问题。
本发明实施例的第一方面提供了一种Vue项目的页面多语言展示方法。其中,所述方法包括:
设置包含多种语言数据的语言包;
在所述Vue项目引入的Vuex插件中的状态管理属性中定义用于控制所述页面展示的语言的展示语言变量;
获取用户的语言选择指令;
根据所述语言选择指令,确定所述页面当前需要展示的目标语言;
将所述展示语言变量设置为与所述目标语言相对应的值,以使所述页面展示所述目标语言。
可选地,所述展示语言变量的取值为会话存储保存的值。
可选地,所述语言包为json格式的数据;所述语言包中包含多个语言文件,每一个语言文件记录有一种语言数据,与一个属性值相对应。
可选地,将所述展示语言变量设置为与所述目标语言相对应的值,以使所述页面展示所述目标语言,具体包括:
确定所述目标语言对应的属性值;
通过所述属性值,访问对应的语言文件以读取目标语言数据;
将所述页面中所有与语言展示相关的字段替换为所述目标语言数据。
可选地,将所述页面中所有与语言展示相关的字段替换为所述目标语言数据,具体包括:
变量化所述页面中所有与语言展示相关的字段,形成对应的字段变量;
向所述字段变量返回对应的目标语言数据,以使所述页面中所有与语言展示相关的字段被替换为对应的语言。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于深圳前海环融联易信息科技服务有限公司,未经深圳前海环融联易信息科技服务有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911310717.5/2.html,转载请声明来源钻瓜专利网。