如何让网站支持多语言

news2024/11/15 2:16:11

在开发支持多语言的网站时，存储和管理不同语言的内容是关键。以下是几种常用的方法：

数据库存储
- 方案：在数据库中为多语言内容设计表结构。通常会有一个 translations 表，包含以下字段：
  - id：主键
  - content_id：内容的唯一标识
  - language：语言代码（如 en、zh）
  - content：具体的文本内容
- 优点：便于管理，支持多种语言动态加载，尤其适合大型内容管理系统。
- 示例：
```
CREATE TABLE translations (
    id INT PRIMARY KEY,
    content_id INT,
    language VARCHAR(2),
    content TEXT
);
```
- 在使用时根据语言代码查询相应的内容。
JSON 文件
- 方案：为每种语言创建一个单独的 JSON 文件，其中包含所有文本内容。文件的结构通常是键值对格式，例如 en.json 和 zh.json。
- 优点：简单直接，易于维护。适合小型网站，且易于通过版本控制系统管理。
- 示例：
```
// en.json
{
    "greeting": "Hello",
    "farewell": "Goodbye"
}
```
- 在应用中根据用户选择的语言加载相应的 JSON 文件。

i18n 国际化框架

方案：使用国际化框架，如 JavaScript 的 i18next、Vue 的 vue-i18n、React 的 react-intl，或 Python 的 gettext 等。
优点：这些框架通常提供了自动化的翻译加载和切换功能，还支持语言占位符、多层嵌套、复数形式等高级功能。

示例：使用 i18next 在 React 中设置多语言支持：

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

const resources = {
    en: { translation: { "key": "Hello" } },
    zh: { translation: { "key": "你好" } }
};

i18n.use(initReactI18next).init({
    resources,
    lng: "en",
    interpolation: { escapeValue: false }
});