代码之家 › 专栏 › 技术社区 › Chris

Symfony 6中的翻译

symfony

Chris · 技术社区 · 2 年前

总结:在多年没有使用symfony之后,我将回到它(上一个版本是symfony 2)。然后我安装了最新的维护版本Symfony 6.3。

我目前正在努力解决当今框架中最基本的问题之一:翻译。

但无论我在做什么,它似乎都不起作用(这意味着我看不到前端的翻译)。

以下是您可能感兴趣的文件

config/packages/translation.yaml

framework:
    default_locale: en
    translator:
        default_path: '%kernel.project_dir%\translations'
        fallbacks:
            - en

translations/messages.fr.php

<?php

return [
    'Symfony is great' => "J'aime Symfony",
];

那部分似乎是文件,因为如果我提取翻译fr;翻译将显示在导出日志中。所以我的问题实际上是如何使这个翻译有效。

这是我的主页(我只是把它用作语言选择器,用来测试语言转换过程)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Language Selector</title>
        <link rel="stylesheet" href="css/flag.css">
    </head>
    <body>
        <div class="language-selector-top">
            <h1>Configuration</h1>
            Current Locale is : {{ app.request.locale }}
            Try to translate following {{ "Symfony is great"|trans }}
        </div>
        <div class="language-selector">
            <div class="language-flag" data-lang="en_US">
                <img src="images/usa.jpg" alt="USA Flag">
                <div class="language-text">Configure my account in English !</div>
            </div>
            <div class="language-flag" data-lang="fr_FR">
                <img src="images/french.png" alt="French Flag">
                <div class="language-text">Configurer mon compte en FranÃ§ais !</div>
            </div>
            <div class="language-flag" data-lang="es_ES">
                <img src="images/mexican.png" alt="Mexican Flag">
                <div class="language-text">Configurar mi cuenta en Mexicano !</div>
            </div>
        </div>
        <script src="js/flag.js"></script>
    </body>
</html>

点击一个标志将触发一个ajax,该ajax应该会更改语言

    #[Route('/language/update')]
    public function updateLanguage(Request $request):JsonResponse
    {
        $previousLocale = $request->getLocale();
        $language = $request->get('language');


        // Update the Symfony locale based on the selected language
        //$this->localeSwitcher->setLocale($language);
        $request->setLocale($language);

        return new JsonResponse(
            [
                'oldLocale' => $previousLocale,
                'newLocale' => $language
            ]
        );
    }

因此,ajax向我返回以下控制台日志

{“oldLocale”:“en”,“newLocale”:“fr_fr”}

问题是,当页面重新加载时,语言似乎一直是“en”,因为根本没有翻译任何内容。

     flag.addEventListener('click', () => {
        const selectedLanguage = flag.getAttribute('data-lang');

        // Send an AJAX request to update the Symfony locale
        const xhr = new XMLHttpRequest();
        xhr.open('POST', '/language/update', true);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.onreadystatechange = function () {
            if (xhr.readyState === XMLHttpRequest.DONE) {
                if (xhr.status === 200) {
                    // Reload the page after successful language update
                    console.log(xhr.responseText);
                    window.location.href = '/';
                } else {
                    console.error('Failed to update language.');
                }
            }
        };
        xhr.send('language=' + encodeURIComponent(selectedLanguage));
    });

感谢您在此过程中提供的帮助。

0 回复 | 直到 2 年前

ping 2 年前

imo,你必须储存 selected locale 在会话中,然后使用侦听器( kernel.event_listener )从会话中为每个请求设置区域设置

注意:symfony本身具有 LocaleListener (优先级16iirc),因此您的侦听器必须具有更高的优先级。

实例

#[Route('/language/update')]
public function updateLanguage(Request $request):JsonResponse
{
    $previousLocale = $request->getLocale();
    $language = $request->get('language'); // should rename the param to locale
     
    $request->setLocale($language);

    $request->getSession()->set('locale', $language);

    return new JsonResponse([
        'oldLocale' => $previousLocale,
        'newLocale' => $language
    ]);
}

namespace App\Listener;

class LocaleListener
{
    public function onKernelRequest(RequestEvent $event): void
    {
        $request = $event->getRequest();
        // en_US: fallback to the default locale if it's not existed
        $request->setLocale($request->getSession()->get('locale', 'en_US'));
    }
}

服务中。yaml

App\Listener\LocaleListener:
    tags:
        - { name: kernel.event_listener, event: kernel.request, method: onKernelRequest, priority: 17 }

如果你不想自己处理语言环境的事情,有一个捆绑包 https://github.com/lunetics-org/LocaleBundle