html - 在 HTML5 Web 应用程序中创建和使用翻译资源

Question

我正在使用 HTML5/JQuery 和 Java EE 创建一个富 Web 应用程序，我需要使该应用程序能够以英语和法语显示。我是 HTML5 的新手，所以我不知道是否可以轻松地做到这一点，如果可以，我应该怎么做？

我对 Flex 有很好的想法，并且使用这项技术，它真的很容易做到：您只需将“字典”存储在 2 个不同的文件中。例如：

file english:

title = Welcome to my app !

file French :

title = Bienvenu dans mon appli !

然后在每次需要翻译术语时调用 {resourceManager.getString('file','title')} 。

有没有类似的方法在 HTML 中做到这一点？

提前感谢您的回答。

score 0 · Accepted Answer

你可以用 javascript 做类似的事情。有很多方法可以做到这一点，我只会抛出我会做的方式。

我会将翻译存储在一些普通的 javascript 文件中。

lang_english.js

var language = 
{
  "title" : "Welcome to my app"
}

lang_french.js

var language = 
{
  "title" : "Bienvenu dans mon appli !"
}

您可以在 html 头中加载以下文件之一：

<script src="lang_english.js" type="text/javascript"></script>

然后在您的应用程序中，您可以创建一个 resourceManager 对象：

resourceManager = {}
resourceManager.getString = function(str)
{
  return language[str];
}

然后调用：

var title = resourceManager.getString('title')

编辑：

对于动态加载，您可以将它们存储在.json文件中并用于jquery根据用户语言选择动态加载它们：

var language = {};

$.get('lang_french.json', function(data) {
    language = JSON.parse(data);
});

该lang_french.json文件如下所示：

{
  "title" : "Bienvenu dans mon appli !"
}

1 回答 1