Django中如何使用JavaScriptCatalog

在Django中，要使用JavaScriptCatalog类来收集和翻译JavaScript代码中的翻译字符串。下面是一个使用例子：

首先，确保在项目的settings.py文件中启用了django.contrib.staticfiles和django.contrib.humanize应用程序，如下所示：

INSTALLED_APPS = [
    ...
    'django.contrib.staticfiles',
    'django.contrib.humanize',
    ...
]

然后，在你的urls.py文件中导入JavaScriptCatalog视图，并将其添加到URL模式中，如下所示：

from django.views.i18n import JavaScriptCatalog

urlpatterns = [
    ...
    path('jsi18n/', JavaScriptCatalog.as_view(), name='javascript-catalog'),
    ...
]

上面的例子中，我们将JavaScriptCatalog视图映射到/jsi18n/ URL上，并将其命名为javascript-catalog。这个视图是负责收集JavaScript代码中的翻译字符串并提供它们的翻译结果。

接下来，在你的JavaScript代码中，你可以使用gettext函数来标记需要翻译的字符串，如下所示：

var translatedString = gettext('This string will be translated.');

你也可以使用ngettext函数来处理复数形式的字符串，如下所示：

var translatedString = ngettext('There is one apple.', 'There are {count} apples.', count);

在上面的代码中，count是一个变量，表示苹果的数量。

一旦你的JavaScript代码中的翻译字符串被标记，你需要将这些字符串收集到翻译目录中。为此，你可以运行以下命令：

python manage.py makemessages -d djangojs

上面的命令将会根据你的代码中的翻译字符串生成相应的PO文件。

接下来，你需要打开生成的PO文件（位于locale/<language>/LC_MESSAGES/djangojs.po）并为每个翻译字符串提供翻译结果，如下所示：

msgid "This string will be translated."
msgstr "这个字符串将会被翻译。"

在上面的例子中，msgid是原始字符串，msgstr是翻译结果。

完成后，你需要运行以下命令来编译翻译文件：

python manage.py compilemessages

这将生成一个MO文件，它包含了翻译字符串的翻译结果。

最后，在你的HTML模板中，你需要加载翻译目录并使用get_static_prefix和translate模板标签来翻译JavaScript字符串，如下所示：

{% load static %}
{% load i18n %}

<script src="{% static 'jsi18n/' %}" type="text/javascript"></script>

<script type="text/javascript">
    var translatedString = gettext('This string will be translated.');
    var pluralString = ngettext('There is one apple.', 'There are {count} apples.', {{ apple_count }});
</script>

在上面的代码中，get_static_prefix标签用于获取到静态文件的URL前缀，而translate标签用于将字符串翻译为用户的语言。

通过上述步骤，你已经成功地在Django中使用JavaScriptCatalog来收集和翻译JavaScript代码中的翻译字符串。当用户访问包含这些翻译字符串的页面时，它们将根据用户的语言设置自动翻译为相应的语言。