CN102289376A

CN102289376A - 基于嵌入式的多语言web页面实现方法及系统

Info

Publication number: CN102289376A
Application number: CN2011102742074A
Authority: CN
Inventors: 陈洋; 张玮; 郑学智; 陈为
Original assignee: Fiberhome Telecommunication Technologies Co Ltd
Current assignee: Fiberhome Telecommunication Technologies Co Ltd
Priority date: 2011-09-16
Filing date: 2011-09-16
Publication date: 2011-12-21

Abstract

一种基于嵌入式的多语言WEB页面实现方法及系统，嵌入式设备WEB用户界面设计，所述方法包括如下步骤：S1定义语言的种类；S2：翻译该语言，生成excel列表；S3：使用翻译工具转换excel列表为多语言资源文件；S4：将多语言资源文件读取到内存哈希表中；S5：读取哈希表中的语言资源值，在WEB页面上显示出来。所述系统包括多语言文件翻译模块、多语言资源转换模块、多语言资源读取模块、页面元素显示模块。本发明能够节省带宽，适合浏览器中javascript处理，方便地扩充语言版本，满足嵌入式设备海外市场的不断增长和变化，同时可减少不同语言版本的测试维护和管理成本。

Description

基于嵌入式的多语言WEB页面实现方法及系统

技术领域

本发明涉及嵌入式设备WEB用户界面设计，尤其涉及一种基于嵌入式的多语言WEB页面实现方法及系统。

背景技术

随着嵌入式电子产品在海外市场的开拓，产品的用户操作界面越来越需要满足国际化要求，提供一个多语言的WEB管理页面成为必要功能，例如在南美市场存在西班牙语、英语、葡萄牙语言等多种官方语言，因此在该区域销售的嵌入式产品往往需要提供多种语言操作界面供用户选择使用，出于对性能和成本的考虑，目前嵌入式产品多语言WEB页面的实现方式有以下几种：

1)静态网页复制

为每一种语言分别开发一套静态页面，根据用户的选择把某种语言的页面作为显示页面，缺点是需要开发人员同时维护多套页面。

2)浏览器动态网页替换

网页中所有语言都集合在一起，浏览器端javascript代码根据用户选择的语言种类，隐藏其它语言页面，显示所选语言页面，这种方式下每增加或者删除一种语言就需要修改源码，维护工作量大。

3)服务器动态网页替换

服务器端CGI(Common Gateway Interface，通用网关接口)中所有语言代码都集合在一起，CGI根据选择的语言种类，动态生成所选语言页面，这种方式占用大量嵌入式设备cpu资源。

4)多语言资源文件

在语言资源文件中以类似id＝value的方式定义语言的显示串，在页面上以id方式定义显示组件，组件在显示时从语言资源文件中读取value显示。

以上这几种方式主要的不足在于：

1)由于嵌入式的存储空间有限，在第1种和第2种方式中，重复信息较多，占用大量空间，网页的传递也占用大量带宽。

2)第1种、第2种和第3种方式，程序员的维护工作量比较大，增加一种语言，就需要增加一套结构完全相同的页面，造成大量重复性的维护工作。

3)第4种方式中，语言资源文件格式复杂，不适合在以网页处理为主的浏览器中javascript处理，其中javascript是一种由网景的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言。

4)第4种方式中，翻译人员和程序员之间缺少通用格式的沟通文档，其翻译结果不能自动转换为程序需要的格式文件，需要管理人员和程序员手工进行协调、整理和录入，浪费大量时间。

以上方式的多语言WEB实现方式难以满足国际化版本不断发展的需要。在实际应用中迫切需要一种具有灵活体系架构的多语言WEB实现方法及系统。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种基于嵌入式的多语言WEB页面实现方法及系统，能够节省带宽，适合浏览器中javascript处理，方便地扩充语言版本，只需要增加该语言翻译文件，该语言翻译文件直接由excel表形式的文件自动生成，满足嵌入式设备海外市场的不断增长和变化，同时可减少不同语言版本的测试维护和管理成本。

为达到以上目的，本发明提供一种基于嵌入式的多语言WEB页面实现方法，包括如下步骤：

S1：定义语言的种类；

S2：翻译该语言，生成excel列表；

S3：使用翻译工具转换excel列表为多个语言资源文件；

S4：将多个语言资源文件读取到内存哈希表中；

S5：读取哈希表中的语言资源值，在WEB页面上显示出来。

在上述技术方案的基础上，所述定义语言的种类，即定义WEB页面上每个语言的ID及其中文语言字符串值。

在上述技术方案的基础上，所述S2中，每一个ID在excel列表中占一行，每一种语言在excel列表中占一列。

在上述技术方案的基础上，将所有中文语言字符串值翻译成目标语言字符串值，然后将其填在相应语言列对应的excel表格位置，并保存。

在上述技术方案的基础上，所述S4中，WEB页面从多个语言资源文件中读取每个ID、ID对应的中文语言字符串值和目标语言字符串值，放入内存哈希表中供页面检索。

上述技术方案的基础上，所述S5中，WEB页面代码根据当前选择的语言种类，在内存哈希表中读取每个ID和ID对应的目标语言字符串值，并在页面上的ID位置显示。

在上述技术方案的基础上，所述多语言资源文件是程序代码中使用的文件，每种语言对应一个资源文件。

本发明还提供一种基于嵌入式的多语言WEB页面实现系统，包括：

多语言文件翻译模块：即excel形式的语言工作表；

多语言资源转换模块：用于将翻译人员提供的语言工作表转换为不同的语言资源文件；

多语言资源读取模块：用于读取多语言资源文件，将其转换为内存中哈希表的数据格式；

页面元素显示模块：用于根据页面元素的ID，在内存语言资源哈西表中查找对应的目标语言字符串值，并将其在对应ID所在位置显示出来。

在上述技术方案的基础上，所述多语言文件翻译模块定义WEB页面中需要多个语言显示的ID，及其相应的目标语言字符串值，根据该模块进行WEB页面显示字符串的翻译工作。

本发明的有益效果在于：

1)系统中只需保存一套WEB页面和不同语言字符串，无需重复保存不同语言的WEB页面，节省大量空间和带宽。

2)程序员只需维护一套WEB页面，不同语言对应不同的资源文件，增加或者修改某种语言不需要更新源代码，减少了代码维护工作量。

3)语言资源文件格式采用JSON(JavaScript Object Notation，JavaScript对象表示法)格式，适合网页中JavaScript引擎处理。

4)翻译人员的文件自动转换为程序员使用的语言资源文件，减轻了程序员和管理人员进行协调和沟通的工作。

附图说明

图1为本发明基于嵌入式的多语言WEB页面实现方法的流程图；

图2为本发明基于嵌入式的多语言WEB页面实现系统的结构图；

图3为本发明基于嵌入式的多语言WEB页面实现方法的时序图；

具体实施方式

以下结合附图及实施例对本发明作进一步详细说明。

如图1所示，本发明基于嵌入式的多语言WEB页面实现方法，包括如下步骤：

S1：定义语言的种类；

S2：翻译该语言，生成excel列表；

S3：使用翻译工具转换excel列表为多个语言资源文件；

S4：将多个语言资源文件读取到内存哈希表中；

S5：读取哈希表中的语言资源值，在WEB页面上显示出来。

下面结合具体实施例对本发明做详细说明。

S1：确定使用嵌入式设备需要的语言种类，定义WEB页面上每个语言的ID及其中文语言字符串值。

S2：整理界面上需要显示的ID到语言文件翻译转换工具，程序员在多语言翻译工具中建立excel表格形式的LanguesTable工作表(语言工作表)。所有的ID和其对应的中文字符串值定义完成后保存LanguesTable工作表，每一个ID在LanguesTable工作表中占一行，每一种语言在LanguesTable工作表中占一列。将所有中文语言字符串值翻译成目标语言字符串值，然后将其填在相应语言列对应的excel表格位置。如表格1所示，该表第一栏表示显示ID，第二栏表示该ID对应的中文含义，第三栏表示对应的英语翻译，第四栏表示对应的西班牙语翻译，程序员将每一个ID对应的中文字符串值填在CHINESE列对应的表格位置，其他目标语言字符串值填在对应的位置。

表格1

显示元素ID	CHINESE中文翻译	ENGLISH英语翻译	SPANISH西班牙语言翻译
				ADSL_PASS	密码	Password	Contrasena
ADSL_CONFIG	配置	Config	Configurar conexion ADSL
				ADSL_TYPE	类型	Type	Tipo
...	...	...	...

S3：程序员通过多语言翻译工具将步骤S2生成的LanguesTable工作表转换为多语言资源文件，多语言资源文件是程序代码中使用的文件，每种语言对应一个资源文件，如中文资源文件名为language.ch.json，英文资源文件名为language.en.json。以下是使用excel vba实现的部分示意代码：

S4：WEB页面在从多个语言资源文件中读取每个ID、ID对应的中文语言字符串值或目标语言字符串值，放入内存哈希表中供页面检索。如图2所示，在基于嵌入式的多语言WEB页面实现系统中，包括多语言文件翻译模块、多语言资源转换模块、多语言资源读取模块、页面元素显示模块。多语言文件翻译模块即LanguesTable工作表，多语言资源转换模块将翻译人员提供的语言工作表转换为不同的语言资源文件，再由多语言资源读取模块读取，将其转换为内存中哈希表的数据格式，页面元素显示模块根据页面元素的ID，在内存语言资源哈西表中查找对应的语言字符串，并将其在对应ID所在位置显示出来。所述多语言文件翻译模块定义WEB页面中需要多语言显示的ID，及其相应的中文语言字符串值或目标语言字符串值，根据该模块进行WEB页面显示字符串的翻译工作。语言资源读取模使用javascript实现的部分示意代码如下：

S5：如图2所示，WEB页面代码根据当前选择的语言种类，界面显示模块在WEB页面中调用javascript函数，该函数根据ID查找内存中的语言资源文件生成的哈希表，在内存哈希表中读取每个ID和ID对应的中文语言字符串值或目标语言字符串值，将对应的中文语言字符串值或目标语言字符串值串在ID位置处进行显示。以下是使用javascript实现的部分示意代码：

如图3所示，为所述代码的执行时序图，多语言资源转换模块将翻译人员的excel文档转换为多个语言资源文件。系统运行时，多语言资源读取模块向多语言资源转换模块发出读取语言资源文件的请求，多语言资源转换模块返中文语言字符串值或目标语言字符串值，多语言资源读取模块将该语言资源串保存在内存哈希表中。在浏览器显示页面之前，页面元素显示模块向多语言资源读取模块发出获取哈希表中ID语言串的请求，多语言资源读取模块根据页面ID，在哈希表中读取ID对应的中文语言字符串值或目标语言字符串值，返回给页面元素显示模块，页面显示模块在页面上该ID位置处显示相应的中文语言字符串值或目标语言字符串值。

本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims

1.一种基于嵌入式的多语言WEB页面实现方法，其特征在于，包括如下步骤：

S1：定义语言的种类；

S2：翻译该语言，生成excel列表；

S3：使用翻译工具转换excel列表为多个语言资源文件；

S4：将多个语言资源文件读取到内存哈希表中；

S5：读取哈希表中的语言资源值，在WEB页面上显示出来。

2.如权利要求1所述的基于嵌入式的多语言WEB页面实现方法，其特征在于：所述定义语言的种类，即定义WEB页面上每个语言的ID及其中文语言字符串值。

3.如权利要求2所述的基于嵌入式的多语言WEB页面实现方法，其特征在于：所述S2中，每一个ID在excel列表中占一行，每一种语言在excel列表中占一列。

4.如权利要求2所述的基于嵌入式的多语言WEB页面实现方法，其特征在于：将所有中文语言字符串值翻译成目标语言字符串值，然后将其填在相应语言列对应的excel表格位置，并保存。

5.如权利要求2所述的基于嵌入式的多语言WEB页面实现方法，其特征在于：所述S4中，WEB页面从多个语言资源文件中读取每个ID、ID对应的中文语言字符串值或目标语言字符串值，放入内存哈希表中供页面检索。

6.如权利要求5所述的基于嵌入式的多语言WEB页面实现方法，其特征在于：所述S5中，WEB页面代码根据当前选择的语言种类，在内存哈希表中读取每个ID和ID对应的目标语言字符串值，并在页面上的ID位置显示。

7.如权利要求1所述的基于嵌入式的多语言WEB页面实现方法，其特征在于：所述多语言资源文件是程序代码中使用的文件，每种语言对应一个资源文件。

8.一种基于嵌入式的多语言WEB页面实现系统，其特征在于，包括：

多语言文件翻译模块：即excel形式的语言工作表；

页面元素显示模块：用于根据页面元素的ID，在内存语言资源哈西表中查找对应的中文语言字符串值或目标语言字符串值，并将其在对应ID所在位置显示出来。

9.如权利要求8所述的基于嵌入式的多语言WEB页面实现方法，其特征在于：所述多语言文件翻译模块定义WEB页面中需要多个语言显示的ID，及其相应的中文语言字符串值或目标语言字符串值，根据该模块进行WEB页面显示字符串的翻译工作。