php – Silex:允许用户通过单击html元素并保持干净的URL来更改语言
作者:互联网
我正在使用Silex和Twig建立一个网站,我希望允许用户更改网站的语言.
我的问题
现在,如果我更改URL中的区域设置,它会起作用:
/ my-account:我的页面内容是英文(默认为_locale)
/ fr / my-account:我的页面内容是法语
/ en / my-account:我的页面内容是英文的
如何通过单击html元素来执行相同的操作?
我正在寻找一些想法,以解决我的问题和一些良好的做法,如果可能的话,“正确的方式”.
我的代码
这是我用来管理multilangue的Silex组件:
// TRANSLATION
$app->register(new Silex\Provider\LocaleServiceProvider());
$app->register(new Silex\Provider\TranslationServiceProvider());
$app->register(new \Pmaxs\Silex\Locale\Provider\LocaleServiceProvider(), [
'locale.locales' => ['en', 'fr'],
'locale.default_locale' => 'en',
'locale.resolve_by_host' => false,
'locale.exclude_routes' => ['^_']
]);
$app->extend('translator', function($translator, $app) {
$translator->addLoader('yaml', new YamlFileLoader());
$translator->addResource('yaml', __DIR__.'/../src/locales/en.yml', 'en');
$translator->addResource('yaml', __DIR__.'/../src/locales/fr.yml', 'fr');
return $translator;
});
这是我的用户更改语言的html:
<li id="drop-langue" data-lg="en">
<span id="current-lg">EN</span> // My current langue
<div class="drop-langue">
// The list of langage the user can choose : here ONE -> FR
<div id="list_langue">
<a class="change_langue" href="#" data-lg="fr"> <span>FR</span></a> // Could be nice to change the langue staying on the same page
</div>
</div>
</li>
现在我的jQuery获取值:
$(document).ready(function() {
$(".change_langue").on("click", function() {
var new_langue = $(this).data("lg");
$.ajax({
url: "{{ path('new-langue') }}",
type: 'POST',
data: {'langue': new_langue},
success: function (resp) {
console.log(resp);
},
error: function (resp) {
console.log(resp);
}
});
});
});
我的Ajax控制器:
$app->match('/new-langue', function (Request $request) use ($app) {
$new_langue = $request->get('langue');
// some code to change the langage
return New Response($new_langue);
})->bind('new-langue');
如果我这样做,我的Ajax成功console.log(resp);按我的意愿给我.
关于如何做的一些想法/问题
>使用Ajax调用是否是一个好主意?
>如果我在我的网址中通过en更改fr,它是否有效,尝试使用window.location.href在javascript中执行此操作是否是个好主意? (我想不是但仍然在问)
>我看到了this solution的另一个问题,并在我的控制器中尝试但是我收到此错误:500(内部服务器错误)(我做了同样的事情,使用$new_langue而不是$app [‘defaultLanguage’]并使用正确的名称我的主页).
这是我第一次使用Silex创建一个完整的网站,而且我是php框架的初学者,所以如果有人可以帮助实现我想要的东西……感谢提前!
编辑:
根据我得到的anwser以及我想要实现的目标,是否可以更改区域设置并与Silex / Twig保持同一页面?
例如,这给了我当前的路由:global.request.get(‘_ route’)和这个global.request.get(‘_ locale’)给我区域设置.
如果我以我的主页为例,这就是我的控制器现在的样子(我只是展示模板):
$app->match('/', function (Request $request) use ($app) {
return $app['twig']->render('home.html.twig');
})->bind('home');
如您所见,我的URL中没有{_locale}参数.那么我可以在没有{_locale}的情况下保留这个“干净的URL”并点击停留在同一页面中的点击来改变当前的语言吗?
我想做这样的事情:< a href =“{{path(global.request.get('_ route')),global.request.set('_ locale','FR')}}”> ; FR< / A> 但它肯定不会起作用……我可以这样做吗?
解决方法:
因此,从您的消息中,我可以提取您的目标是允许在单击HTML元素时更改语言.
a标签的用法定义了一个超链接,用于从一个页面链接到另一个页面,可以用来实现你想要的.
我以前做过多廊网站,你可以通过各种方式实现这一点.
///////////////////////////////方法1:在HTML属性href中定义位置
在你的HTML代码中,你已经在超链接中使用了hash – #.
超链接需要href属性,因为它指定了一个位置.
查看您的代码,您有标记,但它缺少指向您要将用户重定向到的特定位置的链接.
假设您想要用法语访问我的帐户页面.
所以,你的HTML代码应该是:
<li id="drop-langue" data-lg="en">
<span id="current-lg">EN</span> // My current langue
<div class="drop-langue">
// The list of langage the user can choose : here ONE -> FR
<div id="list_langue">
<a class="change_langue" href="http://yourwebsite.com/fr/my-account" data-lg="fr"><span>FR</span></a>
</div>
</div>
</li>
注意:将yourwebsite.com替换为您网站的域名.
///////////////////////////////方法1的结尾
在您的HTML代码中,您提到//可能很高兴更改停留在同一页面上的语言.
这可以使用AJAX来完成,是的.
但我不建议你这样做,因为通过查看同样拥有多种语言网站的大公司,例如SAP或Apple,它们都会重定向到不同的页面.
///////////////////////////////更新:到现在为止的答案是因为我认为你的需要只是为了允许语言单击HTML元素时要更改.
显然,你的目标稍微复杂一些.
根据Silex文档,_locale的用法是the way to go.
在this question you can see working code:
<?php
require_once __DIR__.'/../vendor/autoload.php';
$app = new Silex\Application();
$app['debug'] = true;
$app->register(new Silex\Provider\UrlGeneratorServiceProvider());
$app->register(new Silex\Provider\TwigServiceProvider(), array(
'twig.path' => __DIR__.'/../views',
));
$app->register(new Silex\Provider\TranslationServiceProvider(array(
'locale_fallbacks' => array('hr'),
)));
$app['translator'] = $app->share($app->extend('translator', function($translator) {
$translator->addLoader('xlf', new \Symfony\Component\Translation\Loader\XliffFileLoader());
$translator->addResource('xlf', __DIR__.'/../locales/hr.xlf', 'hr');
$translator->addResource('xlf', __DIR__.'/../locales/en.xlf', 'en');
$translator->addResource('xlf', __DIR__.'/../locales/sl.xlf', 'sl');
return $translator;
}));
$app->get('/', function () use ($app) {
$app['translator']->setLocale('hr');
return $app['twig']->render('home.twig', array('d' => $app['translator']->getLocale()));
});
$app->get('/{_locale}/', function() use ($app) {
$app['translator']->setLocale($app['request']->get('locale'));
return $app['twig']->render('home.twig', array('d' => $app['translator']->getLocale()));
});
$app->run();
标签:silex,php,ajax,symfony 来源: https://codeday.me/bug/20190828/1748267.html