-1

我有一个使用 Laravel 开发的网站，它支持使用本地化的多语言。

首先：我创建了语言文件夹及其文件 /resources/lang/en/message.php

<?php

return [
    'page_title' => 'Welcome Page',
    'welcome_message' => 'Hi, Welcome to this page',
    'author_information' => 'My name is Sanjay. This blog is mine and we created this post for you to learn.',
];

/resources/lang/fr/messages.php

<?php

return [
    'page_title' => 'Pagina de bienvenida',
    'welcome_message' => 'Hola bienvenido a esta pagina',
    'author_information' => 'Mi nombre es Sanjay. Este blog es mío y creamos esta publicación para que aprendas.',
];

其次：我在 web.php 文件中创建了应用程序路由

Route::get('/', [LocalizationController::class, "index"]);
Route::get('change/lang', [LocalizationController::class, "lang_change"])->name('LangChange');

第三：我创建了 LocalizationController 来管理语言更改

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\App;

class LocalizationController extends Controller
{
    public function index()
    {
        return view('language');
    }
    public function lang_change(Request $request)
    {
        App::setLocale($request->lang);
        session()->put('locale', $request->lang);
        return view('language');
    }
}

最后：可以使用由 LocalizationController 管理的下拉列表更改语言

<body>
    <div class="container">
        <div class="row" style="text-align: center;margin-top: 40px;">
            <h2>How to Create Multi Language Website in Laravel - Online Web Tutor Blog</h2><br>
            <div class="col-md-2 col-md-offset-3 text-right">
                <strong>Select Language: </strong>
            </div>
            <div class="col-md-4">
                <select class="form-control Langchange">
                    <option value="en" {{ session()->get('locale') == 'en' ? 'selected' : '' }}>English</option>
                    <option value="es" {{ session()->get('locale') == 'es' ? 'selected' : '' }}>Spanish</option>
                </select>
            </div>
            <h1 style="margin-top: 80px;">{{ __('message.page_title') }}</h1>
            <h2 style="margin-top: 80px;">{{ __('message.welcome_message') }}</h2>
            <h3 style="margin-top: 80px;">{{ __('message.author_information') }}</h3>
        </div>
    </div>
</body>

<script type="text/javascript">
    var url = "{{ route('LangChange') }}";
    $(".Langchange").change(function(){
        window.location.href = url + "?lang="+ $(this).val();
    });
</script>

但是，当用户使用网站表单将数据插入数据库时​​，网站会准确显示用户插入的内容，网站有没有办法翻译用户输入？

4

1 回答 1

0

经过太多研究，我得到了一个免费的解决方案来翻译来自数据库的数据，我会分享它以防以后有人来这里。

首先，使用谷歌工具进行翻译。

<div id="google_translate_element"></div>
 <script type="text/javascript"> 
   function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage:"en"}, 'google_translate_element');
  }
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

但是，这将翻译整个页面，而您不希望这样，您希望它只翻译来自数据库的数据。

您可以使用两个类 translate 和 notranslate。其中“translate”类的元素将被翻译，“notranslate”类的元素将被忽略。

<p class="notranslate"> This Paragraph will remain same because it is using notranslate class.</p>

<p class="translate"> This Paragraph will change because it is using translate class. </p>

更多细节在这里https://www.coderepublics.com/howto/how-to-google-translate.php

我将整个主体设置为 notranslate 类，并将 translate 类添加到包含来自数据库的数据的元素中。

为了在更改应用程序语言时更改文本语言，我这样做了

<div id="google_translate_element" style="display:none;"></div>
 <script type="text/javascript"> 
    
    
    
var currentLang = "";
var targetLang = "";
if (document.documentElement.lang === "en") {
  currentLang = "ar";
  targetLang = "en";

}else{

  currentLang = "en";
  targetLang = "ar";
  
}


//In case we write ar, the tenslation that will apply is english, otherwise if it is en
//the translation that will be apllied is arabic
   function googleTranslateElementInit() {
setCookie('googtrans', '/'+currentLang +'/'+targetLang,1);
  new google.translate.TranslateElement({pageLanguage: currentLang,includedLanguages: 'en,ar',);
  }
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

当然对于其他不是数据来自数据库的部分，我只是简单地使用了 laravel Localization 这里是详细信息https://laravel.com/docs/8.x/localization

希望这会帮助那里的人。

于 2021-12-09T21:32:55.077 回答