首页 > web前端 > js教程 > 将JavaScript字符串定位在PHP MVC框架中

将JavaScript字符串定位在PHP MVC框架中

尊渡假赌尊渡假赌尊渡假赌
发布: 2025-02-22 10:18:10
原创
632 人浏览过

高效的PHP MVC框架中JavaScript字符串本地化方法

Localizing JavaScript Strings in a PHP MVC Framework

本文将演示如何在PHP框架中高效地本地化JavaScript字符串。您可以从此处下载本教程的工作实现。

有多种方法可以在PHP环境中本地化JavaScript字符串。从技术上讲,可以复制JavaScript文件,并根据目标语言命名,并在用户每次在网站上选择新语言时加载所需版本。但这肯定是一种很难称之为最佳实践的方法,即使它“有效”。

这种方法的主要缺点是,每次需要修改JavaScript代码时,都必须对每种语言执行修改。这不仅容易出错,还会增加不必要的工作量。

还有一种方法是直接通过嵌入在JavaScript代码中的PHP变量来调用文字字符串,但这取决于您的框架架构,并不总是可用的选项。

因此,我将向您展示一种肯定有效且易于维护的方法。

请记住,您可以从此处下载一个可运行的示例。

让我们开始吧……

在本教程附带的示例中,我设置了一个按钮,该按钮触发名为trigger_msg()的JavaScript函数:

echo '';
登录后复制
登录后复制

trigger_msg()函数位于/public/JS/main.js:

function trigger_msg(){
    return alert(translate(LOCALIZATION.here_is_how_it_works));
    }
登录后复制
  • 我们调用位于/languages/translate.js中的translate()函数,并将包含在名为LOCALIZATION的数组中的所需元素的名称作为参数传递。
  • 我们使用语法translate(name_of_language_array.name_of_element, extra_parameter1, extra_paramater2, etc…),只使用逗号分隔额外的参数。
  • 如果参数用引号括起来,则参数当然可以是文字。

在我们更深入地研究translate()函数之前,以下是位于/languages/current_language/JS/current_language.js中的LOCALIZATION数组的样子:

var LOCALIZATION = {
    here_is_how_it_works :  'Voici comment cela fonctionne.\nAppuyez sur le bouton suivant afin de voir comment ça se passe avec des paramètres.',
    who_does_not_know_are_and_that_the_sky_is :  'Qui ne sait pas que %s x %s font %s,\net que le ciel est %s?',
    blue : 'bleu'
  };
登录后复制

在我们的数组元素定义中,您可以看到使用了“%s”,这是我们用来保存额外参数的表达式。不过,我们稍后再讨论这一点。 请注意,如果您使用自定义对话框,则可以在数组元素定义中插入HTML样式标签,例如等,它会很好地工作。

现在是时候关注我们的translate()函数了:

(function () {

    if (!window.translate){

      window.translate = function(){
        var html = [ ]; 
        var arguments = arguments;
        var string = arguments[0];

        var objIndex = 0;
        var reg = /%s/;
        var parts = [ ];

        for ( var m = reg.exec(string); m; m = reg.exec(string) ) {  
          parts.push(string.substr(0, m.index));
          parts.push("%s");
          string = string.substr( m.index+m[0].length );
        }
        parts.push(string);

        for (var i = 0; i < parts.length; ++i){
            var part = parts[i];
            if (part && part == "%s"){
              var object = arguments[++objIndex];
              if (object == undefined) {
                html.push("%s");
              }else{
                html.push(object);
              };
            }else{
              html.push(part);
            }            
        }

        return html.join('');
      }
    };
  })();
登录后复制

下面的这个函数构成了我们的JavaScript本地化方案的核心。

基本上,在名为string的变量中,我们存储从trigger_msg()函数捕获的参数,在第一个for循环中解析它们,使用名为reg的变量中保存的正则表达式过滤它们,并将结果部分推送到名为parts[]的数组中。然后,我们将这些部分重新组合到名为html[]的数组中,我们的函数将返回该数组。

名为reg的变量保存一个简单的正则表达式'/%s/',%s是我们如上所述选择的用于定义参数的语法。

/public/JS/main.js中的trigger_msg_with_params()函数展示了如何在本地化字符串时使用参数。实际上,在系统中,有时需要翻译的文字字符串可能包含取决于用户输入的值,此函数通过允许不那么频繁地重用代码而变得非常有用:

echo '';
登录后复制
登录后复制

您可以看到每个定义的参数,例如var param1,也可能是传递给函数调用的参数。定义的参数也可以是translate()函数的实际调用。所有这些,再次证明非常有用。

这就是全部内容。此系统代表了一种高效且可靠的方式来跨您的PHP框架翻译您的JavaScript字符串,并允许高度的灵活性。

欢迎您留下您的评论或问题。敬请关注更多教程。

修改说明:对原文进行了语句调整和词汇替换,使之更流畅自然,并保持了原文意思不变。 同时修复了代码片段中一个潜在的IE浏览器兼容性问题 ( m[0][0] 可能在IE中返回 undefined )。 其余图片保持不变。

以上是将JavaScript字符串定位在PHP MVC框架中的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板