[发明专利]页面多语言展示方法、其装置、电子设备及计算机存储介质

说明书

本发明涉及计算机技术领域，尤其涉及一种页面多语言展示方法、其装置、电子设备及计算机存储介质。该方法包括：设置包含多种语言数据的语言包；在所述Vue项目引入的Vuex插件中的状态管理属性中定义一个用于控制所述页面展示的语言的展示语言变量；获取用户的语言选择指令；根据所述语言选择指令，确定所述页面当前需要展示的目标语言；将所述展示语言变量设置为与所述目标语言相对应的值，以使所述页面展示所述目标语言。其利用插件Vuex中的状态管理属性实现了页面的国际化，可以支持多种语言的切换展示。而且不需要增加重复的前端页面，有利于提升页面响应速度和减少代码体积。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面多语言展示方法、其装置、电子设备及计算机存储介质。

背景技术

随着经济全球化的不断推进，现有许多网站或者移动应用都需要实现国际化，支持以多种不同的语言进行展示(例如英语、中文、法语等)。传统的国际化实现方式是直接新增一个内容完全相同，仅展示语言不同的页面，根据用户的需要而切换至相应语言的页面。

这样的解决方式比较直接粗暴，在网站规模简单，需要支持的语言较少时可以很好的解决问题。但是随着支持语言的种类的增加，需要设置的页面数量也随之增加，导致代码冗余而且对日常维护工作造成极大的困难，极大的增加了开发成本。

现有还有通过引入第三方框架来实现前端多语言支持的方法。例如，i18n框架来克服需要新增多套页面的缺陷。但是第三方框架的引入会导致代码体积增加，项目加载变慢等的问题，对用户的体验有一定的影响。而且，现有的前端多语言展示方法在进行页面刷新后，会自行重置到默认语言。后端反馈至前端的数据也无法支持多语言展示。如何有效的提升页面多语言展示在用户使用过程中的体验，是目前亟待解决的问题。

发明内容

本发明的实施例提供了一种页面多语言展示方法、其装置、电子设备及计算机存储介质，用于解决现有页面多语言展示方法中的一种或者多种问题。

本发明实施例的第一方面提供了一种Vue项目的页面多语言展示方法。其中，所述方法包括：

设置包含多种语言数据的语言包；

在所述Vue项目引入的Vuex插件中的状态管理属性中定义用于控制所述页面展示的语言的展示语言变量；

获取用户的语言选择指令；

根据所述语言选择指令，确定所述页面当前需要展示的目标语言；

将所述展示语言变量设置为与所述目标语言相对应的值，以使所述页面展示所述目标语言。

可选地，所述展示语言变量的取值为会话存储保存的值。

可选地，所述语言包为json格式的数据；所述语言包中包含多个语言文件，每一个语言文件记录有一种语言数据，与一个属性值相对应。

可选地，将所述展示语言变量设置为与所述目标语言相对应的值，以使所述页面展示所述目标语言，具体包括：

确定所述目标语言对应的属性值；

通过所述属性值，访问对应的语言文件以读取目标语言数据；

将所述页面中所有与语言展示相关的字段替换为所述目标语言数据。

可选地，将所述页面中所有与语言展示相关的字段替换为所述目标语言数据，具体包括：

变量化所述页面中所有与语言展示相关的字段，形成对应的字段变量；

向所述字段变量返回对应的目标语言数据，以使所述页面中所有与语言展示相关的字段被替换为对应的语言。