javascript - 创建多语言网站

Question

我正在尝试弄清楚如何开发多语言网站。我在 HTML、JS、CSS 方面的背景并不广泛(一周前才开始)，因此我对此的理解可能不是最好的。

对于我们的示例，我们将创建三种语言突变:

• 英语(主要)
• 西类牙语
• 法语。

这是我开始在 Google 叔叔下搜索时遇到的情况。

• 我能想到的最长解决方案:创建三个文件夹，分别命名为en、es、fr .这些将包含原始网页的副本(例如 index.html)，但将被翻译成相应的语言。然后在顶部面板上，您将有一个按钮，单击该按钮将重定向到另一个文件夹(此处链接是硬编码的)。如果我们处理的是非常小的网站(只有几个页面)，这个解决方案是可行的。

• 我找到的第二个选项是使用 WordPress 插件(找到了很多)。不幸的是，这个解决方案不可行，因为我没有使用 wordpress 创建网站。

• 下一个选项(我认为这将是最好的)是为所有语言变化设置一个页面，但您将插入一些带有键的属性，而不是真正的文本，这将决定应该使用什么短语插在这里。它可能看起来像 data-toTranslate('sTitle')(弥补这一点)。现在的问题是，您会将文本存储在哪里？一种选择是进入数据库，但我没有使用过它们(在网站下)，因此我更喜欢文本文件/csv 文件/或类似的东西。这个解决方案的问题(除了我还不知道该怎么做 :) )是我不太确定网站在加载时间方面会如何对此使用react。也许这对开发人员来说是最好的解决方案，但对网站来说却是最糟糕的？

任何能为我指明正确方向的评论、链接或建议都非常受欢迎!

编辑:因为这个问题可能看起来太宽泛了，我会尽量精简一下。

因为我认为选项三是最好的，所以我想知道以下事情:

• 1) 当我想存储简单的键-值对时(比如在这个翻译中)，我需要创建什么？如果我在 C# 中，我会例如创建简单的 XML 或 CSV 文件，我会在运行时解析它。

• 2) 我可以使用简单的 JavaScript 实现这一点，还是需要使用 AngularJS 创建一些特定的 Controller /指令？

Answer 1

静态创建网站的英文版本，因为这是主要语言。每个文本元素都应该有一个单独的 ID(并且不要使用诸如“a”“b”等的 obe 词 id，这样你以后可以很容易地找到它们。

在您的服务器上有一个文件(文本文件也可以)，其中包含文本标签的 id，文本格式如下

welcome-text | ["Welcome to the website" in Spanish]
-------------
Etc...

(注意:yoh 需要存储翻译后的句子，但我不会西类牙语和法语)

将您的文件命名为类似 Spanish.txt 的名称。

当页面加载时，使用 javascript 通过 AJAX 下载此文件(这是静态英语版本作为后备)，循环遍历文本文件并将文本设置为翻译版本。

您当然也可以将 PHP 与 MysQL 一起使用，但我认为这对于两种语言来说有点过分了。

是的，这可以使用 100% 纯 javascript 来完成，甚至不需要 JQuery。