网站的展示方法、装置、终端设备及存储介质与流程

文档序号:17488639发布日期:2019-04-23 20:12阅读:140来源:国知局
本发明涉及网站国际化
技术领域
:,尤其涉及一种网站的展示方法、装置、终端设备及存储介质。
背景技术
::目前,大多数国内前端开发者依然没有国际化开发的思维,网站也是一种软件产品,而且互联网的性质决定了绝大多数网站都是世界范围内可以访问的,所以对不同地区的使用者,需要提供当地化的语言界面。现在有些网站已经实现了国际化,但是方法仅局限于传统的字符串硬编码多个页面来切换,或者在一个页面里写入多个国家的语言界面,在运行时来切换,使得一个页面的代码看来非常庞大和复杂,从而造成进行国际化页面展示的难度。技术实现要素:本发明的主要目的在于提出一种网站的展示方法、装置、终端设备及存储介质,旨在降低国际化页面展示的难度。为实现上述目的,本发明提供一种网站的展示方法,所述网站的展示方法包括以下步骤:获取基于当前网站页面选取的待展示语言信息,其中,所述待展示语言信息中包括多个不同国家的语种;根据所述待展示语种信息调用预设区域的翻译工具,以使所述翻译工具对所述当前网站页面的页面内容进行翻译;获取所述翻译工具发送的翻译内容,并将所述翻译内容与当前网站页面的页面内容进行同步;将同步后的翻译内容在所述当前网站页面中进行展示。优选地,所述根据所述待展示语种信息调用预设区域的翻译工具,以使所述翻译工具对所述当前网站页面的页面内容进行翻译之前,所述方法还包括:获取所述翻译工具,并接收用户的写入指令,根据所述写入指令将所述翻译工具写入所述预设区域,在所述预设区域上设有运行接口,在接收语言选择指令时,通过所述运行接口调用所述预设区域中的翻译工具。优选地,所述根据所述待展示语种信息调用预设区域的翻译工具,以使所述翻译工具对所述当前网站页面的页面内容进行翻译,包括:提取所述翻译工具中的翻译语种,判断所述待展示语言信息中的语言语种是否存在所述在所述翻译语种中,在所述翻译语种中未存有所述语言语种时,自动加载所述语言语种,将加载后的语言语种对所述翻译工具进行更新,以使更新后的翻译工具对所述当前网站页面的页面内容进行翻译。优选地,所述根据所述待展示语种信息调用预设区域的翻译工具,以使所述翻译工具对所述当前网站页面的页面内容进行翻译,包括:提取所述翻译工具中的翻译语种,判断所述待展示语言信息中的语言语种是否存在所述在所述翻译语种中,在所述翻译语种中未存有所述语言语种时,向互联网发送加载请求,加载所述语言语种,并将加载后的语言语种对所述翻译工具进行更新,以使更新后的翻译工具对所述当前网站页面的页面内容进行翻译。优选地,所述获取所述翻译工具发送的翻译内容,并将所述翻译内容与当前网站页面的页面内容进行同步,包括:获取所述翻译工具发送的翻译内容,并通过渐进式框架vue.js将所述翻译内容与当前网站页面的页面内容进行双向绑定。优选地,所述获取所述翻译工具发送的翻译内容,并通过渐进式框架vue.js将所述翻译内容与当前网站页面的页面内容进行双向绑定,包括:获取所述翻译工具发送的翻译内容,将当前网站页面的页面内容通过双括号的方式进行指定,并标上预设标签信息,将标签信息指向所述翻译内容,将所述翻译内容与当前网站页面的页面内容进行双向绑定。优选地,所述将同步后的翻译内容在所述当前网站页面中进行展示之后,所述方法还包括:获取用户基于当前网站页面的切换指令,根据所述切换指令将同步后的翻译内容切换回当前网站页面的默认页面内容。此外,为实现上述目的,本发明还提出一种网站的展示装置,所述网站的展示装置包括:获取模块,用于获取基于当前网站页面选取的待展示语言信息,其中,所述待展示语言信息中包括多个不同国家的语种;翻译模块,用于根据所述待展示语种信息调用预设区域的翻译工具,以使所述翻译工具对所述当前网站页面的页面内容进行翻译;同步模块,用于获取所述翻译工具发送的翻译内容,并将所述翻译内容与当前网站页面的页面内容进行同步;展示模块,用于将同步后的翻译内容在所述当前网站页面中进行展示。此外,为实现上述目的,本发明还提出一种终端设备,所述终端设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的网站的展示程序,所述网站的展示程序配置为实现如上所述的网站的展示方法的步骤。此外,为实现上述目的,本发明还提出一种存储介质,所述存储介质上存储有网站的展示程序,所述网站的展示程序被处理器执行时实现如上文所述的网站的展示方法的步骤。本发明提出的网站的展示方法,通过获取用户选择的语言信息,根据所述语言信息调用翻译工具,根据所述翻译工具对当前展示页面的页面内容进行翻译,并将翻译后的页面内容与当前展示的页面内容进行同步,从而通过翻译工具实现对当前展示页面的翻译,而无需通过一个页面里写入多个国家的语言界面,降低国际化页面展示的难度。附图说明图1是本发明实施例方案涉及的硬件运行环境的终端设备结构示意图;图2为本发明网站的展示方法第一实施例的流程示意图;图3为本发明网站的展示方法第二实施例的流程示意图;图4为本发明网站的展示方法第三实施例的流程示意图;图5为本发明网站的展示装置第一实施例的功能模块示意图。本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。具体实施方式应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。参照图1,图1为本发明实施例方案涉及的硬件运行环境的终端设备结构示意图。如图1所示,该终端设备可以包括:处理器1001,例如cpu,通信总线1002、用户接口1003,网络接口1004,存储器1005。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(display)、输入单元比如按键,可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如wi-fi接口)。存储器1005可以是高速ram存储器,也可以是稳定的存储器(non-volatilememory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。本领域技术人员可以理解,图1中示出的终端设备结构并不构成对终端设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。如图1所示,作为一种存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及网站的展示程序。在图1所示的终端设备中,网络接口1004主要用于连接外网,与其他网络设备进行数据通信;用户接口1003主要用于连接用户终端,与终端进行数据通信;本发明终端设备通过处理器1001调用存储器1005中存储的网站的展示程序,并执行本发明实施例提供的网站的展示的实施方法。基于上述硬件结构,提出本发明网站的展示方法实施例。参照图2,图2为本发明网站的展示方法第一实施例的流程示意图。在第一实施例中,所述网站的展示方法包括以下步骤:步骤s10,获取基于当前网站页面选取的待展示语言信息,其中,所述待展示语言信息中包括多个不同国家的语种。需要说明的是,在当前网站页面上设有语言选取的控件,通过用户对控件的操作返回的参数从而确定用户需要当前网站页面展示的语言,例如用户通过当前网站页面的语言控件选取英语,从而可确定用户需要将当前网站界面展示为英语的语言,还可通过其他方式,例如可通过地理位置获取当前的位置信息,根据当前位置信息确定当前位置对应的语言信息。在本实施例中,所述待展示语言信息中包括多个不同国家的语种,例如英语,法语以及德语等,通过当前网站页面上的语言控件进行点击,可通过点击后的下拉菜单中展示可选择的语种信息。步骤s20,根据所述待展示语种信息调用预设区域的翻译工具,以使所述翻译工具对所述当前网站页面的页面内容进行翻译。需要说明的是,所述翻译工具可为翻译表,还可为其他实现相同或相似功能的翻译工具形式,本实施例对此不作限制,在本实施例中,以翻译表为例进行说明,将当前网站页面中单页面里面只编写指向不同语言配置环境的翻译表,根据运行时的环境监测自动切换语言环境。在具体实现中,可在网站开发阶段,在网站界面中植入翻译表,通过翻译表可对当前网站界面展示的文字进行翻译,从而避免在网站开发阶段为了实现国际化,需要多个页面来切换,或者在一个页面里写入多个国家的语言界面,通过页面加载过程中的翻译表即可实现对当前网站页面的翻译,提高页面进行国际化时的切换速度。可以理解的是,可将所述翻译表保存在预设区域,通过调用预设区域中的翻译表进行使用,可通过获取用户的语言选择的触发条件,实现对预设区域中的翻译表的调用。在本实施例中,翻译表的实现是一种可配置表的方式,可对翻译表的配置化管理,通过更新升级翻译表就可以实现页面的翻译和增加其他国家支持,不需要去修改原先的页面,从而降低页面的维护难度,例如获取当前界面选择需要翻译的语言为德语,在当前语种选择中未存有德语这个语种,在这种情况下,可通过接收用户的加载指令,根据所述加载指令对翻译表中的语种进行实时更新,从而可根据用户的需求进行灵活更新,提高用户体验。步骤s30,获取所述翻译工具发送的翻译内容,并将所述翻译内容与当前网站页面的页面内容进行同步。需要说明的是,所述翻译内容为翻译表做翻译的当前网站页面的页面内容,翻译表在翻译完成之后将翻译内容发送至前端显示界面进行相应的展示,从而实现通过翻译表实现国际化的页面展示,并且翻译表占用空间较少,提高页面的加载性能。在本实施例中,由于需要将当前网站页面的内容与翻译的内容进行同步展示,从而不会让用户感觉到有停顿,更大限度的提高用户体验,可将翻译内容与当前网站页面的页面内容进行绑定处理,实现翻译内容与当前网站页面的页面内容的同步。步骤s40,将同步后的翻译内容在所述当前网站页面中进行展示。本实施例通过上述方案,通过获取用户选择的语言信息,根据所述语言信息调用翻译工具,根据所述翻译工具对当前展示页面的页面内容进行翻译,并将翻译后的页面内容与当前展示的页面内容进行同步,从而通过翻译工具实现对当前展示页面的翻译,而无需通过一个页面里写入多个国家的语言界面,降低国际化页面展示的难度。进一步地,如图3所示,基于第一实施例提出本发明网站的展示方法第二实施例,在本实施例中,所述步骤s20之前,所述方法还包括:步骤s201,获取所述翻译工具,并接收用户的写入指令,根据所述写入指令将所述翻译工具写入所述预设区域,在所述预设区域上设有运行接口,在接收语言选择指令时,通过所述运行接口调用所述预设区域中的翻译工具。需要说明的是,为了实现当前网站页面的国际化处理,可在单个页面中编写指向不同语言配置环境的翻译工具,通过翻译工具对当前页面进行在线翻译。在具体实现中,接收用户的写入指令,根据所述写入指令将所述翻译工具写入页面中,在获取选择翻译语言的触发条件时,直接通过调用写入的翻译工具即可实现对当前网站页面的翻译,减少对于页面进行国际化处理的难度。进一步地,所述步骤s20,包括:步骤s202,提取所述翻译工具中的翻译语种,判断所述待展示语言信息中的语言语种是否存在所述在所述翻译语种中,在所述翻译语种中未存有所述语言语种时,自动加载所述语言语种,将加载后的语言语种对所述翻译工具进行更新,以使更新后的翻译工具对所述当前网站页面的页面内容进行翻译。在本实施例,还可对翻译文件进行配置管理,设有配置接口,通过配置接口对翻译文件进行语言扩展,例如在翻译文件中不支持法语翻译的情况下,可获取法语的翻译文件,将法语的翻译文件自动加载在当前的翻译文件中,实现对翻译文件的在线更新,从而使翻译文件更适合用户的实际需求,因为翻译表的配置化管理,更新升级翻译表就可以实现页面的翻译和增加其他国家支持,不需要去修改原先的页面。进一步地,步骤s20,包括:步骤s203,提取所述翻译工具中的翻译语种,判断所述待展示语言信息中的语言语种是否存在所述在所述翻译语种中,在所述翻译语种中未存有所述语言语种时,向互联网发送加载请求,加载所述语言语种,并将加载后的语言语种对所述翻译工具进行更新,以使更新后的翻译工具对所述当前网站页面的页面内容进行翻译。在本实施例中,除了通过接收用户的更新指令,通过更新指令对翻译工具进行加载,从而实现在线更新,还可通过互联网,通过互联网地翻译工具进行在线更新。在具体实现中,在未存有当前选择的翻译语言信息时,向互联网发送请求加载该语言的请求信息,在互联网响应该请求时,通过互联网对翻译表进行更新,从而实现自动的在线升级,提高网站的智能化。本实施例提供的方案,翻译工具具有可配置性,可根据当前的配置情况通过用户的需求以及通过互联网进行实时的在线更新,从而提高翻译工具的灵活性。进一步地,如图4所示,基于第一实施例或第二实施例提出本发明网站的展示方法第三实施例,在本实施例中,基于第一实施例进行说明,所述步骤s30,包括:步骤s301,获取所述翻译工具发送的翻译内容,并通过渐进式框架vue.js将所述翻译内容与当前网站页面的页面内容进行双向绑定。需要说明的是,所述双向绑定为根据所述翻译内容的改变对当前网站页面的页面内容的进行调整,从而实现所述翻译内容与当前网站页面的页面内容的同步。在本实施例中,为了实现翻译文件翻译当前网站页面的结果与当前网站页面的同步展示,通过vue.js框架的双向绑定特性实现翻译表和页面展示元素的绑定。所述vue.js框架是一个javascriptmvvm库,是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计,相比于angular.js,vue.js提供了更加简洁、更易于理解的应用程序编程接口(applicationprogramminginterface,api),vue.js采用数据劫持结合发布者-订阅者模式的方式,通过object.defineproperty()来劫持各个属性的,在数据变动时发布消息给订阅者,触发相应的监听回调。具体代码如下:访问器属性是对象中的一种特殊属性,它不能直接在对象中设置,而必须通过defineproperty()方法单独定义。varobj={};//为obj定义一个名为hello的访问器属性object.defineproperty(obj,"hello",{get:function(){returnsth},set:function(val){/*dosth*/}})obj.hello//可以像普通属性一样读取访问器属性访问器属性的"值"比较特殊,读取或设置访问器属性的值,实际上是调用其内部特性:get和set函数。obj.hello//读取属性,就是调用get函数并返回get函数的返回值obj.hello="abc"//为属性赋值,就是调用set函数,赋值其实是传参此例实现的效果是:随文本框输入文字的变化,span中会同步显示相同的文字内容;在js或控制台显式的修改obj.hello的值,视图会相应更新,从而实现了model=>view以及view=>model的双向绑定。进一步地,所述步骤s301,包括:步骤s302,获取所述翻译工具发送的翻译内容,将当前网站页面的页面内容通过双括号的方式进行指定,并标上预设标签信息,将标签信息指向所述翻译内容,将所述翻译内容与当前网站页面的页面内容进行双向绑定。在本实施例中,由于翻译文件与当前页面展示元素进行绑定,从而实现同步展示的效果,基于javascript双向绑定框架实现的翻译资源加载方式,即使用双大括号{{}}的方式,比如,{{lang_table1.key1}}就可以在需要翻译的位置加载特定语言表lang_table1的key1对应的语言字符串,例如在翻译文件中获取翻译后的网站信息为hello,在当前页面同步展示出hello,从而提高页面展示的效率,提高用户体验。进一步地,所述步骤s40之后,所述方法还包括:步骤s401,获取用户基于当前网站页面的切换指令,根据所述切换指令将同步后的翻译内容切换回当前网站页面的默认页面内容。需要说明的是,所述默认页面内容可为当前网站界面展示的语言形式,所述切换指令可为用户通过当前网站界面的切换控件,通过所述切换控件可将翻译后的网站内容调节回之前的网站显示的语言内容,从而满足不同用户的需求,提高用户体验。本实施例提供的方案,通过双向绑定框架实现的翻译资源加载方式,从而保证所述翻译内容与当前网站页面的页面内容进行同步展示,有利于用户进行在线查看,提高用户体验。本发明进一步提供一种网站的展示装置。参照图5,图5为本发明网站的展示装置第一实施例的功能模块示意图。本发明网站的展示装置第一实施例中,该网站的展示装置包括:获取模块10,用于获取基于当前网站页面选取的待展示语言信息,其中,所述待展示语言信息中包括多个不同国家的语种。需要说明的是,在当前网站页面上设有语言选取的控件,通过用户对控件的操作返回的参数从而确定用户需要当前网站页面展示的语言,例如用户通过当前网站页面的语言控件选取英语,从而可确定用户需要将当前网站界面展示为英语的语言,还可通过其他方式,例如可通过地理位置获取当前的位置信息,根据当前位置信息确定当前位置对应的语言信息。在本实施例中,所述待展示语言信息中包括多个不同国家的语种,例如英语,法语以及德语等,通过当前网站页面上的语言控件进行点击,可通过点击后的下拉菜单中展示可选择的语种信息。翻译模块20,用于根据所述待展示语种信息调用预设区域的翻译工具,以使所述翻译工具对所述当前网站页面的页面内容进行翻译。需要说明的是,所述翻译工具可为翻译表,还可为其他实现相同或相似功能的翻译工具形式,本实施例对此不作限制,在本实施例中,以翻译表为例进行说明,将当前网站页面中单页面里面只编写指向不同语言配置环境的翻译表,根据运行时的环境监测自动切换语言环境。在具体实现中,可在网站开发阶段,在网站界面中植入翻译表,通过翻译表可对当前网站界面展示的文字进行翻译,从而避免在网站开发阶段为了实现国际化,需要多个页面来切换,或者在一个页面里写入多个国家的语言界面,通过页面加载过程中的翻译表即可实现对当前网站页面的翻译,提高页面进行国际化时的切换速度。可以理解的是,可将所述翻译表保存在预设区域,通过调用预设区域中的翻译表进行使用,可通过获取用户的语言选择的触发条件,实现对预设区域中的翻译表的调用。在本实施例中,翻译表的实现是一种可配置表的方式,可对翻译表的配置化管理,通过更新升级翻译表就可以实现页面的翻译和增加其他国家支持,不需要去修改原先的页面,从而降低页面的维护难度,例如获取当前界面选择需要翻译的语言为德语,在当前语种选择中未存有德语这个语种,在这种情况下,可通过接收用户的加载指令,根据所述加载指令对翻译表中的语种进行实时更新,从而可根据用户的需求进行灵活更新,提高用户体验。同步模块30,用于获取所述翻译工具发送的翻译内容,并将所述翻译内容与当前网站页面的页面内容进行同步。需要说明的是,所述翻译内容为翻译表做翻译的当前网站页面的页面内容,翻译表在翻译完成之后将翻译内容发送至前端显示界面进行相应的展示,从而实现通过翻译表实现国际化的页面展示,并且翻译表占用空间较少,提高页面的加载性能。在本实施例中,由于需要将当前网站页面的内容与翻译的内容进行同步展示,从而不会让用户感觉到有停顿,更大限度的提高用户体验,可将翻译内容与当前网站页面的页面内容进行绑定处理,实现翻译内容与当前网站页面的页面内容的同步。展示模块40,用于将同步后的翻译内容在所述当前网站页面中进行展示。本实施例通过上述方案,通过获取用户选择的语言信息,根据所述语言信息调用翻译工具,根据所述翻译工具对当前展示页面的页面内容进行翻译,并将翻译后的页面内容与当前展示的页面内容进行同步,从而通过翻译工具实现对当前展示页面的翻译,而无需通过一个页面里写入多个国家的语言界面,降低国际化页面展示的难度。此外,为实现上述目的,本发明还提出一种终端设备,所述终端设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的网站的展示程序,所述网站的展示程序配置为实现如上文所述的网站的展示方法的步骤。此外,本发明实施例还提出一种存储介质,所述存储介质上存储有网站的展示程序,所述网站的展示程序被处理器执行如上文所述的网站的展示方法的步骤。需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个计算机可读存储介质(如rom/ram、磁碟、光盘)中,包括若干指令用以使得一台智能终端(可以是手机,计算机,终端设备,空调器,或者网络设备等)执行本发明各个实施例所述的方法。以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的
技术领域
:,均同理包括在本发明的专利保护范围内。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1